ITC Infotech Senior Front end Developer Interview Questions and Answers

Q1. Javascript features and advance level coding
Add your answer
Q2. React with typescript, Test case
Ans. 
React with TypeScript and test case integration for ensuring code quality and functionality.
• Use Jest and Enzyme for writing test cases in React with TypeScript.

• Utilize TypeScript's static type checking to catch errors early in development.

• Mock external dependencies in test cases to isolate components for testing.

• Ensure test coverage for all components and functions in the codebase.

• Use tools like React Testing Library f...read more
Answered by AI
Add your answer

Q1. Basics of HTML, CSS, JS and React
Add your answer

Q1. Discussion about my previous project
Add your answer
Q2. Question on html, css, javascript & react
Add your answer
Q3. Explain about promises
Ans. 
Promises are objects representing the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations in JavaScript.

• They can be in one of three states: pending, fulfilled, or rejected.

• Promises can be chained using .then() to handle success and .catch() to handle errors.

• Example: const myPromise = new Promise((resolve, reject) => { ... });
Answered by AI
Add your answer
Q4. Use state, context api
Add your answer
Q5. Box modelling in css, css pre processors
Ans. 
Box model in CSS refers to the way elements are rendered in a web page. CSS preprocessors like SASS or LESS help streamline CSS development.
• Box model in CSS includes content, padding, border, and margin.

• CSS preprocessors like SASS or LESS allow for variables, nesting, and mixins to be used in CSS.

• Example: box-sizing: border-box; in CSS changes the box model to include padding and border in the element's total width and
Answered by AI
Add your answer

Q1. Interviewer was not letting complete my response
Add your answer
Q2. If i was giving correct response, then he was interrupting and changing the question.
Add your answer

Q1. Dom manipulation and React hooks
Add your answer
Q2. Use call back in depth
Ans. 
Callbacks are functions passed as arguments to another function to be executed later
• Callbacks are commonly used in event handling, asynchronous programming, and functional programming

• Callbacks can be synchronous or asynchronous

• Example: passing a callback function to a setTimeout() function
Answered by AI
Add your answer
Q3. Promises based coding 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

Time base directions and probability

Q1. Self-introduction of yourself
Add your answer
Q2. Job description of the company why you need tp work in this company
Add your answer

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