TCS iON Angular and Ionic Developer Interview Questions and Answers

Q1. Angular basic, JS basic
Add your answer
Q2. Some output questions and DSA problems.
Add your answer

Q1. What are pipes in angular?
Ans. 
Pipes in Angular are used to transform data in templates.
• Pipes are used to format data before displaying it in the view.

• They can be used to filter, sort, or manipulate data in various ways.

• Examples include currency, date, uppercase, and lowercase pipes.
Answered by AI
Add your answer

Reactive form with 2 fields and closure function Array function

Q1. What are AOT and JIT in Angular?
Ans. 
AOT and JIT are compilation techniques in Angular.
• AOT (Ahead-of-Time) compilation is done at build time, converting TypeScript and HTML code into efficient JavaScript code before the browser runs it.

• JIT (Just-in-Time) compilation is done at runtime, converting TypeScript and HTML code into JavaScript code while the application is running.

• AOT improves performance by reducing the size of the bundle and optimizing the cod...read more
Answered by AI
Add your answer
Q2. Observables vs promises
Ans. 
Observables are streams of data that can be subscribed to, while promises are a single future value.
• Observables can handle multiple values over time, while promises can only handle a single value.

• Observables are cancellable, while promises are not.

• Observables support operators like map, filter, and reduce for data transformation.

• Promises have a simpler API with just then and catch methods.

• Observables are lazy, meaning ...read more
Answered by AI
Add your answer
Q3. What is data binding and types?
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 and reflecting those changes in the view without manual intervention.

• There are two types of data binding in Angular: one-way binding and two-way binding.

• One-way binding updates the view when the model changes, while two-way binding updates both ...read more
Answered by AI
Add your answer
Q4. What is closure?
Ans. 
Closure is a function that has access to its own scope, as well as the scope of its outer function.
• A closure allows a function to access variables from its outer function even after the outer function has finished executing.

• Closures are commonly used in JavaScript to create private variables and functions.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(oute
Answered by AI
Add your answer
Q5. Lazyloading in angular
Ans. 
Lazy loading in Angular is a technique used to load modules only when they are needed, improving performance.
• Lazy loading helps reduce initial load time by loading modules on demand

• Implemented using loadChildren property in routes configuration

• Lazy loaded modules have their own routes and components
Answered by AI
Add your answer
Q6. Directives in Angular and Types
Ans. 
Directives in Angular 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 create reusable components in Angular.

• There are three types of directives in Angular: Component, Structural, and Attribute directives.

• Examples of directives include ngIf, ngFor, and ngStyle.
Answered by AI
Add your answer

Pagination task and filter table data

Implementation of Login Screen with provided apis

Q1. Javascript concepts like prototype inheritence,closure,call apply bind & scoping etc. Angular related questions basic to advanced Problem solving questions .just prepare string,number,object & array these ...read more
Add your answer

Q1. In depth angular & javascript concepts like Dependecy injection ,custom pipe, angular change detection
Add your answer

Q1. Morgan stanely client round I Live coding task in angular basic api implementation & binding data to html. promise & observable Rxjs operators pipes how you will handle real time data handle static data w...read more
Add your answer

Q1. Morgan Stanely Round II Same question you can expect in round II as well except few new questions
Add your answer

Simple angular code test

Q1. Abt angular all topics
Add your answer
Q2. Html simple questions
Add your answer

Q1. Brief about your project ?
Ans. 
Developed a web application for managing inventory and sales for a retail store.
• Used Angular framework to create a responsive and user-friendly interface.

• Implemented features for adding, updating, and deleting products in the inventory.

• Integrated with backend APIs to fetch real-time sales data and generate reports.

• Utilized Angular Material for designing consistent UI components.
Answered by AI
Add your answer
Q2. What is angular? what is SPA?
Ans. 
Angular is a popular front-end framework for building web applications. SPA stands for Single Page Application.
• Angular is a front-end framework developed by Google for building dynamic web applications.

• It uses TypeScript for building applications with components, services, and modules.

• SPA is a web application that loads a single HTML page and dynamically updates the content as the user interacts with the app.

• SPA provid...read more
Answered by AI
Add your answer
Q3. What is lazy loading?
Ans. 
Lazy loading is a technique in web development where resources are loaded only when needed, improving performance.
• Lazy loading helps reduce initial load time by loading resources on demand

• It is commonly used in Angular for loading modules, components, or routes asynchronously

• Lazy loading can improve user experience by speeding up page load times
Answered by AI
Add your answer
Q4. What is rxjs? in deep?
Ans. 
RxJS is a library for reactive programming using Observables to handle asynchronous data streams.
• RxJS stands for Reactive Extensions for JavaScript.

• It allows you to work with asynchronous data streams and handle events.

• Operators like map, filter, and mergeMap are used to manipulate and combine streams.

• Subscriptions are used to listen to and react to changes in the data streams.

• Example: Using RxJS to make HTTP requests
Answered by AI
Add your answer
Q5. Angular and javascript basic question?
Add your answer
Q6. Difference between ?? and ?:
Ans. 
?? is the nullish coalescing operator, while ? is the optional chaining operator in Angular.
• ?? is used to provide a default value when a variable is null or undefined.

• ? is used to safely access nested properties of an object without causing errors.

• Example: const name = person?.name; // safe access to 'name' property of 'person' object
Answered by AI
Add your answer

Coding tests consists of three sets. Two among them are from Javascript/Typescript basics, Angular basics (MCQ's finding the output of code they have given). The remaining one is algorithm problems needs to be solved by Javascript/Typescript.

Q1. Javascript basics in deep. Latest ECMA script standards. Angular concepts in detail. Scenario based technical questions.
Add your answer

Q1. This will be a client round and concentrated on Javascript and Angular concepts in detail along with algorithms and problem solving.
Add your answer