AngularJS

Introduction of AngularJS by me at Inviqa Enlighening Lunch

Transcript

1. AngularJS
2. Features : Two Way Data-Binding Templates MVC Dependency Injection Directives Testing
3. Hello World Text
4. Internals
5. Startup 1. Browser parses HTML to DOM
6. Startup 2. angular.js is loaded
7. Startup 3. waiting for DOMContentLoaded event
8. Startup 4. Angular looks for ng-app directive
9. Startup 5. cofiguring $injector
10. Startup 6. creating $compile and $rootScope
11. Startup 7. compiling DOM and linking with scope
12. Startup 8. ng-init assigns 'World' to name model
13. Startup 9. {{name}} interpolates expression
14. Runtime 1. event calls scope.$apply(stimulusFn)
15. Runtime 2. executing stimulusFn
16. Runtime 3. entering $digest loop
17. Runtime 4. scheduling work via $evalAsync
18. Runtime 5. calling $watch
19. Runtime 6. browser re-renders DOM
20. Hello World #2 Text
21. View DOM, not string
22. View Demo Text
23. Model Any data: primitive, array, object
24. Controller Demo Text
25. Scope Glues Controller and View
26. Scope Demo Text
27. Directives Demo Text
28. Filters Demo Text
29. Dependency Injection $injector
30. DI : Creating Module $injector
31. DI : Types Instantiation $injector
32. DI Demo Text
33. Testing Demo Text
34. Thank you ! angularjs.org github.com/angular/angular-seed meetup.com/AngularJS-London