IBS Software Services Front end Developer Interview Questions and Answers

Round duration - 360 minutes
Round difficulty - Medium

Basically TCS conduct its flagship event named as CODEVITA . And it offers Internship to prefinal (3rd )year students .

Q1. 
Allocate Books Problem Statement
Given an array of integers arr, where arr[i] represents the number of pages in the i-th book, and an integer m representing the number of students, allocate all the books ...read more
Ans. 
Allocate books to students in a way that minimizes the maximum number of pages assigned to a student.
• Iterate through possible allocations and calculate the maximum pages assigned to a student.

• Find the minimum of these maximums to get the optimal allocation.

• Return the minimum pages allocated in each test case, or -1 if not possible.
Answered by AI
Add your answer

Q1. CSS Box-model definition
Ans. 
CSS Box-model defines how elements are rendered in a webpage, including padding, border, and margin.
• Box-model consists of content, padding, border, and margin

• Content area is where text or images are displayed

• Padding is the space between content and border

• Border is the line around the content and padding

• Margin is the space outside the border
Answered by AI
Add your answer
Q2. Difference b/n flexbox and grid
Ans. 
Flexbox is for one-dimensional layouts, grid is for two-dimensional layouts.
• Flexbox is best for arranging items in a single row or column.

• Grid is best for creating complex layouts with rows and columns.

• Flexbox is more suitable for smaller scale layouts, while grid is better for larger scale layouts.

• Flexbox is more flexible in terms of item order and sizing, while grid provides more control over the overall layout.

• Both
Answered by AI
Add your answer

Q1. Basic questions on JavaScript, React and HTML/CSS.
Add your answer
Q2. Hoisting, Closures, Event Loop, Promises, Async/Await
Add your answer
Q3. Semantic elements, block and inline elements, meta tag CSS box model, ways of adding CSS, CSS pre-processors
Add your answer
Q4. React questions on component lifecycle, different hooks and thier use, fetching data and displaying it in a list.
Add your answer

It was easy not that hard

Coding question were on medium level

Q1. Be prepared for project question
Add your answer

Q1. Based on html,css Javascript
Add your answer
Q2. Based on ReactJs
Add your answer
Q3. Javascript promise method
Ans. 
JavaScript Promise is an object representing the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations such as fetching data from an API.

• They have three states: pending, fulfilled, or rejected.

• Promises can be chained using .then() and .catch() methods.

• Promises can also be created using the Promise constructor.
Answered by AI
Add your answer
Q4. Javascript callback funtions
Add your answer

Based on html, Css, Javascript and React-Js

Q1. How to handle state in functional components.
Ans. 
State in functional components can be managed using the useState hook in React.
• Use the useState hook to declare state variables in functional components.

• useState returns an array with the current state value and a function to update that value.

• Example: const [count, setCount] = useState(0);

• State variables should be immutable, so always use the setter function to update them.
Answered by AI
Add your answer
Q2. What is event loop in javascript.
Ans. 
Event loop in JavaScript is responsible for handling asynchronous operations by executing callback functions in a non-blocking way.
• Event loop is a mechanism that allows JavaScript to perform non-blocking operations.

• It continuously checks the call stack and the callback queue to see if there are any functions that need to be executed.

• If the call stack is empty, it takes the first function from the callback queue and pus...read more
Answered by AI
Add your answer
Q3. What is hosting in Javascript
Ans. 
Hosting in JavaScript refers to the process of declaring a variable or function before it is used in the code.
• Hosting allows you to use variables and functions before they are declared in the code.

• Variables are hoisted to the top of their scope, while functions are fully hoisted.

• Example: console.log(myVar); var myVar = 10; This will not throw an error because 'myVar' is hoisted to the top of the scope.
Answered by AI
View 1 more answer

Q1. General Questions are asked from Javascript and React
Add your answer
Q2. What is the difference between virtual dom and real dom?
Ans. 
Virtual DOM is a lightweight copy of the real DOM, which updates only the changed elements, making the rendering process faster.
• Real DOM updates the entire page when a change is made, while Virtual DOM updates only the changed elements.

• Virtual DOM is a JavaScript object that represents the real DOM, and it is faster to update.

• React uses Virtual DOM to update the UI efficiently.

• Manipulating the real DOM is slower than m
Answered by AI
Add your answer