SlideShare a Scribd company logo
Introduction to AngularJS
By
Snehal Patil
Developer
Allerin Tech Pvt Ltd
What is AngularJS
● Structural framework for dynamic web apps
● A JavaScript framework
● Library written in JavaScript
● Added to a web page with a script tag
Why AngularJS?
● Static document on web page - HTML
● Dynamic views require framework
● Developing single-page applications?
Design goals
● Simplify both development and testing
● framework for client-side model–view–controller
(MVC) architecture
● Decouple
DOM manipulation from application logic
Client side app from the server side
● view-dependent controllers, to client-side web
applications, reduces burden on server
Examples include
● Data binding, as in {{}}.
● DOM control structures for repeating/hiding DOM
fragments.
● Support for forms and form validation.
● Attach new behavior to DOM elements
● Grouping of HTML into reusable components.
Components of an AngularJS application
Core Module :
● Directives
● Filters
● Data Bindings
● Services/Factories
Directives :
● Extended HTML attributes with the prefix ng
● Initialize the Angular application (ng-app)
● Initialize application data (ng-init)
● Binds value of HTML control to apps data (ng-model)
Filters :
● Transform template data before it is rendered within
directives and expressions.
● date, currency, lowercase, uppercase
Filters :
● Transform template data before it is rendered within
directives and expressions.
● date, currency, lowercase, uppercase
Data Binding :
● Synchronizes AngularJS expressions with
AngularJS data
Services/Factories :
Collection of services used in application
Example : route management
$routeParams
$route
Directive : ngView
Questions?
References
https://angularjs.org/
http://www.w3schools.com/angular/
Thank you

More Related Content

What's hot

Extending and Integrating QlikView
Extending and Integrating QlikViewExtending and Integrating QlikView
Extending and Integrating QlikView
Helena Caligari
 
QGIS UK: QGIS Performance Enhancements (Lutra Consulting)
QGIS UK: QGIS Performance Enhancements (Lutra Consulting)QGIS UK: QGIS Performance Enhancements (Lutra Consulting)
QGIS UK: QGIS Performance Enhancements (Lutra Consulting)
Ross McDonald
 
Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)
Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)
Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)
Igalia
 
[Nuxeo World 2013] Roadmap 2014 - Product part
[Nuxeo World 2013] Roadmap 2014 - Product part[Nuxeo World 2013] Roadmap 2014 - Product part
[Nuxeo World 2013] Roadmap 2014 - Product part
Nuxeo
 
Presentation Dolibarr - information for developers and partners - devcamp Nan...
Presentation Dolibarr - information for developers and partners - devcamp Nan...Presentation Dolibarr - information for developers and partners - devcamp Nan...
Presentation Dolibarr - information for developers and partners - devcamp Nan...
Laurent Destailleur
 
Introduction to GraphQL - RVA JavaScript 2019
Introduction to GraphQL -  RVA JavaScript 2019Introduction to GraphQL -  RVA JavaScript 2019
Introduction to GraphQL - RVA JavaScript 2019
Matt Lavin
 
Continuing with the SharePoint Framework
Continuing with the SharePoint FrameworkContinuing with the SharePoint Framework
Continuing with the SharePoint Framework
Jennifer Kenderdine
 
Wso2 api manager community call#14
Wso2 api manager community call#14Wso2 api manager community call#14
Wso2 api manager community call#14
tmkasun
 
GraphQL API Crafts presentation
GraphQL API Crafts presentationGraphQL API Crafts presentation
GraphQL API Crafts presentation
Sudheer J
 
Speed up Development by Turning Web Blocks Into First-Class Citizens
Speed up Development by Turning Web Blocks Into First-Class CitizensSpeed up Development by Turning Web Blocks Into First-Class Citizens
Speed up Development by Turning Web Blocks Into First-Class Citizens
OutSystems
 
Aplicaciones en tiempo real con ReactJS y SignalR Core
Aplicaciones en tiempo real con ReactJS y SignalR CoreAplicaciones en tiempo real con ReactJS y SignalR Core
Aplicaciones en tiempo real con ReactJS y SignalR Core
Miguel Angel Teheran Garcia
 
Bluebeam Q - Bluebeam eXtreme Conference 2014
Bluebeam Q - Bluebeam eXtreme Conference 2014Bluebeam Q - Bluebeam eXtreme Conference 2014
Bluebeam Q - Bluebeam eXtreme Conference 2014
bluebeamslides
 
