eClerx Front end Developer Interview Questions and Answers

Q1. Caching Strategy
Add your answer
Q2. What is micro Frontend architecture
Ans. 
Micro Frontend architecture is an approach to building front-end applications by breaking them down into smaller, independently deployable units.
• Allows different teams to work on separate parts of the application

• Each micro frontend can be developed using different technologies

• Enables incremental upgrades and updates without affecting the entire application

• Can improve performance by loading only the necessary components

• ...read more
Answered by AI
Add your answer
Q3. Pure and impure pipes in angular
Ans. 
Pure pipes in Angular are stateless and do not change the input data, while impure pipes can have side effects and change the input data.
• Pure pipes are used for simple transformations like formatting dates or numbers.

• Impure pipes are used for more complex transformations that require state or side effects.

• Pure pipes are faster and more efficient as they only run when a pure change to the input data is detected.

• Impure p...read more
Answered by AI
Add your answer
Q4. How to make singleton services multiton
Ans. 
Singleton services can be made multiton by maintaining a map of instances with unique keys.
• Create a map to store instances with unique keys

• Use a factory method to retrieve instances based on keys

• Ensure that only one instance is created per key
Answered by AI
Add your answer
Q5. What is dependency injection
Ans. 
Dependency injection is a design pattern where components are given their dependencies rather than creating them internally.
• Allows for easier testing by injecting mock dependencies

• Promotes loose coupling between components

• Improves code reusability and maintainability

• Examples: AngularJS, Spring Framework
Answered by AI
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. 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. Based on Angular
Add your answer
Q2. Based on Html, CSS, Javascript
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 question 1 easy 2 medium dsa

2 codes of dsa and mcq.

Q1. Code paring round
Add your answer
Q2. Dsa question of graph
Add your answer

Q1. Asked about basic javascript and react questions
Add your answer
Q2. Give some code and asked result
Add your answer

It was easy not that hard

Coding question were on medium level

Q1. Be prepared for project question
Add your answer