Intro to angular
Download as PPTX, PDF0 likes262 views
This document provides an introduction to key concepts in Angular including how Angular works, data binding, scope, controllers, services, modules, and routing. It explains that Angular bootstraps the browser to build the DOM and any changes to the model or DOM trigger updates between each other. It describes one-way and two-way data binding and how scope acts as the source of truth and tracks changes. Controllers control the page UI, services handle non-UI logic, and modules configure sections and routing. Components connect routes, templates, and controllers to create reusable DOM elements.
1 of 20
Download to read offline
More Related Content
What's hot (19)
Viewers also liked (9)
Ad
Similar to Intro to angular (20)
PPTX
Benefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of ChoiceBenefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of Choice
Ad
Recently uploaded (20)
PDF
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...Dr. PANKAJ DHUSSAPDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...Edge AI and Vision AlliancePDF
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...Edge AI and Vision AlliancePPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...Alexandra N. Martinez“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...Edge AI and Vision Alliance
“Squinting Vision Pipelines: Detecting and Correcting Errors in Vision Models...Edge AI and Vision Alliance
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...Alexandra N. Martinez
Intro to angular
- 1. Intro to Angular Zach Barnes
- 2. Summary How it works Data binding Scope Controllers Services Modules Routing Components
- 3. How it works
- 4. How it works Browser builds DOM Angular bootstraps Changes to model trigger updates to DOM Changes to DOM trigger updates to model
- 5. Data binding
- 6. Data binding How the model gets updated How the UI gets updated Two types One-way Two-way
- 7. Data binding: One way E.g. Angular 2, React Source of truth, our model, somewhere in code UI cannot update model UI triggers events -> events trigger changes to model -> model changes update the UI
- 8. Data binding: two-way E.g. Angular 1 Changes in UI update the model Changes to model update the UI
- 9. Scope
- 10. Scope Angular’s source of truth Can consider $scope to be the page Changes to the scope update the page Anything on the scope is tracked Anything not on the scope isn’t tracked
- 11. Controllers
- 12. Controllers Control the page Anything that directly affects the UI goes here
- 13. Services
- 14. Services Singleton Handles anything not directly related to UI
- 15. Modules
- 16. Modules Configuration for a section of a page Routing goes here Provider configuration goes here Anything that needs to happen before the page loads goes here
- 17. Routing
- 19. Components
- 20. Components A new way for connecting routes, templates, and controllers Creates a DOM element you can use anywhere