In the context of a new from scratch project where new technologies will be used including AngularJS, this presentation had the objective of initiating this JavaScript Web framework to the development team.

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 updatecomplex major update whole rewrite!initial version
2.02.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
ServicesMVC
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 MyControllersPlural
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