SlideShare a Scribd company logo
Angular interview questions
1. What’s new in Angular 7?
Certain tools are optimized in the new version of Angular,
let us see what the tools are:
Angular 7 supports Typescript version 2.4
Angular 7 supports RxJS which has new features like
Pipeable Operators
A build tool to make the js bundles (files) lighter
Ahead of Time (AOT) is updated to be on by default
Events like ActivationStart and ActivationEnd are
introduced in Router
Name the building blocks of
Angular.
The Angular application is made using the following:
Modules
Component
Template
Directives
Data Binding
Services
Dependency Injection
Routing
Angular interview questions
Components – A component controls one or more views. Each view
is some specific section of the screen. Every Angular application has
at least one component, known as the root component. It is
bootstrapped inside the main module, known as the root module. A
component contains application logic defined inside a class. This
class is responsible for interacting with the view via an API of
properties and methods.
Data Binding – The mechanism by which parts of a template
coordinates with parts of a component is known as data binding. In
order to let Angular know how to connect both sides (template and
its component), the binding markup is added to the template HTML.
Dependency Injection (DI) – Angular makes use of DI to provide
required dependencies to new components. Typically, dependencies
required by a component are services. A component’s constructor
parameters tell Angular about the services that a component
requires. So, a dependency injection offers a way to supply fully-
formed dependencies required by a new instance of a class.
Angular interview questions
Directives – The templates used by Angular are dynamic in nature. Directives are
responsible for instructing Angular about how to transform the DOM when rendering a
template. Actually, components are directives with a template. Other types of directives
are attribute and structural directives.
Metadata – In order to let Angular know how to process a class, metadata is attached to
the class. For doing so decorators are used.
Modules – Also known as NgModules, a module is an organized block of code with a
specific set of capabilities. It has a specific application domain or a workflow. Like
components, any Angular application has at least one module. This is known as the root
module. Typically, an Angular application has several modules.
Routing – An Angular router is responsible for interpreting a browser URL as an instruction
to navigate to a client-generated view. The router is bound to links on a page to tell
Angular to navigate the application view when a user clicks on it.
Services – A very broad category, a service can be anything ranging from a value and
function to a feature that is required by an Angular app. Technically, a service is a class
with a well-defined purpose.
Template – Each component’s view is associated with its companion template. A template
in Angular is a form of HTML tags that lets Angular know that how it is meant to render
the component.
3. What is Transpiling in Angular?
Transpiling is the process of converting the
typescript into javascript. Though typescript is
used to write code in the Angular
applications, the code is internally transpiled
into javascript.
4. Which of the Angular life cycle
component execution happens when
a data-bound input value updates?
ngOnChanges is the life cycle hook that gets
executed whenever a change happens to
the data that was bound to an input.
5. Differentiate between
Components and Directives in
Angular .
Components break up the application
into smaller parts; whereas, Directives
add behavior to an existing DOM
element.
6. What is the use of @Input and
@Output?
When it comes to the communication of Angular
Components, which are in Parent-Child
Relationship; we use @Input in Child Component
and
@Output is used in Child Component to receive
an event from Child to Parent Component.
What does a router.navigate do?
When we want to route to a component we use
router.navigate.
Syntax:
this.router.navigate([‘/component_name’]);
9. What is ViewEncapsulation?
ViewEncapsulation decides whether the styles defined in a
component can affect the entire application or not. There
are three ways to do this in Angular:
Emulated: styles from other HTML spread to the
component.
Native: styles from other HTML do not spread to the
component.
None: styles defined in a component are visible to all
components.
10. What are Services in Angular and
what command is used to create a
service?
Services help us in not repeating the code. With the
creation of services, we can use the same code from
different components. Here is the command to
create a service in angular, ng g service User (a
UserService is created when this command is used).
In how many ways the Data Binding
can be done?
Data Binding happens between the
HTML (template) and typescript
(component). Data binding can be done
in 3 ways:
(i) Property Binding
(ii) Event Binding
(iii) Two-Way Data Binding.
What is the sequence of Angular
Lifecycle Hooks?
OnChange()
- OnInit()
- DoCheck()
- AfterContentInit()
- AfterContentChecked()
- AfterViewInit()
- AfterViewChecked()
- OnDestroy().
What is the purpose of using
package.json in the angular project?
With the existence of package.json, it will be easy
to manage the dependencies of the project. If we
are using typescript in the angular project then we
can mention the typescript package and version of
typescript in package.json.
How is SPA (Single Page Application)
technology different from the
traditional web technology?
In traditional web technology, the client requests
for a web page (HTML/JSP/asp) and the server
sends the resource (or HTML page), and the client
again requests for another page and the server
responds with another resource. The problem
here is a lot of time is consumed in the
requesting/responding or due to a lot of
reloading. Whereas, in the SPA technology, we
maintain only one page (index.HTML) even though
the URL keeps on changing.
What are ngModel and how do we
represent it?
ngModel is a directive which can be applied on
a text field. This a two-way data binding.
ngModel is represented by [()]
Differentiate between Observables
and Promises.
Observables are lazy, which means nothing
happens until a subscription is made. Whereas
Promises are eager; which means as soon as a
promise is created, the execution takes place.
Observable is a stream in which passing of zero or
more events is possible and the callback is called for
each event. Whereas, promise handles a single
event.
What is an AsyncPipe in Angular?
When an observable or promise returns something,
we use a temporary property to hold the content.
Later, we bind the same content to the template.
With the usage of AsyncPipe, the promise or
observable can be directly used in a template and a
temporary property is not required.
Explain Authentication and
Authorization.
Authentication: The user login credentials are passed to an
authenticate API (on the server). On the server side validation
of the credentials happens and a JSON Web Token (JWT) is
returned. JWT is a JSON object that has some information or
attributes about the current user. Once the JWT is given to
the client, the client or the user will be identified with that
JWT.
Authorization: After logging in successfully, the
authenticated or genuine user does not have access to
everything. The user is not authorized to access someone
else’s data, he/she is authorized to access some data.
What is AOT Compilation?
Every angular application gets compiled internally.
The angular compiler takes javascript code,
compiles it and produces javascript code again.
Ahead-of-Time Compilation does not happen every
time or for every user, as is the case with Just-In-
Time (JIT) Compilation.
What is Redux?
It is a library which helps us maintain the state of
the application. Redux is not required in
applications that are simple with the simple data
flow, it is used in Single Page Applications that have
complex data flow.
What are the Pipes?
This feature is used to change the output on the
template; something like changing the string into
uppercase and displaying it on the template. It can
also change Date format accordingly.
Why Typescript with Angular?
Typescript is a superset of Javascript. Earlier, Javascript was
the only client-side language supported by all browsers. But,
the problem with Javascript is, it is not a pure Object
Oriented Programming Language. The code written in JS
without following patterns like Prototype Pattern becomes
messy and finally leading to difficulties in maintainability and
reusability. Instead of learning concepts (like patterns) to
maintain code, programmers prefer to maintain the code in
an OOP approach and is made available with a programming
language like Typescript was thus developed by Microsoft in a
way that it can work as Javascript and also offer what
javascript cannot ;
pure OOPS as Typescript offers concepts like Generics, Interfaces and Types
(a Static Typed Language) which makes it is easier to catch incorrect data
types passing to variables.
TS provides flexibility to programmers experienced in java, .net as it offers
encapsulation through classes and interfaces.
JS version ES5 offers features like Constructor Function, Dynamic Types,
Prototypes. The next version of Javascript ie ES6 introduced a new feature
like Class keyword but not supported by many browsers.
TS offers Arrow Functions (=>) which is an ES6 feature not supported by
many browsers directly but when used in TS, gets compiled into JS ES5 and
runs in any browser.
TS is not the only alternative to JS, we have CoffeeScript, Dart(Google).
Finally, it is like, TS makes life easier when compared to JS.
Angular interview questions

