AngularJS Introduction
3 likes8,596 views
The document provides an introduction to AngularJS, outlining its purpose as a JavaScript framework that enhances HTML for dynamic web applications. It covers key concepts such as directives, data binding, and core services like $http, aimed at facilitating easier development and testing of single-page applications. Future topics include routing, testing, and building applications with AngularJS, as well as additional tools and frameworks.
AngularJS Introduction
- 2. GRACIAS!
- 3. AGENDA - Where are we? - AngularJS - Let’s build something - Future of this group
- 8. Static HTML Dynamic HTML HTML + CSS + JavaScript Dynamic web pages Server rendered the HTML pages Ajax: Asynchronous JavaScript XML DOM manipulation Model View ViewModel (MVVM) The Single-Page App
- 9. WHAT IS ANGULARJS HTML enhanced for web apps! AngularJS is NOT - Library - Does not abstract away HTML, CSS or JS AngularJS is - JavaScript Framework - Extends HTML into more readable format - Reduces DOM manipulation - Allows easier testing
- 10. DIRECTIVES & DATA BINDING
- 11. DIRECTIVES AngularJS lets you extend HTML vocabulary for your application. ng-app boostraps angular ng-init directive ng-model directive
- 12. LET’S START CODING SOMETHING DIRECTIVES & DATA BINDING
- 13. DATA BINDING Synchronization of data between the model and view components docs.angularjs.org
- 15. PIZZERIA …
- 17. VIEWS, CONTROLLERS & SCOPE Business logic needed for each single view VIEW Define module CONTROLLER Define controller $scope the glue between application controller and view
- 18. SERVICE $HTTP Core Angular service connects to remote HTTP servers Inject $http Use it to get data!
- 19. SHOP EXAMPLE VIEWS, CONTROLLERS & SCOPE
- 20. FILTERS Filters format the value of an expression for display. data filter with argument filter without argument many filters to expression
- 22. SERVICES Services are used to communicate controllers Register service Define functions Return instance Inject in controllers
- 24. FUTURE TOPICS - Routing - Support framework: yeoman, grunt, bower - Testing: Unit testing vs. e2e testing. Karma, Yasmine - Talking to server - Security: authentication and authorization - Angular services - Building Forms - i18n and l10n - Animations - Directives - Building phone apps with AngularJS
- 25. LEARN, SHARE & BUILD