際際滷

際際滷Share a Scribd company logo
@ahmehri
Ahmed Elmehri
Initiation to AngularJS
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
Integration w/ other frameworks
Good integration
3
Functional Components
Directive
ServicesMVC
4
MVC and AngularJS
Conventional (OLD) Web Frameworks
server-side rendering
6
Pros and Cons
Sufficient work on server side maintenance issues
7
The Old Way
8
Modern Web Frameworks
client-side rendering
9
Mobile the Future of Everything
2014
Developers MUST plan for the future now
10
A New and Better Way
11
A New and Better Way
Display logic
Better UX
12
MVC Components
Controller Naming Convention
Start w/ capital letter myController MyController
MyController
correct
MyCtrl
so common -> better!
Singular
MyCtrls MyControllersPlural
14
Controller and Directives
Directive
ng-controller
15
Controller and Services
Business Logic != Business Logic
non-REST
service
Business
Logic
Business Logic
Business
Logic
Front End
16
Model
should create Model classes
should create Model classes
store application model$scope
DOM
17
View
View aka Partial
AngularJS built-in template language{{}}
evaluates to
18
Example
19
Ressources
 Learn Angluar in your browser for free - http:
//angular.codeschool.com/ MUST TRY
 Official website: https://angularjs.org/
 Learning AngularJS by Ken Williamson
(OReilly). Copyright 2015 Ken Williamson,
978-1-491-91675-9
20
Thank You
@ahmehri
Ahmed Elmehri
#angularJS-initiation

More Related Content

Initiation to AngularJS