Initiation to AngularJS

An initiation to the JS MVC framework AngularJS.

Transcript

1. @ahmehri Ahmed Elmehri Initiation to AngularJS
2. 1.0 vs 2.0 … which version to choose? 1.0 2.0 version to use stable developer preview complex major update complex major update whole rewrite! initial version 2.0 2.0 1.0 2 AngularJS 1.0 angularjs.org Angular 2 angular.io
3. Integration w/ other frameworks Good integration 3
4. Functional Components Directive Services MVC 4
5. MVC and AngularJS
6. Conventional (OLD) Web Frameworks server-side rendering 6
7. Pros and Cons Sufficient work on server side maintenance issues 7
8. The Old Way 8
9. Modern Web Frameworks client-side rendering 9
10. Mobile the Future of Everything 2014 Developers MUST plan for the future now 10
11. A New and Better Way 11
12. A New and Better Way Display logic Better UX 12
13. MVC Components
14. Controller Naming Convention Start w/ capital letter myController MyController MyController correct MyCtrl so common -> better! Singular MyCtrls MyControllers Plural 14
15. Controller and Directives Directive ng-controller 15
16. Controller and Services Business Logic != Business Logic non-REST service Business Logic Business Logic Business Logic Front End 16
17. Model should create Model classes should create Model classes store application model $scope DOM 17
18. View View aka Partial AngularJS built-in template language {{}} evaluates to 18
19. Example 19
20. Ressources • Learn Angluar in your browser for free - http: //angular.codeschool.com/ MUST TRY • Official website: https://angularjs.org/ • Learning AngularJS by Ken Williamson (O’Reilly). Copyright 2015 Ken Williamson, 978-1-491-91675-9 20
21. Thank You @ahmehri Ahmed Elmehri #angularJS-initiation