IDC Technologies Front end Developer Interview Questions and Answers

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. 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. React js Basic Question
Add your answer
Q2. Coding Question Giving API to call and show in UI
Add your answer

2 coding problem of array and another of stack

Q1. What is callback hell
Ans. 
Callback hell is a situation in asynchronous programming where multiple nested callbacks make the code difficult to read and maintain.
• Callback hell occurs when there are multiple levels of nested callbacks in asynchronous code.

• It makes the code difficult to understand, debug, and maintain.

• Promises and async/await are solutions to avoid callback hell.

• Example: nested callbacks in JavaScript AJAX requests.
Answered by AI
Add your answer
Q2. What is the difference between props and state
Ans. 
Props are used to pass data from a parent component to a child component, while state is used to manage data within a component.
• Props are read-only and cannot be modified by the child component

• State is mutable and can be updated using setState()

• Props are passed down from parent to child components

• State is managed within a component and can be changed based on user interactions or other events
Answered by AI
Add your answer

Q1. Based on Angular
Add your answer
Q2. Based on Html, CSS, Javascript
Add your answer

How revere the string without using reverse method

Split duplication from the array

Q1. Salary negotiation, asked about my previous employer
Add your answer
Q2. Speak bold at time of salary negotiation
Add your answer