SlideShare a Scribd company logo
1 of 11
Angular: an
overview
By
P. Thanvi lahari
AGENDA
Introduction to
Angular
Why do we need
angular?
Single Page
Application(SPA)
Versions of
angular
Features of
Angular
Advantages
Applications Conclusion
Introduction to Angular
• Angular is an open-source framework for building client
applications HTML, CSS and TypeScript, maintained by
google.
• Angular includes:
 A component-based framework for building scalable
web applications.
 A collection of well-integrated libraries that cover a
wide variety of features, including routing, forms
management, client-server communication, and more.
 A suite of developer tools to help you develop, build,
test, and update your code.
Why do we
need
Angular?
Angular framework boosts web development
efficiency and performance by providing a
consistent structure so that developers don’t
have to keep rebuilding code from scratch.
It is a time saver that offers developers a host
of extra features that can be added to software
without requiring extra effort.
It provides two-way data binding unlike other
frameworks.
Single page Application(SPA)
Angular uses the concept of Single
Page Application(SPA).
Single-page applications (SPAs) are
web applications that load a single
HTML page and dynamically update
that page as the user interacts with
the application. It doesn't need
to make requests for new pages on
server
SPAs use Ajax and HTML5 to create
a fluid and responsive Web
applications, without constant page
reloads.
Versions of
Angular
Angular1
(Angular Js)
Angular 2
Angular 3
…
Angular 12
Features of Angular
• Document Object Model (DOM)
• TypeScript
• Data Binding
• Testing – Jasmine testing
Framework
• Modules
• Components
• Templates
• Metadata
• Directives
Advantages
Time saving Data binding
Single page
application
Material design
like Interface
Better error
handling
Speed and
performance
Applications
Conclusion
Angular is an open-source, JavaScript framework
written in TypeScript. It enables users to develop
and test large applications easily.
It has surpassed Javascript for developing single-
page applications that require modularity,
testability, and developer productivity.
Angular supports frameworks lke CSS and
bootstrap for frontend.
Thank you

More Related Content

What's hot

What's hot (20)

Angular Basics.pptx
Angular Basics.pptxAngular Basics.pptx
Angular Basics.pptx
 
Angular 16 – the rise of Signals
Angular 16 – the rise of SignalsAngular 16 – the rise of Signals
Angular 16 – the rise of Signals
 
Angular 9
Angular 9 Angular 9
Angular 9
 
What’s New in Angular 14?
What’s New in Angular 14?What’s New in Angular 14?
What’s New in Angular 14?
 
Angular modules in depth
Angular modules in depthAngular modules in depth
Angular modules in depth
 
Building blocks of Angular
Building blocks of AngularBuilding blocks of Angular
Building blocks of Angular
 
Angular App Presentation
Angular App PresentationAngular App Presentation
Angular App Presentation
 
Angular kickstart slideshare
Angular kickstart   slideshareAngular kickstart   slideshare
Angular kickstart slideshare
 
Angular Interview Questions & Answers
Angular Interview Questions & AnswersAngular Interview Questions & Answers
Angular Interview Questions & Answers
 
Angular introduction students
Angular introduction studentsAngular introduction students
Angular introduction students
 
Angular 8
Angular 8 Angular 8
Angular 8
 
What is Angular?
What is Angular?What is Angular?
What is Angular?
 
Angular tutorial
Angular tutorialAngular tutorial
Angular tutorial
 
AngularJS
AngularJS AngularJS
AngularJS
 
Angular.ppt
Angular.pptAngular.ppt
Angular.ppt
 
Sharing Data Between Angular Components
Sharing Data Between Angular ComponentsSharing Data Between Angular Components
Sharing Data Between Angular Components
 
Angular - Chapter 7 - HTTP Services
Angular - Chapter 7 - HTTP ServicesAngular - Chapter 7 - HTTP Services
Angular - Chapter 7 - HTTP Services
 
Introduzione ad angular 7/8
Introduzione ad angular 7/8Introduzione ad angular 7/8
Introduzione ad angular 7/8
 
.Net Core
.Net Core.Net Core
.Net Core
 
Angular - Chapter 3 - Components
Angular - Chapter 3 - ComponentsAngular - Chapter 3 - Components
Angular - Chapter 3 - Components
 

Similar to Angular overview

Similar to Angular overview (20)

What is the Use of Angular?
What is the Use of Angular?What is the Use of Angular?
What is the Use of Angular?
 
Where and Why Use Angular for Web Development?
Where and Why Use Angular for Web Development?Where and Why Use Angular for Web Development?
Where and Why Use Angular for Web Development?
 
The Pros and Cons of Angular Development: All You Need to Know
The Pros and Cons of Angular Development: All You Need to KnowThe Pros and Cons of Angular Development: All You Need to Know
The Pros and Cons of Angular Development: All You Need to Know
 
Advantages of AngularJS
Advantages of AngularJSAdvantages of AngularJS
Advantages of AngularJS
 
