Comprendre AngularJS
en 10 minutes
Le web : afficher des pages
Navigateur Serveur
HTTP (url)
HTML + CSS + JS
HTTP (url)
HTML + CSS + JS
De la page à l'application web
Navigateur Serveur
HTTP (url)
HTML + CSS + JS
Sessions
Mailing
Persistence
Web services
Navigation
Templating
Vues
etc
HTTP (url)
HTML + CSS + JS
Les applications web
Navigateur Serveur
HTTP (url)
HTML + CSS + JS
Sessions
Mailing
Persistence
Web services
etc
HTTP (url)
HTML + CSS + JS
Navigation
Templating
Vues
Les frameworks Javascript MVC
EmberJS
AngularJS
- Developpé par Google
- Maximiser la testabilité, la maintenance, la
réutilisabilité
Comprendre AngularJS
seulement 5 notions
routeur
controleur
service
filtre
directive
Démarrer un projet AngularJS
index.html
<html ng-app="myApp">
(...)
<script src="(...)/angular.js"></script>
</html>
Démarrer un projet AngularJS
index.html
<html ng-app="myApp">
(...)
<script src="(...)/angular.js"/>
<script src="(...)/app.js"/>
<script src="(...)/controllers.js">
<script src="(...)/services.js">
<script src="(...)/filters.js">
<script src="(...)/directives.js">
</html>
Comprendre AngularJS
le routeur
Comprendre AngularJS
le contrôleur
Comprendre AngularJS
le service
Comprendre AngularJS
le filtre
Comprendre AngularJS
la directive
Les avantages / inconvénients
+ intuitif
+ très facile de démarrer
+ très facile à tester
+ favorise la réutilisation des composants
+ très large communauté
- Pas le plus performant
- Ecrire des directives peut être difficile

comprendre angularJS en 10 minutes