Talentica Software Front end Developer Interview Questions and Answers

Q1. What is clouser in js
Ans. 
Closure in JavaScript is the combination of a function and the lexical environment within which that function was declared.
• A closure allows a function to access variables from an outer function even after the outer function has finished executing.

• Closures are created every time a function is created, at function declaration time.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunct...read more
Answered by AI
Add your answer

Q1. Why you want change the job
Add your answer

Q1. Positions in CSS
Ans. 
Positions in CSS refer to the different ways elements can be placed on a webpage.
• Static: default positioning, elements flow in the order they appear in the HTML

• Relative: positioned relative to its normal position

• Absolute: positioned relative to its nearest positioned ancestor

• Fixed: positioned relative to the viewport and does not move when scrolled
Answered by AI
Add your answer
Q2. Event loop in javascript
Ans. 
Event loop in JavaScript manages asynchronous operations by executing callback functions in a queue.
• Event loop is responsible for handling asynchronous operations in JavaScript.

• It allows non-blocking I/O operations by executing callback functions in a queue.

• Event loop continuously checks the call stack and the callback queue to prioritize tasks.
Answered by AI
Add your answer

It was easy not that hard

Coding question were on medium level

Q1. Be prepared for project question
Add your answer

Find reverse string using array

Q1. What are Routing Guards?
Ans. 
Routing guards are used in Angular to control access to certain routes based on certain conditions.
• Routing guards are used to protect routes in Angular applications.

• They can be used to control access based on authentication status, user roles, etc.

• There are different types of routing guards like CanActivate, CanActivateChild, CanDeactivate, CanLoad.

• Example: CanActivate guard can be used to check if a user is authentica
Answered by AI
Add your answer

Q1. Difference between foreach and map
Ans. 
foreach is used to iterate over an array without returning a new array, while map creates a new array by applying a function to each element.
• foreach does not return a new array, while map does

• foreach does not modify the original array, while map creates a new array

• foreach is used for iterating over elements, while map is used for transforming elements

• Example: foreach - array.forEach(item => console.log(item)), map - ar
Answered by AI
Add your answer
Q2. Explain rxjs operators
Ans. 
RxJS operators are functions that enable complex asynchronous operations and data manipulation in reactive programming.
• RxJS operators are used to transform, filter, combine, and create observables.

• Operators can be categorized into creation operators, transformation operators, filtering operators, combination operators, and utility operators.

• Examples of operators include map, filter, mergeMap, switchMap, debounceTime, a
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