More Related Content

What's hot (20)

Angular tutorial
Angular tutorialAngular tutorial
Angular tutorial
Rohit Gupta
 
Node js introduction
Node js introductionNode js introduction
Node js introduction
Joseph de Castelnau
 
Angular - Chapter 1 - Introduction
 Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - Introduction
WebStackAcademy
 
Angular 14.pptx
Angular 14.pptxAngular 14.pptx
Angular 14.pptx
MohaNedGhawar
 
Angular Data Binding
Angular Data BindingAngular Data Binding
Angular Data Binding
Jennifer Estrada
 
Vue.js
Vue.jsVue.js
Vue.js
Jadson Santos
 
Angular Advanced Routing
Angular Advanced RoutingAngular Advanced Routing
Angular Advanced Routing
Laurent Duveau
 
Angular
AngularAngular
Angular
Lilia Sfaxi
 
Angular 10 course_content
Angular 10 course_contentAngular 10 course_content
Angular 10 course_content
NAVEENSAGGAM1
 
Introduction to the Web API
Introduction to the Web APIIntroduction to the Web API
Introduction to the Web API
Brad Genereaux
 
Angular 6 - The Complete Guide
Angular 6 - The Complete GuideAngular 6 - The Complete Guide
Angular 6 - The Complete Guide
Sam Dias
 
Angular - Chapter 4 - Data and Event Handling
 Angular - Chapter 4 - Data and Event Handling Angular - Chapter 4 - Data and Event Handling
Angular - Chapter 4 - Data and Event Handling
WebStackAcademy
 
React JS - A quick introduction tutorial
React JS - A quick introduction tutorialReact JS - A quick introduction tutorial
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
Introduction to ASP.NET Core
Introduction to ASP.NET CoreIntroduction to ASP.NET Core
Introduction to ASP.NET Core
Avanade Nederland
 
