SlideShare a Scribd company logo
2
Most read
3
Most read
4
Most read
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 (20)

PPTX
Angular modules in depth
Christoffer Noring
 
PPTX
Angularjs PPT
Amit Baghel
 
PDF
WEB DEVELOPMENT USING REACT JS
MuthuKumaran Singaravelu
 
PDF
Api presentation
Tiago Cardoso
 
PPTX
Introduction to spring boot
Santosh Kumar Kar
 
ODP
Introduction to Swagger
Knoldus Inc.
 
PPTX
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
Malla Reddy University
 
PDF
Angular
Lilia Sfaxi
 
PDF
Angular 10 course_content
NAVEENSAGGAM1
 
PPTX
Reactjs
Mallikarjuna G D
 
PDF
Designing APIs with OpenAPI Spec
Adam Paxton
 
PDF
Angular 16 – the rise of Signals
Coding Academy
 
PPT
Java Script ppt
Priya Goyal
 
PPTX
Angular tutorial
Rohit Gupta
 
PDF
Nodejs presentation
Arvind Devaraj
 
PDF
An introduction to React.js
Emanuele DelBono
 
PDF
Angular Advanced Routing
Laurent Duveau
 
Angular modules in depth
Christoffer Noring
 
Angularjs PPT
Amit Baghel
 
WEB DEVELOPMENT USING REACT JS
MuthuKumaran Singaravelu
 
Api presentation
Tiago Cardoso
 
Introduction to spring boot
Santosh Kumar Kar
 
Introduction to Swagger
Knoldus Inc.
 
Unit 1 - TypeScript & Introduction to Angular CLI.pptx
Malla Reddy University
 
Angular
Lilia Sfaxi
 
Angular 10 course_content
NAVEENSAGGAM1
 
Designing APIs with OpenAPI Spec
Adam Paxton
 
Angular 16 – the rise of Signals
Coding Academy
 
Java Script ppt
Priya Goyal
 
Angular tutorial
Rohit Gupta
 
Nodejs presentation
Arvind Devaraj
 
An introduction to React.js
Emanuele DelBono
 
Angular Advanced Routing
Laurent Duveau
 

Similar to Angular overview (20)

PDF
What is Angular Programming Language.pdf
Nishaadequateinfosof
 
PPTX
Introduction to Angular 2.0
Debasis Panda
 
PDF
Introduction-to-Angular-Language.pdf
PriyalKaur
 
PPTX
Angular
TejinderMakkar
 
PPTX
Angular Js Advantages - Complete Reference
EPAM Systems
 
PDF
Where and Why Use Angular for Web Development?
1221 North Church Street, Suite 202 Moorestown, NJ 08057
 
PDF
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pdf
sarah david
 
PPTX
Detailed Guide of Angular Development 2022.pptx
75waytechnologies
 
PPTX
What are the key distinctions between Angular and AngularJS?
Albiorix Technology
 
PDF
The Pros and Cons of Angular Development: All You Need to Know
Hepto Software Company
 
PPTX
Single Page Angular Application Presentation
Knoldus Inc.
 
PPTX
Single Page Angular Application Presentation
Knoldus Inc.
 
PPTX
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
sarah david
 
PPTX
What is the Use of Angular?
Albiorix Technology
 
PDF
Difference Between Angular and AngularJS.pdf
Your Team in India
 
PDF
angularjs-vs-angular-the-key-differences-between-javascript-and-typescript
Cuneiform Consulting Pvt Ltd.
 
PDF
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pdf
sarah david
 
PDF
Why Angular It's Still a Top Choice for Developers in 2025.pdf
LL Technolab
 
PDF
How Angular Development services can help you in expanding your business?.pdf
Smith Daniel
 
PPTX
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
sarah david
 
What is Angular Programming Language.pdf
Nishaadequateinfosof
 
Introduction to Angular 2.0
Debasis Panda
 
Introduction-to-Angular-Language.pdf
PriyalKaur
 
Angular Js Advantages - Complete Reference
EPAM Systems
 
Where and Why Use Angular for Web Development?
1221 North Church Street, Suite 202 Moorestown, NJ 08057
 
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pdf
sarah david
 
Detailed Guide of Angular Development 2022.pptx
75waytechnologies
 
What are the key distinctions between Angular and AngularJS?
Albiorix Technology
 
The Pros and Cons of Angular Development: All You Need to Know
Hepto Software Company
 
Single Page Angular Application Presentation
Knoldus Inc.
 
Single Page Angular Application Presentation
Knoldus Inc.
 
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
sarah david
 
What is the Use of Angular?
Albiorix Technology
 
Difference Between Angular and AngularJS.pdf
Your Team in India
 
angularjs-vs-angular-the-key-differences-between-javascript-and-typescript
Cuneiform Consulting Pvt Ltd.
 
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pdf
sarah david
 
Why Angular It's Still a Top Choice for Developers in 2025.pdf
LL Technolab
 
How Angular Development services can help you in expanding your business?.pdf
Smith Daniel
 
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
sarah david
 
Ad

Recently uploaded (20)

PDF
Automating Feature Enrichment and Station Creation in Natural Gas Utility Net...
Safe Software
 
PDF
NLJUG Speaker academy 2025 - first session
Bert Jan Schrijver
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
PPT
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
PDF
Kit-Works Team Study_20250627_한달만에만든사내서비스키링(양다윗).pdf
Wonjun Hwang
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
“NPU IP Hardware Shaped Through Software and Use-case Analysis,” a Presentati...
Edge AI and Vision Alliance
 
PDF
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
PPTX
Seamless Tech Experiences Showcasing Cross-Platform App Design.pptx
presentifyai
 
PDF
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
PDF
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...
Edge AI and Vision Alliance
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Automating Feature Enrichment and Station Creation in Natural Gas Utility Net...
Safe Software
 
NLJUG Speaker academy 2025 - first session
Bert Jan Schrijver
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
Ericsson LTE presentation SEMINAR 2010.ppt
npat3
 
Kit-Works Team Study_20250627_한달만에만든사내서비스키링(양다윗).pdf
Wonjun Hwang
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
“NPU IP Hardware Shaped Through Software and Use-case Analysis,” a Presentati...
Edge AI and Vision Alliance
 
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
Seamless Tech Experiences Showcasing Cross-Platform App Design.pptx
presentifyai
 
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...
Edge AI and Vision Alliance
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Ad

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.