i
Infosys
Work with us
Filter interviews by
Optimize Angular app performance by using lazy loading, change detection strategies, and efficient data handling.
Use Lazy Loading: Load feature modules only when needed to reduce initial load time. Example: Use 'loadChildren' in routing.
Implement Change Detection Strategies: Use OnPush strategy to minimize checks. This can improve performance by reducing unnecessary checks.
Optimize Template Expressions: Avoid comp...
Custom directives in Angular allow developers to create reusable components with specific behavior and templates.
Custom directives can be used to encapsulate reusable functionality.
They can manipulate the DOM or enhance existing elements.
Example: A directive that formats input fields, like a date picker.
Types of directives: Component directives, Structural directives, and Attribute directives.
Example of an attribu...
Interceptors in Angular are used to modify HTTP requests and responses globally.
Interceptors implement the HttpInterceptor interface.
They can be used for logging, modifying requests, or handling errors.
Example: Adding authentication tokens to requests.
Example: Transforming response data before it reaches components.
Interceptors can be chained to handle multiple operations.
AOT (Ahead-of-Time) and JIT (Just-in-Time) are two compilation methods in Angular for optimizing application performance.
AOT compiles the application at build time, producing optimized JavaScript code.
JIT compiles the application in the browser at runtime, which can lead to slower performance.
AOT reduces the size of the application bundle, improving load times.
JIT is useful for development as it allows for quick c...
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.
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,...
Directives are markers on a DOM element that tell Angular to attach a specified behavior to that DOM element or transform the DOM element and its children.
Directives are used to extend HTML with new attributes or elements.
There are three types of directives in Angular: Component, Structural, and Attribute directives.
Examples of directives include ngIf, ngFor, ngStyle, and custom directives created by developers.
Decorators are a design pattern in Angular that allows you to add behavior to classes, properties, or methods.
Decorators are functions that are prefixed with @ symbol and are used to modify classes or class members.
They are commonly used in Angular for metadata annotations, dependency injection, and more.
Examples include @Component, @Injectable, @Input, @Output, etc.
Sort array without using methods
Iterate through the array and compare each element with the rest to find the correct position
Swap elements if necessary to sort the array in ascending order
Repeat the process until the array is fully sorted
Reverse a string without using built-in methods
Create an empty string to store the reversed string
Iterate through the input string from the last character to the first
Append each character to the empty string to reverse the input string
I applied via Approached by Company and was interviewed in Dec 2024. There was 1 interview round.
I applied via Referral and was interviewed in Aug 2024. There was 1 interview round.
Sort array without using methods
Iterate through the array and compare each element with the rest to find the correct position
Swap elements if necessary to sort the array in ascending order
Repeat the process until the array is fully sorted
ngClass is used to conditionally apply CSS classes to an element in Angular.
Use ngClass directive in the template with an object or array of classes and conditions
Classes are applied when the condition is true, and removed when false
Example:
Angular interceptors are a way to intercept HTTP requests and responses to perform operations like logging, modifying requests, or handling errors.
Interceptors can be used to modify outgoing requests or incoming responses.
They can be used for tasks like adding headers, logging requests, handling errors, or transforming data.
Interceptors are implemented as services that implement the HttpInterceptor interface.
Multiple i...
The entry point of Angular is typically the main.ts file.
Main.ts file is the first file that is executed when an Angular application is started.
It bootstraps the AppModule, which is the root module of the application.
Main.ts file also imports other necessary modules and components required for the application to run.
I applied via Walk-in and was interviewed in Jul 2024. There were 3 interview rounds.
In aptitude the interviewer asked for our skills of knowledge and reasoning questions
In this discussion group asking for some practical questions DSA like this
I bring a strong skill set in Angular, a passion for coding, and a commitment to delivering high-quality user experiences.
Proficient in Angular, having developed multiple applications that enhance user engagement and performance.
Experience with state management using NgRx, which improved application scalability in my previous projects.
Strong understanding of responsive design principles, ensuring applications work seam...
I worked as a frontend developer at a software company, focusing on Angular development.
Developed responsive web applications using Angular framework
Collaborated with backend developers to integrate APIs and services
Implemented new features and fixed bugs based on client requirements
Participated in code reviews and testing processes
Attended regular team meetings to discuss project progress
Seeking new challenges and growth opportunities in a more innovative environment.
Looking for new challenges and opportunities for growth
Interested in working in a more innovative environment
Seeking a better work-life balance
I worked at a software development company specializing in e-commerce solutions.
Developed frontend applications using Angular framework
Collaborated with backend developers to integrate APIs
Participated in code reviews and testing processes
I faced a challenging task when integrating a complex API with Angular, requiring extensive debugging and optimization.
Had to integrate a third-party API that had inconsistent documentation.
Faced CORS issues that required configuring the backend server.
Implemented lazy loading to improve performance due to large data sets.
Used RxJS to handle asynchronous data streams effectively.
Collaborated with backend developers to ...
I appeared for an interview in Feb 2025, where I was asked the following questions.
Interceptors in Angular are used to modify HTTP requests and responses globally.
Interceptors implement the HttpInterceptor interface.
They can be used for logging, modifying requests, or handling errors.
Example: Adding authentication tokens to requests.
Example: Transforming response data before it reaches components.
Interceptors can be chained to handle multiple operations.
I appeared for an interview in May 2024.
Decorators are a design pattern in Angular that allows you to add behavior to classes, properties, or methods.
Decorators are functions that are prefixed with @ symbol and are used to modify classes or class members.
They are commonly used in Angular for metadata annotations, dependency injection, and more.
Examples include @Component, @Injectable, @Input, @Output, etc.
Javascript array spilit
I applied via Company Website and was interviewed in Feb 2024. There were 2 interview rounds.
Angular lifecycle hooks allow developers to tap into key events in a component's lifecycle for better control and optimization.
ngOnInit: Called once the component is initialized. Ideal for fetching data.
ngOnChanges: Invoked when input properties change. Useful for reacting to changes.
ngDoCheck: Called during every change detection run. Can be used for custom change detection.
ngAfterContentInit: Called after content (ng...
Optimize Angular app performance by using lazy loading, change detection strategies, and efficient data handling.
Use Lazy Loading: Load feature modules only when needed to reduce initial load time. Example: Use 'loadChildren' in routing.
Implement Change Detection Strategies: Use OnPush strategy to minimize checks. This can improve performance by reducing unnecessary checks.
Optimize Template Expressions: Avoid complex e...
Lazy-loading is a technique used to defer the loading of non-essential resources until they are actually needed.
Lazy-loading helps improve performance by only loading resources when they are required.
It is commonly used in web development to load images, scripts, or components on demand.
Lazy-loading can be implemented in Angular using the loadChildren method in the routing configuration.
I applied via LinkedIn and was interviewed in May 2023. There were 2 interview rounds.
Lazy loading is a technique used to defer loading of non-essential resources until they are actually needed.
Lazy loading helps improve the initial loading time of a web application by only loading essential resources upfront.
In Angular, lazy loading is achieved by creating separate modules for different parts of the application and loading them on demand.
Lazy loading can be implemented using the loadChildren property i...
Constructor is used to initialize class properties, NgOnInit() is a lifecycle hook used to perform initialization after Angular has initialized the component.
Constructor is a TypeScript feature used to create and initialize class properties.
NgOnInit() is an Angular lifecycle hook that is called after Angular has initialized the component.
Constructor is called before NgOnInit() during component initialization.
Example: C...
What people are saying about Infosys
The duration of Infosys Angular Frontend Developer interview process can vary, but typically it takes about less than 2 weeks to complete.
based on 15 interview experiences
Difficulty level
Duration
based on 1 review
Rating in categories
Technology Analyst
55.1k
salaries
| ₹4.8 L/yr - ₹10 L/yr |
Senior Systems Engineer
54.4k
salaries
| ₹2.5 L/yr - ₹6.3 L/yr |
Technical Lead
35.4k
salaries
| ₹9.5 L/yr - ₹16.5 L/yr |
System Engineer
32.6k
salaries
| ₹2.4 L/yr - ₹6 L/yr |
Senior Associate Consultant
32.4k
salaries
| ₹8.3 L/yr - ₹15 L/yr |
TCS
Wipro
Cognizant
Accenture