Wipro Senior Frontend Software Engineer Interview Questions and Answers

Q1. What is data binding ?
Ans. 
Data binding is the automatic synchronization of data between the model and view components in an application.
• Data binding allows for the seamless updating of data in the model to be reflected in the view and vice versa.

• There are two-way data binding and one-way data binding.

• Two-way data binding updates the model and view simultaneously, while one-way data binding updates in one direction only.

• Example: In Angular, usin...read more
Answered by AI
Add your answer
Q2. Do you know lazy loading?
Ans. 
Lazy loading is a technique used to defer loading of non-essential resources until they are actually needed.
• Lazy loading helps improve performance by only loading resources when they are required.

• In Angular, lazy loading is commonly used for loading modules on demand rather than loading everything upfront.

• Lazy loading can be implemented using Angular's RouterModule and loadChildren feature.
Answered by AI
Add your answer

Q1. Explain Virtual DOM, Key Features of React, Hooks in React, create a todo app in react
Ans. 
Virtual DOM is a lightweight copy of the actual DOM, React key features include component-based architecture, declarative syntax, and virtual DOM, React Hooks are functions that let you use state and other React features without writing a class.
• Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by updating only the necessary parts of the DOM.

• Key features of React include componen...read more
Answered by AI
Add your answer
Q2. Javascript Questions- Closures,promises,Async/await,setTimeOut, write acode to reverse a string
Add your answer

Q1. Self Introduction, some situation based questions
Add your answer
Q2. Basic HR regular questions
Add your answer

Q1. MCQ questioons were there based on angular framework
Add your answer
Q2. Services mcq were there
Add your answer

Q1. What is Dependecy Injection
Ans. 
Dependency Injection is a design pattern in which a class receives its dependencies from external sources rather than creating them itself.
• Allows for easier testing by injecting mock dependencies

• Promotes reusability and modularity by decoupling components

• Reduces code duplication by centralizing dependency creation

• Example: Angular uses Dependency Injection to provide services to components
Answered by AI
Add your answer
Q2. What is routing
Ans. 
Routing is the process of navigating between different pages or views in a web application.
• Routing allows users to move between different parts of a web application without reloading the entire page

• It is implemented using a router module in Angular, which maps URLs to components

• Routes can have parameters that can be passed to components for dynamic content

• Routing can be used to create single-page applications (SPAs) wh
Answered by AI
Add your answer

Q1. Basic angular questions
Add your answer
Q2. Scenario based questions
Add your answer
Q3. NgRx related questions
Add your answer

Q1. Why do we use Debugger in Javascript?
Ans. 
Debugger in JavaScript is used for pausing the execution of code to inspect variables, check the flow of the program, and debug errors.
• Debugger helps in identifying and fixing bugs in the code.

• It allows developers to step through code line by line to understand the flow of execution.

• Developers can inspect variables and their values at different points in the code.

• By setting breakpoints, developers can pause the code at...read more
Answered by AI
Add your answer

Q1. Frontend developer
Add your answer

Html, CSS, bootstrap, JavaScript, react.js

Q1. How directives are different from component
Ans. 
Directives are used to add behavior to existing DOM elements, while components are used to create new custom elements.
• Directives are used to manipulate the behavior of existing DOM elements, such as changing their appearance or adding event listeners.

• Components are used to create custom elements with their own templates, styles, and behavior.

• Directives can be structural (like ngIf and ngFor) or attribute-based (like ng...read more
Answered by AI
Add your answer
Q2. What is hoisting
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during compilation.
• Variable and function declarations are hoisted to the top of their scope, regardless of where they are declared in the code.

• Only the declarations are hoisted, not the initializations.

• Function declarations are hoisted before variable declarations.
Answered by AI
Add your answer

Q1. Explain design patterns.
Ans. 
Design patterns are reusable solutions to common problems in software design.
• Design patterns help in creating maintainable, scalable, and efficient code.

• They provide a common language for developers to communicate about solutions to recurring problems.

• Examples of design patterns include Singleton, Factory, Observer, and Strategy patterns.
Answered by AI
Add your answer
Q2. Explain subject. what is replay subject
Ans. 
ReplaySubject is a type of Subject in RxJS that records multiple values and replays them to new subscribers.
• ReplaySubject is a type of Subject in RxJS

• It records multiple values and replays them to new subscribers

• It has a buffer size that determines how many values to replay
Answered by AI
Add your answer

Q1. Salary discussion
Add your answer

Q1. What are the time queue, etc in API
Ans. 
Time queue in API refers to managing requests in a sequential order.
• Time queue ensures that API requests are processed in the order they are received.

• It helps in preventing overload on the server by limiting the number of concurrent requests.

• Examples include using promises or async/await in JavaScript to handle API calls sequentially.
Answered by AI
Add your answer
Q2. What is the meaning of preflight in API? (All questions are related to dev oops profile. I applied for Angular)
Add your answer