Presentation on "An Introduction to ReactJS"
Presentation on "An Introduction to ReactJS"Presentation on "An Introduction to ReactJS"
Presentation on "An Introduction to ReactJS"
Flipkart
 
Angular modules in depth
Angular modules in depthAngular modules in depth
Angular modules in depth
Christoffer Noring
 
Angular overview
Angular overviewAngular overview
Angular overview
Thanvilahari
 
Spring ppt
Spring pptSpring ppt
Spring ppt
Mumbai Academisc
 
TypeScript Presentation
TypeScript PresentationTypeScript Presentation
TypeScript Presentation
Patrick John Pacaña
 
Angular 16 – the rise of Signals
Angular 16 – the rise of SignalsAngular 16 – the rise of Signals
Angular 16 – the rise of Signals
Coding Academy
 
Angular tutorial
Angular tutorialAngular tutorial
Angular tutorial
Rohit Gupta
 
Angular - Chapter 1 - Introduction
 Angular - Chapter 1 - Introduction Angular - Chapter 1 - Introduction
Angular - Chapter 1 - Introduction
WebStackAcademy
 
Angular Advanced Routing
Angular Advanced RoutingAngular Advanced Routing
Angular Advanced Routing
Laurent Duveau
 
Angular 10 course_content
Angular 10 course_contentAngular 10 course_content
Angular 10 course_content
NAVEENSAGGAM1
 
Introduction to the Web API
Introduction to the Web APIIntroduction to the Web API
Introduction to the Web API
Brad Genereaux
 
Angular 6 - The Complete Guide
Angular 6 - The Complete GuideAngular 6 - The Complete Guide
Angular 6 - The Complete Guide
Sam Dias
 
Angular - Chapter 4 - Data and Event Handling
 Angular - Chapter 4 - Data and Event Handling Angular - Chapter 4 - Data and Event Handling
Angular - Chapter 4 - Data and Event Handling
WebStackAcademy
 
React JS - A quick introduction tutorial
React JS - A quick introduction tutorialReact JS - A quick introduction tutorial
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
Introduction to ASP.NET Core
Introduction to ASP.NET CoreIntroduction to ASP.NET Core
Introduction to ASP.NET Core
Avanade Nederland
 
Presentation on "An Introduction to ReactJS"
Presentation on "An Introduction to ReactJS"Presentation on "An Introduction to ReactJS"
Presentation on "An Introduction to ReactJS"
Flipkart
 
Angular 16 – the rise of Signals
Angular 16 – the rise of SignalsAngular 16 – the rise of Signals
Angular 16 – the rise of Signals
Coding Academy
 

Similar to Angular interview questions (20)

26 top angular 8 interview questions to know in 2020 [www.full stack.cafe]
26 top angular 8 interview questions to know in 2020   [www.full stack.cafe]26 top angular 8 interview questions to know in 2020   [www.full stack.cafe]
26 top angular 8 interview questions to know in 2020 [www.full stack.cafe]
Alex Ershov
 
Infosys Angular Interview Questions PDF By ScholarHat
Infosys Angular Interview Questions PDF By ScholarHatInfosys Angular Interview Questions PDF By ScholarHat
Infosys Angular Interview Questions PDF By ScholarHat
Scholarhat
 
Quick answers to Angular2+ Interview Questions
Quick answers to Angular2+ Interview QuestionsQuick answers to Angular2+ Interview Questions
Quick answers to Angular2+ Interview Questions
Luis Martín Espino Rivera
 
Foster - Getting started with Angular
Foster - Getting started with AngularFoster - Getting started with Angular
Foster - Getting started with Angular
MukundSonaiya1
 
Angular 2.0
Angular  2.0Angular  2.0
Angular 2.0
Mallikarjuna G D
 
Angular
AngularAngular
Angular
Vinod Kumar Kayartaya
 
Angular
AngularAngular
Angular
TejinderMakkar
 
Angular crash course
Angular crash courseAngular crash course
Angular crash course
Birhan Nega
 
Angular 18 course for begineers and experienced
Angular 18 course for begineers and experiencedAngular 18 course for begineers and experienced
Angular 18 course for begineers and experienced
tejaswinimysoola
 
Angular, the New Angular JS
Angular, the New Angular JSAngular, the New Angular JS
Angular, the New Angular JS
Kenzan
 
4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx
4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx
4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx
tilejak773
 
Angular Project Report
 Angular Project Report Angular Project Report
Angular Project Report
Kodexhub
 
Angular Basics.pptx
Angular Basics.pptxAngular Basics.pptx
Angular Basics.pptx
AshokKumar616995
 
Angular kickstart slideshare
Angular kickstart   slideshareAngular kickstart   slideshare
Angular kickstart slideshare
SaleemMalik52
 
