SlideShare une entreprise Scribd logo
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

Contenu connexe

PPTX
Le futur de AngularJS (2.0)
PPTX
jQuery vs AngularJS
PDF
Introduction au Framework AngularJs
PPTX
Retour d'experience projet AngularJS
PPTX
AngularJS - Présentation (french)
PPTX
Débuter avec Rails::API & AngularJS
PPTX
AngularJS
PDF
Angluars js
Le futur de AngularJS (2.0)
jQuery vs AngularJS
Introduction au Framework AngularJs
Retour d'experience projet AngularJS
AngularJS - Présentation (french)
Débuter avec Rails::API & AngularJS
AngularJS
Angluars js

Tendances (20)

PPTX
Angular JS - Paterne Gaye-Guingnido
PPTX
Hello AngularJS - Back to the future
PDF
Introduction à Angularjs
PDF
Intro à angular
PDF
AngularJS et autres techno frontend
PPTX
Introduction à AngularJS
PDF
Apéro techno node.js + AngularJS @Omnilog 2014
PPTX
Symfony with angular.pptx
PPTX
Angular 2
PPTX
Introduction à Angular
PDF
Présentation Angular 2
PDF
Google : Prise en charge de l'Ajax et de l'Angular JS
PPTX
SPA avec Angular et SignalR (FR)
PDF
Angular Framework présentation PPT LIGHT
PPTX
Introduction à Angular
PDF
Introduction à Angular 2
PDF
Geek Time Mai 2017 : Vue.js
PDF
Introduction à Angular 2
PDF
Support cours angular
PPTX
Angular Material Design
Angular JS - Paterne Gaye-Guingnido
Hello AngularJS - Back to the future
Introduction à Angularjs
Intro à angular
AngularJS et autres techno frontend
Introduction à AngularJS
Apéro techno node.js + AngularJS @Omnilog 2014
Symfony with angular.pptx
Angular 2
Introduction à Angular
Présentation Angular 2
Google : Prise en charge de l'Ajax et de l'Angular JS
SPA avec Angular et SignalR (FR)
Angular Framework présentation PPT LIGHT
Introduction à Angular
Introduction à Angular 2
Geek Time Mai 2017 : Vue.js
Introduction à Angular 2
Support cours angular
Angular Material Design
Publicité

En vedette (20)

PPTX
PPTX
Introduction à Angular JS
PDF
Résumé javascript
DOCX
Apache Open SSL
PPTX
ASFWS 2011 : Les exigences PCI-DSS en terme de développement logiciel
PPTX
Sécurité des applications Web
PDF
Les 10 principales menaces de sécurité des bases de données
PPTX
Les 5 risques les plus critiques des applications Web selon l'OWASP
PDF
Plan de reprise d’activité
PDF
Notions de base de JavaScript
PDF
Formation JavaScript full-stack (JS, jQuery, Node.js...)
PDF
ASFWS 2012 - Les utilités d’un pare-feu applicatif Web (WAF) par Jonathan Marcil
PPTX
Les principales failles de sécurité des applications Web actuelles
PDF
Cours JavaScript
PDF
PRA et PCA : plans de reprise et de continuité d'activité
PDF
Presentation des failles_de_securite
PPT
Proyecto NORMALIZACION 5IM2
ODP
Bd europe
PPTX
Services TI gérés
PPT
Cambios en la accion docente
Introduction à Angular JS
Résumé javascript
Apache Open SSL
ASFWS 2011 : Les exigences PCI-DSS en terme de développement logiciel
Sécurité des applications Web
Les 10 principales menaces de sécurité des bases de données
Les 5 risques les plus critiques des applications Web selon l'OWASP
Plan de reprise d’activité
Notions de base de JavaScript
Formation JavaScript full-stack (JS, jQuery, Node.js...)
ASFWS 2012 - Les utilités d’un pare-feu applicatif Web (WAF) par Jonathan Marcil
Les principales failles de sécurité des applications Web actuelles
Cours JavaScript
PRA et PCA : plans de reprise et de continuité d'activité
Presentation des failles_de_securite
Proyecto NORMALIZACION 5IM2
Bd europe
Services TI gérés
Cambios en la accion docente
Publicité

Similaire à comprendre angularJS en 10 minutes (18)

PPTX
Angular retro
PDF
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
PDF
Angular : Un aperçu du framework de développement d’applications Web
PDF
Angular.pdf
PPTX
Ionic, AngularJS,Cordova,NodeJS,Sass
PDF
Angular développer des applications .pdf
PDF
Partie 2: Angular
PDF
cours3-FR_poly.pdf formation POO en javascript
ODP
Initiation To AngularJS
PPTX
Comment réussir son projet en Angular 1.5 ?
PDF
Cours 1 introduction
PDF
Meet up sqli lyon 09-2015 - Angular
PDF
Framework JavaScript Web - Brief techno
PDF
Angular 11
PPTX
Comment créer une application Angular performante ?
PDF
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...
PDF
web-avance-jssvghjjjjjjkkkkhjjjjjkrtyujj
Angular retro
ENIB 2013-2014 - CAI Web #1: Côté navigateur 3/3
Angular : Un aperçu du framework de développement d’applications Web
Angular.pdf
Ionic, AngularJS,Cordova,NodeJS,Sass
Angular développer des applications .pdf
Partie 2: Angular
cours3-FR_poly.pdf formation POO en javascript
Initiation To AngularJS
Comment réussir son projet en Angular 1.5 ?
Cours 1 introduction
Meet up sqli lyon 09-2015 - Angular
Framework JavaScript Web - Brief techno
Angular 11
Comment créer une application Angular performante ?
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...
web-avance-jssvghjjjjjjkkkkhjjjjjkrtyujj

comprendre angularJS en 10 minutes