Seavus Project Viewer 16 - Viewer for Mpp Plans
Seavus Project Viewer 16 - Viewer for Mpp PlansSeavus Project Viewer 16 - Viewer for Mpp Plans
Seavus Project Viewer 16 - Viewer for Mpp Plans
Seavus Project Viewer
 

What's hot (13)

Extending and Integrating QlikView
Extending and Integrating QlikViewExtending and Integrating QlikView
Extending and Integrating QlikView
 
QGIS UK: QGIS Performance Enhancements (Lutra Consulting)
QGIS UK: QGIS Performance Enhancements (Lutra Consulting)QGIS UK: QGIS Performance Enhancements (Lutra Consulting)
QGIS UK: QGIS Performance Enhancements (Lutra Consulting)
 
Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)
Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)
Implementing Accessibility for the Web Platform (Web Engines Hackfest 2019)
 
[Nuxeo World 2013] Roadmap 2014 - Product part
[Nuxeo World 2013] Roadmap 2014 - Product part[Nuxeo World 2013] Roadmap 2014 - Product part
[Nuxeo World 2013] Roadmap 2014 - Product part
 
Presentation Dolibarr - information for developers and partners - devcamp Nan...
Presentation Dolibarr - information for developers and partners - devcamp Nan...Presentation Dolibarr - information for developers and partners - devcamp Nan...
Presentation Dolibarr - information for developers and partners - devcamp Nan...
 
Introduction to GraphQL - RVA JavaScript 2019
Introduction to GraphQL -  RVA JavaScript 2019Introduction to GraphQL -  RVA JavaScript 2019
Introduction to GraphQL - RVA JavaScript 2019
 
Continuing with the SharePoint Framework
Continuing with the SharePoint FrameworkContinuing with the SharePoint Framework
Continuing with the SharePoint Framework
 
Wso2 api manager community call#14
Wso2 api manager community call#14Wso2 api manager community call#14
Wso2 api manager community call#14
 
GraphQL API Crafts presentation
GraphQL API Crafts presentationGraphQL API Crafts presentation
GraphQL API Crafts presentation
 
Speed up Development by Turning Web Blocks Into First-Class Citizens
Speed up Development by Turning Web Blocks Into First-Class CitizensSpeed up Development by Turning Web Blocks Into First-Class Citizens
Speed up Development by Turning Web Blocks Into First-Class Citizens
 
Aplicaciones en tiempo real con ReactJS y SignalR Core
Aplicaciones en tiempo real con ReactJS y SignalR CoreAplicaciones en tiempo real con ReactJS y SignalR Core
Aplicaciones en tiempo real con ReactJS y SignalR Core
 
Bluebeam Q - Bluebeam eXtreme Conference 2014
Bluebeam Q - Bluebeam eXtreme Conference 2014Bluebeam Q - Bluebeam eXtreme Conference 2014
Bluebeam Q - Bluebeam eXtreme Conference 2014
 
Seavus Project Viewer 16 - Viewer for Mpp Plans
Seavus Project Viewer 16 - Viewer for Mpp PlansSeavus Project Viewer 16 - Viewer for Mpp Plans
Seavus Project Viewer 16 - Viewer for Mpp Plans
 

Viewers also liked

Apo Island
Apo IslandApo Island
Apo Island
Yayo Cruz
 
Clean code
Clean code Clean code
Clean code
Achintya Kumar
 
Graph database
Graph databaseGraph database
Graph database
Achintya Kumar
 
Zopa BBA 29
Zopa BBA 29Zopa BBA 29
Zopa BBA 29
daydreamerz
 
Class Project
Class ProjectClass Project
Class Project
daydreamerz
 
Panglao Island
Panglao IslandPanglao Island
Panglao Island
Yayo Cruz
 
Balicasag
BalicasagBalicasag
Balicasag
Yayo Cruz
 
bsc class project
bsc class projectbsc class project
bsc class project
daydreamerz
 
Malapascua Island
Malapascua IslandMalapascua Island
Malapascua Island
Yayo Cruz
 
Lola\'s Lakehouse
Lola\'s LakehouseLola\'s Lakehouse
Lola\'s Lakehouse
huntadkins
 
Jake O\'Connors Public House, Excelsior, MN
Jake O\'Connors Public House, Excelsior, MNJake O\'Connors Public House, Excelsior, MN
Jake O\'Connors Public House, Excelsior, MN
huntadkins
 
Speeding up web_application
Speeding up web_applicationSpeeding up web_application
Speeding up web_application
Achintya Kumar
 