Angular Interview Questions-PDF.pdf
Angular Interview Questions-PDF.pdfAngular Interview Questions-PDF.pdf
Angular Interview Questions-PDF.pdf
JohnLeo57
 
Angular Framework ppt for beginners and advanced
Angular Framework ppt for beginners and advancedAngular Framework ppt for beginners and advanced
Angular Framework ppt for beginners and advanced
Preetha Ganapathi
 
Presentation on angular 5
Presentation on angular 5Presentation on angular 5
Presentation on angular 5
Ramesh Adhikari
 
250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...
250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...
250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...
kuhnleruskys61
 
How Does Angular Work?
How Does Angular Work?How Does Angular Work?
How Does Angular Work?
Albiorix Technology
 
Angular js 1.0-fundamentals
Angular js 1.0-fundamentalsAngular js 1.0-fundamentals
Angular js 1.0-fundamentals
Venkatesh Narayanan
 
26 top angular 8 interview questions to know in 2020 [www.full stack.cafe]
26 top angular 8 interview questions to know in 2020   [www.full stack.cafe]26 top angular 8 interview questions to know in 2020   [www.full stack.cafe]
26 top angular 8 interview questions to know in 2020 [www.full stack.cafe]
Alex Ershov
 
Infosys Angular Interview Questions PDF By ScholarHat
Infosys Angular Interview Questions PDF By ScholarHatInfosys Angular Interview Questions PDF By ScholarHat
Infosys Angular Interview Questions PDF By ScholarHat
Scholarhat
 
Quick answers to Angular2+ Interview Questions
Quick answers to Angular2+ Interview QuestionsQuick answers to Angular2+ Interview Questions
Quick answers to Angular2+ Interview Questions
Luis Martín Espino Rivera
 
Foster - Getting started with Angular
Foster - Getting started with AngularFoster - Getting started with Angular
Foster - Getting started with Angular
MukundSonaiya1
 
Angular crash course
Angular crash courseAngular crash course
Angular crash course
Birhan Nega
 
Angular 18 course for begineers and experienced
Angular 18 course for begineers and experiencedAngular 18 course for begineers and experienced
Angular 18 course for begineers and experienced
tejaswinimysoola
 
Angular, the New Angular JS
Angular, the New Angular JSAngular, the New Angular JS
Angular, the New Angular JS
Kenzan
 
4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx
4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx
4 Anguadasdfasdasdfasdfsdfasdfaslar (1).pptx
tilejak773
 
Angular Project Report
 Angular Project Report Angular Project Report
Angular Project Report
Kodexhub
 
Angular kickstart slideshare
Angular kickstart   slideshareAngular kickstart   slideshare
Angular kickstart slideshare
SaleemMalik52
 
Angular Interview Questions-PDF.pdf
Angular Interview Questions-PDF.pdfAngular Interview Questions-PDF.pdf
Angular Interview Questions-PDF.pdf
JohnLeo57
 
Angular Framework ppt for beginners and advanced
Angular Framework ppt for beginners and advancedAngular Framework ppt for beginners and advanced
Angular Framework ppt for beginners and advanced
Preetha Ganapathi
 
Presentation on angular 5
Presentation on angular 5Presentation on angular 5
Presentation on angular 5
Ramesh Adhikari
 
250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...
250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...
250 Angular Interview Questions and Answers MCQ Format 1st Edition Manish Sal...
kuhnleruskys61
 
Ad

More from Goa App (20)

web development in 2024 - website development
web development in 2024 - website developmentweb development in 2024 - website development
web development in 2024 - website development
Goa App
 
unit test in node js - test cases in node
unit test in node js - test cases in nodeunit test in node js - test cases in node
unit test in node js - test cases in node
Goa App
 
web development full stack
web development full stackweb development full stack
web development full stack
Goa App
 
Spectrofluorimetry (www.redicals.com)
Spectrofluorimetry (www.redicals.com)Spectrofluorimetry (www.redicals.com)
Spectrofluorimetry (www.redicals.com)
Goa App
 
UV rays
UV rays UV rays
UV rays
Goa App
 
UV ray spectrophotometer
UV ray spectrophotometerUV ray spectrophotometer
UV ray spectrophotometer
Goa App
 
Spectrofluorimetry or fluorimetry (www.Redicals.com)
Spectrofluorimetry or fluorimetry (www.Redicals.com)Spectrofluorimetry or fluorimetry (www.Redicals.com)
Spectrofluorimetry or fluorimetry (www.Redicals.com)
Goa App
 
Atomic Absorption Spectroscopy (www.Redicals.com)
Atomic Absorption Spectroscopy (www.Redicals.com)Atomic Absorption Spectroscopy (www.Redicals.com)
Atomic Absorption Spectroscopy (www.Redicals.com)
Goa App
 
Hidden Markov Model Toolkit (HTK) www.redicals.com
Hidden Markov Model Toolkit (HTK) www.redicals.comHidden Markov Model Toolkit (HTK) www.redicals.com
Hidden Markov Model Toolkit (HTK) www.redicals.com
Goa App
 
