Downloaded 67 times
DM
Uploaded byDieter De Mesmaeker
1,719 views
Building single page applications with angular.js
This document discusses building single page applications with Angular.js. It introduces Angular.js as an open source JavaScript framework for single page applications created by Misko Hevery at Google with a focus on testing. It covers Angular concepts like MVC, controllers for business logic and not DOM manipulation, $scope to reference the application model and glue controllers to views, services for view independent business logic, directives for extending HTML and DOM manipulation, two-way data binding, dependency injection, routing with $location and ng-Route, bootstrapping applications, and hands-on instructions for using Yeoman, Grunt, Bower, and the angular-generator.
Building single page applications with angular.js
- 1. Building single pageapplications with Angular.js Dieter De Mesmaeker
- 2. What is AngularJs? Open source javascript framework Single page applications Created by Misko Hevery at Google Heavy focus on testing Augmented HTML
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. Controllers Set up theinitial state of the $scope object
- 11. Controllers Add behaviour toa $scope object
- 12. Controllers Do NOT usecontrollers for DOM manipulation or presentation logic! (use Directives instead) Only business Logic! Why? Testability!
- 13. $scope Refers to theapplication model Glues the controller with its view $scope inheritance
- 14.
- 15.
- 16. $scope Why child scopefor ng-repeat?
- 17.
- 18.
- 19. Services Factory creates asingle instance Everything that is dependent on the service gets a reference to that instance (Think of it as a singleton)
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. Two-way data binding Classical templatesystems Angular templates
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. Hands on Step 1:Install node http:/ /lmgtfy.com/?q=install+node Step 2: Install Yeoman npm install -g yo
- 34. Hands on Install theangular-generator https:/ /github.com/yeoman/ generator-angular