Cabilao Island
Cabilao IslandCabilao Island
Cabilao Island
Yayo Cruz
 
Class Project BBA 29
Class Project BBA 29Class Project BBA 29
Class Project BBA 29
daydreamerz
 
Olango And Mactan
Olango And MactanOlango And Mactan
Olango And Mactan
Yayo Cruz
 
Rails best practices
Rails best practicesRails best practices
Rails best practices
Achintya Kumar
 
Southern Leyte
Southern LeyteSouthern Leyte
Southern Leyte
Yayo Cruz
 
Application lifecycle management
Application lifecycle managementApplication lifecycle management
Application lifecycle management
Achintya Kumar
 

Viewers also liked (18)

Apo Island
Apo IslandApo Island
Apo Island
 
Clean code
Clean code Clean code
Clean code
 
Graph database
Graph databaseGraph database
Graph database
 
Zopa BBA 29
Zopa BBA 29Zopa BBA 29
Zopa BBA 29
 
Class Project
Class ProjectClass Project
Class Project
 
Panglao Island
Panglao IslandPanglao Island
Panglao Island
 
Balicasag
BalicasagBalicasag
Balicasag
 
bsc class project
bsc class projectbsc class project
bsc class project
 
Malapascua Island
Malapascua IslandMalapascua Island
Malapascua Island
 
Lola\'s Lakehouse
Lola\'s LakehouseLola\'s Lakehouse
Lola\'s Lakehouse
 
Jake O\'Connors Public House, Excelsior, MN
Jake O\'Connors Public House, Excelsior, MNJake O\'Connors Public House, Excelsior, MN
Jake O\'Connors Public House, Excelsior, MN
 
Speeding up web_application
Speeding up web_applicationSpeeding up web_application
Speeding up web_application
 
Cabilao Island
Cabilao IslandCabilao Island
Cabilao Island
 
Class Project BBA 29
Class Project BBA 29Class Project BBA 29
Class Project BBA 29
 
Olango And Mactan
Olango And MactanOlango And Mactan
Olango And Mactan
 
Rails best practices
Rails best practicesRails best practices
Rails best practices
 
Southern Leyte
Southern LeyteSouthern Leyte
Southern Leyte
 
Application lifecycle management
Application lifecycle managementApplication lifecycle management
Application lifecycle management
 

Similar to Introduction to-angular js

Itroducing Angular JS
Itroducing Angular JSItroducing Angular JS
Itroducing Angular JS
Carlos Emanuel Mathiasen
 
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
Edureka!
 
Angular js- 1.X
Angular js- 1.XAngular js- 1.X
Angular js- 1.X
Nitin Giri
 
Angular patterns
Angular patternsAngular patterns
Angular patterns
Premkumar M
 
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?
Albiorix Technology
 
AngularJs (1.x) Presentation
AngularJs (1.x) PresentationAngularJs (1.x) Presentation
AngularJs (1.x) Presentation
Raghubir Singh
 
Angularjs basic part01
Angularjs basic part01Angularjs basic part01
Angularjs basic part01
Mohd Abdul Baquee
 
AngularJS is awesome
AngularJS is awesomeAngularJS is awesome
AngularJS is awesome
Eusebiu Schipor
 
Learning AngularJS - Complete coverage of AngularJS features and concepts
Learning AngularJS  - Complete coverage of AngularJS features and conceptsLearning AngularJS  - Complete coverage of AngularJS features and concepts
Learning AngularJS - Complete coverage of AngularJS features and concepts
Suresh Patidar
 
Introduction to AngularJS
Introduction to AngularJSIntroduction to AngularJS
Introduction to AngularJS
Shyjal Raazi
 
AngularJS Basics - Knowledge Sharing
AngularJS Basics - Knowledge SharingAngularJS Basics - Knowledge Sharing
AngularJS Basics - Knowledge Sharing
Branko Djurkovic
 
AngularJS
AngularJSAngularJS
Single Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with AngularSingle Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with Angular
Sparkhound Inc.
 
Angularjs overview
Angularjs  overviewAngularjs  overview
Angularjs overview
VickyCmd
 
Module2
Module2Module2
Module2
Hoàng Lê
 
Fundamentals and Implementations of Angular JS with renowned Technology Platf...
Fundamentals and Implementations of Angular JS with renowned Technology Platf...Fundamentals and Implementations of Angular JS with renowned Technology Platf...
Fundamentals and Implementations of Angular JS with renowned Technology Platf...
OptiSol Business Solutions
 