Cash Budget
Cash BudgetCash Budget
Cash Budget
Goa App
 
Speech Recognition
Speech Recognition Speech Recognition
Speech Recognition
Goa App
 
Social Network Analysis Using Gephi
Social Network Analysis Using Gephi Social Network Analysis Using Gephi
Social Network Analysis Using Gephi
Goa App
 
Binomial Heap
Binomial HeapBinomial Heap
Binomial Heap
Goa App
 
Blu ray
Blu rayBlu ray
Blu ray
Goa App
 
Memory cards
Memory cardsMemory cards
Memory cards
Goa App
 
Magnetic memory
Magnetic memoryMagnetic memory
Magnetic memory
Goa App
 
E governance
E governanceE governance
E governance
Goa App
 
Mobile phones
Mobile phonesMobile phones
Mobile phones
Goa App
 
Enterprise resource planning in manufacturing
Enterprise resource planning in manufacturingEnterprise resource planning in manufacturing
Enterprise resource planning in manufacturing
Goa App
 
Enterprise application integration
Enterprise application integrationEnterprise application integration
Enterprise application integration
Goa App
 
web development in 2024 - website development
web development in 2024 - website developmentweb development in 2024 - website development
web development in 2024 - website development
Goa App
 
unit test in node js - test cases in node
unit test in node js - test cases in nodeunit test in node js - test cases in node
unit test in node js - test cases in node
Goa App
 
web development full stack
web development full stackweb development full stack
web development full stack
Goa App
 
Spectrofluorimetry (www.redicals.com)
Spectrofluorimetry (www.redicals.com)Spectrofluorimetry (www.redicals.com)
Spectrofluorimetry (www.redicals.com)
Goa App
 
UV rays
UV rays UV rays
UV rays
Goa App
 
UV ray spectrophotometer
UV ray spectrophotometerUV ray spectrophotometer
UV ray spectrophotometer
Goa App
 
Spectrofluorimetry or fluorimetry (www.Redicals.com)
Spectrofluorimetry or fluorimetry (www.Redicals.com)Spectrofluorimetry or fluorimetry (www.Redicals.com)
Spectrofluorimetry or fluorimetry (www.Redicals.com)
Goa App
 
Atomic Absorption Spectroscopy (www.Redicals.com)
Atomic Absorption Spectroscopy (www.Redicals.com)Atomic Absorption Spectroscopy (www.Redicals.com)
Atomic Absorption Spectroscopy (www.Redicals.com)
Goa App
 
Hidden Markov Model Toolkit (HTK) www.redicals.com
Hidden Markov Model Toolkit (HTK) www.redicals.comHidden Markov Model Toolkit (HTK) www.redicals.com
Hidden Markov Model Toolkit (HTK) www.redicals.com
Goa App
 
Cash Budget
Cash BudgetCash Budget
Cash Budget
Goa App
 
Speech Recognition
Speech Recognition Speech Recognition
Speech Recognition
Goa App
 
Social Network Analysis Using Gephi
Social Network Analysis Using Gephi Social Network Analysis Using Gephi
Social Network Analysis Using Gephi
Goa App
 
Binomial Heap
Binomial HeapBinomial Heap
Binomial Heap
Goa App
 
Memory cards
Memory cardsMemory cards
Memory cards
Goa App
 
Magnetic memory
Magnetic memoryMagnetic memory
Magnetic memory
Goa App
 
E governance
E governanceE governance
E governance
Goa App
 
Mobile phones
Mobile phonesMobile phones
Mobile phones
Goa App
 
Enterprise resource planning in manufacturing
Enterprise resource planning in manufacturingEnterprise resource planning in manufacturing
Enterprise resource planning in manufacturing
Goa App
 
Enterprise application integration
Enterprise application integrationEnterprise application integration
Enterprise application integration
Goa App
 
Ad

Recently uploaded (20)

ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....
ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....
ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....
Jasper Oosterveld
 
The case for on-premises AI
The case for on-premises AIThe case for on-premises AI
The case for on-premises AI
Principled Technologies
 
Compliance-as-a-Service document pdf text
Compliance-as-a-Service document pdf textCompliance-as-a-Service document pdf text
Compliance-as-a-Service document pdf text
Earthling security
 
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Agentic AI: Beyond the Buzz- LangGraph Studio V2Agentic AI: Beyond the Buzz- LangGraph Studio V2
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Shashikant Jagtap
 
Top 25 AI Coding Agents for Vibe Coders to Use in 2025.pdf
Top 25 AI Coding Agents for Vibe Coders to Use in 2025.pdfTop 25 AI Coding Agents for Vibe Coders to Use in 2025.pdf
Top 25 AI Coding Agents for Vibe Coders to Use in 2025.pdf
SOFTTECHHUB
 
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Developing Schemas with FME and Excel - Peak of Data & AI 2025Developing Schemas with FME and Excel - Peak of Data & AI 2025
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Safe Software
 
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfBoosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Alkin Tezuysal
 
