Wipro Senior Front end Developer Interview Questions and Answers

Q1. What are states and props in React?
Ans. 
States and props are important concepts in React for managing and passing data between components.
• States are mutable data that can be changed within a component

• Props are read-only data passed from parent to child components

• States are managed within a component using setState() method

• Props are accessed using this.props in a component
Answered by AI
Add your answer
Q2. What is Virtual DOM
Ans. 
Virtual DOM is a lightweight copy of the actual DOM that allows for efficient updates and rendering in web applications.
• Virtual DOM is a concept used in frameworks like React to improve performance by minimizing direct manipulation of the actual DOM.

• When changes are made to the virtual DOM, a comparison is done with the actual DOM to determine the minimal updates needed for rendering.

• This process helps reduce the numbe...read more
Answered by AI
Add your answer
Q3. Build a fetch and filter component
Ans. 
A fetch and filter component for data retrieval and manipulation
• Use fetch API to retrieve data from an API endpoint

• Implement a filter function to manipulate the retrieved data based on user input

• Display the filtered data in the UI
Answered by AI
Add your answer

Javascript and React snippets

Q1. Interviewer asked about depth in React Js and JavaScript. JavaScript questions - Hoisting, implementation of closure, difference between call, bind & apply. Logic implementation of suggestions list in sea...read more
Add your answer

Q1. He asked about both technical and non technical related questions. Previous organisation works. What i have faced difficult y in previous organisation. And some scenario based questions.
Add your answer

They asked JS basics and Promises, hoisting

Just asked about my work culture, as I worked in startup and product based company, they except me work in Agile and how u will adopt to MNC / service based company culture

Q1. What is Hositing
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during the compilation phase.
• Variable declarations are hoisted but not their initializations

• Function declarations are fully hoisted

• Hoisting can lead to unexpected behavior if not understood properly
Answered by AI
Add your answer
Q2. What is closure
Ans. 
Closure is the combination of a function bundled together with references to its surrounding state.
• Closure allows a function to access variables from its outer scope even after the outer function has finished executing.

• It is created whenever a function is defined within another function.

• Closure helps in maintaining the state of a function and allows for data encapsulation.
Answered by AI
Add your answer

Q1. How are you doing?
Add your answer
Q2. What do you do in your life?
Add your answer

Q1. No problem with this
Add your answer
Q2. The only way you could be
Add your answer

First round is online assessment. Where we have multiple choice questions related to angular, css. Html, javascript

Q1. AOT. JIT compilers, Pipes, Services, Singleton component
Add your answer
Q2. Have you developed website for physically challenged ppl, accessibility
Ans. 
Yes, I have experience developing websites for physically challenged individuals with a focus on accessibility.
• Implemented keyboard navigation for users with mobility impairments

• Utilized ARIA roles and attributes to improve screen reader compatibility

• Ensured color contrast and text size met WCAG standards

• Tested websites with assistive technologies like screen readers and voice recognition software
Answered by AI
Add your answer

Q1. General intro to the hr person
Add your answer

Q1. JS related questions
Add your answer

Q1. JS related questions
Add your answer

Q1. JS related questions
Add your answer