Angular js up & running
Angular js up & runningAngular js up & running
Angular js up & running
Junaid Baloch
 
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptxangularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
sarah david
 
Introduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat MakwanaIntroduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat Makwana
Bharat Makwana
 
MVC architecture
MVC architectureMVC architecture
MVC architecture
Emily Bauman
 

Similar to Introduction to-angular js (20)

Itroducing Angular JS
Itroducing Angular JSItroducing Angular JS
Itroducing Angular JS
 
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
What Is Angular 2 | Angular 2 Tutorial For Beginners | Angular Training | Edu...
 
Angular js- 1.X
Angular js- 1.XAngular js- 1.X
Angular js- 1.X
 
Angular patterns
Angular patternsAngular patterns
Angular patterns
 
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?
 
AngularJs (1.x) Presentation
AngularJs (1.x) PresentationAngularJs (1.x) Presentation
AngularJs (1.x) Presentation
 
Angularjs basic part01
Angularjs basic part01Angularjs basic part01
Angularjs basic part01
 
AngularJS is awesome
AngularJS is awesomeAngularJS is awesome
AngularJS is awesome
 
Learning AngularJS - Complete coverage of AngularJS features and concepts
Learning AngularJS  - Complete coverage of AngularJS features and conceptsLearning AngularJS  - Complete coverage of AngularJS features and concepts
Learning AngularJS - Complete coverage of AngularJS features and concepts
 
Introduction to AngularJS
Introduction to AngularJSIntroduction to AngularJS
Introduction to AngularJS
 
AngularJS Basics - Knowledge Sharing
AngularJS Basics - Knowledge SharingAngularJS Basics - Knowledge Sharing
AngularJS Basics - Knowledge Sharing
 
AngularJS
AngularJSAngularJS
AngularJS
 
Single Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with AngularSingle Page Applications in SharePoint with Angular
Single Page Applications in SharePoint with Angular
 
Angularjs overview
Angularjs  overviewAngularjs  overview
Angularjs overview
 
Module2
Module2Module2
Module2
 
Fundamentals and Implementations of Angular JS with renowned Technology Platf...
Fundamentals and Implementations of Angular JS with renowned Technology Platf...Fundamentals and Implementations of Angular JS with renowned Technology Platf...
Fundamentals and Implementations of Angular JS with renowned Technology Platf...
 
Angular js up & running
Angular js up & runningAngular js up & running
Angular js up & running
 
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptxangularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
angularjs_vs_angular_the_key_differences_between_javascript_and_typescript.pptx
 
Introduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat MakwanaIntroduction to AngularJS By Bharat Makwana
Introduction to AngularJS By Bharat Makwana
 
MVC architecture
MVC architectureMVC architecture
MVC architecture
 

Recently uploaded

Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
KAMESHS29
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 

Recently uploaded (20)

Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 

Introduction to-angular js

  • 1. Introduction to AngularJS By Snehal Patil Developer Allerin Tech Pvt Ltd
  • 2. What is AngularJS ● Structural framework for dynamic web apps ● A JavaScript framework ● Library written in JavaScript ● Added to a web page with a script tag
  • 3. Why AngularJS? ● Static document on web page - HTML ● Dynamic views require framework ● Developing single-page applications?
  • 4. Design goals ● Simplify both development and testing ● framework for client-side model–view–controller (MVC) architecture ● Decouple DOM manipulation from application logic Client side app from the server side ● view-dependent controllers, to client-side web applications, reduces burden on server
  • 5. Examples include ● Data binding, as in {{}}. ● DOM control structures for repeating/hiding DOM fragments. ● Support for forms and form validation. ● Attach new behavior to DOM elements ● Grouping of HTML into reusable components.
  • 6. Components of an AngularJS application Core Module : ● Directives ● Filters ● Data Bindings ● Services/Factories
  • 7. Directives : ● Extended HTML attributes with the prefix ng ● Initialize the Angular application (ng-app) ● Initialize application data (ng-init) ● Binds value of HTML control to apps data (ng-model) Filters : ● Transform template data before it is rendered within directives and expressions. ● date, currency, lowercase, uppercase
  • 8. Filters : ● Transform template data before it is rendered within directives and expressions. ● date, currency, lowercase, uppercase Data Binding : ● Synchronizes AngularJS expressions with AngularJS data
  • 9. Services/Factories : Collection of services used in application Example : route management $routeParams $route Directive : ngView