“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...
“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...
“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...
Edge AI and Vision Alliance
 
7 Salesforce Data Cloud Best Practices.pdf
7 Salesforce Data Cloud Best Practices.pdf7 Salesforce Data Cloud Best Practices.pdf
7 Salesforce Data Cloud Best Practices.pdf
Minuscule Technologies
 
Extend-Microsoft365-with-Copilot-agents.pptx
Extend-Microsoft365-with-Copilot-agents.pptxExtend-Microsoft365-with-Copilot-agents.pptx
Extend-Microsoft365-with-Copilot-agents.pptx
hoang971
 
AI Agents in Logistics and Supply Chain Applications Benefits and Implementation
AI Agents in Logistics and Supply Chain Applications Benefits and ImplementationAI Agents in Logistics and Supply Chain Applications Benefits and Implementation
AI Agents in Logistics and Supply Chain Applications Benefits and Implementation
Christine Shepherd
 
Oracle Cloud Infrastructure AI Foundations
Oracle Cloud Infrastructure AI FoundationsOracle Cloud Infrastructure AI Foundations
Oracle Cloud Infrastructure AI Foundations
VICTOR MAESTRE RAMIREZ
 
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyesEnd-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
ThousandEyes
 
Evaluation Challenges in Using Generative AI for Science & Technical Content
Evaluation Challenges in Using Generative AI for Science & Technical ContentEvaluation Challenges in Using Generative AI for Science & Technical Content
Evaluation Challenges in Using Generative AI for Science & Technical Content
Paul Groth
 
Jeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software DeveloperJeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software Developer
Jeremy Millul
 
Your startup on AWS - How to architect and maintain a Lean and Mean account
Your startup on AWS - How to architect and maintain a Lean and Mean accountYour startup on AWS - How to architect and maintain a Lean and Mean account
Your startup on AWS - How to architect and maintain a Lean and Mean account
angelo60207
 
Oracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI ProfessionalOracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI Professional
VICTOR MAESTRE RAMIREZ
 
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptxISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
AyilurRamnath1
 
Trends Report: Artificial Intelligence (AI)
Trends Report: Artificial Intelligence (AI)Trends Report: Artificial Intelligence (AI)
Trends Report: Artificial Intelligence (AI)
Brian Ahier
 
soulmaite review - Find Real AI soulmate review
soulmaite review - Find Real AI soulmate reviewsoulmaite review - Find Real AI soulmate review
soulmaite review - Find Real AI soulmate review
Soulmaite
 
ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....
ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....
ELNL2025 - Unlocking the Power of Sensitivity Labels - A Comprehensive Guide....
Jasper Oosterveld
 
Compliance-as-a-Service document pdf text
Compliance-as-a-Service document pdf textCompliance-as-a-Service document pdf text
Compliance-as-a-Service document pdf text
Earthling security
 
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Agentic AI: Beyond the Buzz- LangGraph Studio V2Agentic AI: Beyond the Buzz- LangGraph Studio V2
Agentic AI: Beyond the Buzz- LangGraph Studio V2
Shashikant Jagtap
 
Top 25 AI Coding Agents for Vibe Coders to Use in 2025.pdf
Top 25 AI Coding Agents for Vibe Coders to Use in 2025.pdfTop 25 AI Coding Agents for Vibe Coders to Use in 2025.pdf
Top 25 AI Coding Agents for Vibe Coders to Use in 2025.pdf
SOFTTECHHUB
 
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Developing Schemas with FME and Excel - Peak of Data & AI 2025Developing Schemas with FME and Excel - Peak of Data & AI 2025
Developing Schemas with FME and Excel - Peak of Data & AI 2025
Safe Software
 
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdfBoosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Boosting MySQL with Vector Search -THE VECTOR SEARCH CONFERENCE 2025 .pdf
Alkin Tezuysal
 
“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...
“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...
“State-space Models vs. Transformers for Ultra-low-power Edge AI,” a Presenta...
Edge AI and Vision Alliance
 
7 Salesforce Data Cloud Best Practices.pdf
7 Salesforce Data Cloud Best Practices.pdf7 Salesforce Data Cloud Best Practices.pdf
7 Salesforce Data Cloud Best Practices.pdf
Minuscule Technologies
 
Extend-Microsoft365-with-Copilot-agents.pptx
Extend-Microsoft365-with-Copilot-agents.pptxExtend-Microsoft365-with-Copilot-agents.pptx
Extend-Microsoft365-with-Copilot-agents.pptx
hoang971
 
AI Agents in Logistics and Supply Chain Applications Benefits and Implementation
AI Agents in Logistics and Supply Chain Applications Benefits and ImplementationAI Agents in Logistics and Supply Chain Applications Benefits and Implementation
AI Agents in Logistics and Supply Chain Applications Benefits and Implementation
Christine Shepherd
 