What are the key distinctions between Angular and AngularJS?
What are the key distinctions between Angular and AngularJS?What are the key distinctions between Angular and AngularJS?
What are the key distinctions between Angular and AngularJS?
 
Difference Between Angular and AngularJS.pdf
Difference Between Angular and AngularJS.pdfDifference Between Angular and AngularJS.pdf
Difference Between Angular and AngularJS.pdf
 
Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!Top Reasons to use the Angular Framework for developing Applications!
Top Reasons to use the Angular Framework for developing Applications!
 
What is Angular Programming Language.pdf
What is Angular Programming Language.pdfWhat is Angular Programming Language.pdf
What is Angular Programming Language.pdf
 
How Angular Development services can help you in expanding your business?.pdf
How Angular Development services can help you in expanding your business?.pdfHow Angular Development services can help you in expanding your business?.pdf
How Angular Development services can help you in expanding your business?.pdf
 
Angular Interview Question & Answers PDF By ScholarHat
Angular Interview Question & Answers PDF By ScholarHatAngular Interview Question & Answers PDF By ScholarHat
Angular Interview Question & Answers PDF By ScholarHat
 
Angular 6 Training with project in hyderabad india
Angular 6 Training with project in hyderabad indiaAngular 6 Training with project in hyderabad india
Angular 6 Training with project in hyderabad india
 
15 Best AngularJS Development Tools in 2024.docx
15 Best AngularJS Development Tools in 2024.docx15 Best AngularJS Development Tools in 2024.docx
15 Best AngularJS Development Tools in 2024.docx
 
The Growing Popularity of AngularJS
The Growing Popularity of AngularJSThe Growing Popularity of AngularJS
The Growing Popularity of AngularJS
 
Angular vs React
Angular vs ReactAngular vs React
Angular vs React
 
quantum_leap_angularjs_tools_redefining_development_in_2023.pdf
quantum_leap_angularjs_tools_redefining_development_in_2023.pdfquantum_leap_angularjs_tools_redefining_development_in_2023.pdf
quantum_leap_angularjs_tools_redefining_development_in_2023.pdf
 
10 Reasons to Choose Angular for Web App Development.pdf
10 Reasons to Choose Angular for Web App Development.pdf10 Reasons to Choose Angular for Web App Development.pdf
10 Reasons to Choose Angular for Web App Development.pdf
 
React VS Angular- Which is Best for You in 2023?
 React VS Angular- Which is Best for You in 2023? React VS Angular- Which is Best for You in 2023?
React VS Angular- Which is Best for You in 2023?
 
Top 10 Javascript Frameworks For Easy Web Development
Top 10 Javascript Frameworks For Easy Web DevelopmentTop 10 Javascript Frameworks For Easy Web Development
Top 10 Javascript Frameworks For Easy Web Development
 
Learn About AngularJS's Numerous Benefits for a Web Development Company .pdf
Learn About AngularJS's Numerous Benefits for a Web Development Company .pdfLearn About AngularJS's Numerous Benefits for a Web Development Company .pdf
Learn About AngularJS's Numerous Benefits for a Web Development Company .pdf
 
What You Need to Know About AngularJS Development Tools in 2024.pdf
What You Need to Know About AngularJS Development Tools in 2024.pdfWhat You Need to Know About AngularJS Development Tools in 2024.pdf
What You Need to Know About AngularJS Development Tools in 2024.pdf
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

Angular overview

  • 2. AGENDA Introduction to Angular Why do we need angular? Single Page Application(SPA) Versions of angular Features of Angular Advantages Applications Conclusion
  • 3. Introduction to Angular • Angular is an open-source framework for building client applications HTML, CSS and TypeScript, maintained by google. • Angular includes:  A component-based framework for building scalable web applications.  A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more.  A suite of developer tools to help you develop, build, test, and update your code.
  • 4. Why do we need Angular? Angular framework boosts web development efficiency and performance by providing a consistent structure so that developers don’t have to keep rebuilding code from scratch. It is a time saver that offers developers a host of extra features that can be added to software without requiring extra effort. It provides two-way data binding unlike other frameworks.
  • 5. Single page Application(SPA) Angular uses the concept of Single Page Application(SPA). Single-page applications (SPAs) are web applications that load a single HTML page and dynamically update that page as the user interacts with the application. It doesn't need to make requests for new pages on server SPAs use Ajax and HTML5 to create a fluid and responsive Web applications, without constant page reloads.
  • 7. Features of Angular • Document Object Model (DOM) • TypeScript • Data Binding • Testing – Jasmine testing Framework • Modules • Components • Templates • Metadata • Directives
  • 8. Advantages Time saving Data binding Single page application Material design like Interface Better error handling Speed and performance
  • 10. Conclusion Angular is an open-source, JavaScript framework written in TypeScript. It enables users to develop and test large applications easily. It has surpassed Javascript for developing single- page applications that require modularity, testability, and developer productivity. Angular supports frameworks lke CSS and bootstrap for frontend.