Oracle Cloud Infrastructure AI Foundations
Oracle Cloud Infrastructure AI FoundationsOracle Cloud Infrastructure AI Foundations
Oracle Cloud Infrastructure AI Foundations
VICTOR MAESTRE RAMIREZ
 
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyesEnd-to-end Assurance for SD-WAN & SASE with ThousandEyes
End-to-end Assurance for SD-WAN & SASE with ThousandEyes
ThousandEyes
 
Evaluation Challenges in Using Generative AI for Science & Technical Content
Evaluation Challenges in Using Generative AI for Science & Technical ContentEvaluation Challenges in Using Generative AI for Science & Technical Content
Evaluation Challenges in Using Generative AI for Science & Technical Content
Paul Groth
 
Jeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software DeveloperJeremy Millul - A Talented Software Developer
Jeremy Millul - A Talented Software Developer
Jeremy Millul
 
Your startup on AWS - How to architect and maintain a Lean and Mean account
Your startup on AWS - How to architect and maintain a Lean and Mean accountYour startup on AWS - How to architect and maintain a Lean and Mean account
Your startup on AWS - How to architect and maintain a Lean and Mean account
angelo60207
 
Oracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI ProfessionalOracle Cloud Infrastructure Generative AI Professional
Oracle Cloud Infrastructure Generative AI Professional
VICTOR MAESTRE RAMIREZ
 
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptxISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
ISOIEC 42005 Revolutionalises AI Impact Assessment.pptx
AyilurRamnath1
 
Trends Report: Artificial Intelligence (AI)
Trends Report: Artificial Intelligence (AI)Trends Report: Artificial Intelligence (AI)
Trends Report: Artificial Intelligence (AI)
Brian Ahier
 
soulmaite review - Find Real AI soulmate review
soulmaite review - Find Real AI soulmate reviewsoulmaite review - Find Real AI soulmate review
soulmaite review - Find Real AI soulmate review
Soulmaite
 

Angular interview questions

  • 2. 1. What’s new in Angular 7? Certain tools are optimized in the new version of Angular, let us see what the tools are: Angular 7 supports Typescript version 2.4 Angular 7 supports RxJS which has new features like Pipeable Operators A build tool to make the js bundles (files) lighter Ahead of Time (AOT) is updated to be on by default Events like ActivationStart and ActivationEnd are introduced in Router
  • 3. Name the building blocks of Angular. The Angular application is made using the following: Modules Component Template Directives Data Binding Services Dependency Injection Routing
  • 5. Components – A component controls one or more views. Each view is some specific section of the screen. Every Angular application has at least one component, known as the root component. It is bootstrapped inside the main module, known as the root module. A component contains application logic defined inside a class. This class is responsible for interacting with the view via an API of properties and methods. Data Binding – The mechanism by which parts of a template coordinates with parts of a component is known as data binding. In order to let Angular know how to connect both sides (template and its component), the binding markup is added to the template HTML. Dependency Injection (DI) – Angular makes use of DI to provide required dependencies to new components. Typically, dependencies required by a component are services. A component’s constructor parameters tell Angular about the services that a component requires. So, a dependency injection offers a way to supply fully- formed dependencies required by a new instance of a class.
  • 7. Directives – The templates used by Angular are dynamic in nature. Directives are responsible for instructing Angular about how to transform the DOM when rendering a template. Actually, components are directives with a template. Other types of directives are attribute and structural directives. Metadata – In order to let Angular know how to process a class, metadata is attached to the class. For doing so decorators are used. Modules – Also known as NgModules, a module is an organized block of code with a specific set of capabilities. It has a specific application domain or a workflow. Like components, any Angular application has at least one module. This is known as the root module. Typically, an Angular application has several modules. Routing – An Angular router is responsible for interpreting a browser URL as an instruction to navigate to a client-generated view. The router is bound to links on a page to tell Angular to navigate the application view when a user clicks on it. Services – A very broad category, a service can be anything ranging from a value and function to a feature that is required by an Angular app. Technically, a service is a class with a well-defined purpose. Template – Each component’s view is associated with its companion template. A template in Angular is a form of HTML tags that lets Angular know that how it is meant to render the component.
  • 8. 3. What is Transpiling in Angular? Transpiling is the process of converting the typescript into javascript. Though typescript is used to write code in the Angular applications, the code is internally transpiled into javascript.
  • 9. 4. Which of the Angular life cycle component execution happens when a data-bound input value updates? ngOnChanges is the life cycle hook that gets executed whenever a change happens to the data that was bound to an input.
  • 10. 5. Differentiate between Components and Directives in Angular . Components break up the application into smaller parts; whereas, Directives add behavior to an existing DOM element.
  • 11. 6. What is the use of @Input and @Output? When it comes to the communication of Angular Components, which are in Parent-Child Relationship; we use @Input in Child Component and @Output is used in Child Component to receive an event from Child to Parent Component.
  • 12. What does a router.navigate do? When we want to route to a component we use router.navigate. Syntax: this.router.navigate([‘/component_name’]);
  • 13. 9. What is ViewEncapsulation? ViewEncapsulation decides whether the styles defined in a component can affect the entire application or not. There are three ways to do this in Angular: Emulated: styles from other HTML spread to the component. Native: styles from other HTML do not spread to the component. None: styles defined in a component are visible to all components.
  • 14. 10. What are Services in Angular and what command is used to create a service? Services help us in not repeating the code. With the creation of services, we can use the same code from different components. Here is the command to create a service in angular, ng g service User (a UserService is created when this command is used).
  • 15. In how many ways the Data Binding can be done? Data Binding happens between the HTML (template) and typescript (component). Data binding can be done in 3 ways: (i) Property Binding (ii) Event Binding (iii) Two-Way Data Binding.
  • 16. What is the sequence of Angular Lifecycle Hooks? OnChange() - OnInit() - DoCheck() - AfterContentInit() - AfterContentChecked() - AfterViewInit() - AfterViewChecked() - OnDestroy().
  • 17. What is the purpose of using package.json in the angular project? With the existence of package.json, it will be easy to manage the dependencies of the project. If we are using typescript in the angular project then we can mention the typescript package and version of typescript in package.json.
  • 18. How is SPA (Single Page Application) technology different from the traditional web technology? In traditional web technology, the client requests for a web page (HTML/JSP/asp) and the server sends the resource (or HTML page), and the client again requests for another page and the server responds with another resource. The problem here is a lot of time is consumed in the requesting/responding or due to a lot of reloading. Whereas, in the SPA technology, we maintain only one page (index.HTML) even though the URL keeps on changing.
  • 19. What are ngModel and how do we represent it? ngModel is a directive which can be applied on a text field. This a two-way data binding. ngModel is represented by [()]
  • 20. Differentiate between Observables and Promises. Observables are lazy, which means nothing happens until a subscription is made. Whereas Promises are eager; which means as soon as a promise is created, the execution takes place. Observable is a stream in which passing of zero or more events is possible and the callback is called for each event. Whereas, promise handles a single event.
  • 21. What is an AsyncPipe in Angular? When an observable or promise returns something, we use a temporary property to hold the content. Later, we bind the same content to the template. With the usage of AsyncPipe, the promise or observable can be directly used in a template and a temporary property is not required.
  • 22. Explain Authentication and Authorization. Authentication: The user login credentials are passed to an authenticate API (on the server). On the server side validation of the credentials happens and a JSON Web Token (JWT) is returned. JWT is a JSON object that has some information or attributes about the current user. Once the JWT is given to the client, the client or the user will be identified with that JWT. Authorization: After logging in successfully, the authenticated or genuine user does not have access to everything. The user is not authorized to access someone else’s data, he/she is authorized to access some data.
  • 23. What is AOT Compilation? Every angular application gets compiled internally. The angular compiler takes javascript code, compiles it and produces javascript code again. Ahead-of-Time Compilation does not happen every time or for every user, as is the case with Just-In- Time (JIT) Compilation.
  • 24. What is Redux? It is a library which helps us maintain the state of the application. Redux is not required in applications that are simple with the simple data flow, it is used in Single Page Applications that have complex data flow.
  • 25. What are the Pipes? This feature is used to change the output on the template; something like changing the string into uppercase and displaying it on the template. It can also change Date format accordingly.
  • 26. Why Typescript with Angular? Typescript is a superset of Javascript. Earlier, Javascript was the only client-side language supported by all browsers. But, the problem with Javascript is, it is not a pure Object Oriented Programming Language. The code written in JS without following patterns like Prototype Pattern becomes messy and finally leading to difficulties in maintainability and reusability. Instead of learning concepts (like patterns) to maintain code, programmers prefer to maintain the code in an OOP approach and is made available with a programming language like Typescript was thus developed by Microsoft in a way that it can work as Javascript and also offer what javascript cannot ;
  • 27. pure OOPS as Typescript offers concepts like Generics, Interfaces and Types (a Static Typed Language) which makes it is easier to catch incorrect data types passing to variables. TS provides flexibility to programmers experienced in java, .net as it offers encapsulation through classes and interfaces. JS version ES5 offers features like Constructor Function, Dynamic Types, Prototypes. The next version of Javascript ie ES6 introduced a new feature like Class keyword but not supported by many browsers. TS offers Arrow Functions (=>) which is an ES6 feature not supported by many browsers directly but when used in TS, gets compiled into JS ES5 and runs in any browser. TS is not the only alternative to JS, we have CoffeeScript, Dart(Google). Finally, it is like, TS makes life easier when compared to JS.