presenté par @JbPionnier
Angular ?
Framework Javascript (80 Kb)
par Google
- Single Page Application
- Modèle Vue Contrôleur
- Modèle = simple object javascript
- Vue = HTML valide
- Contrôleur = fonction javascript
Déroulement
- Data Binding
- Dependency Injection
- Routing
- Directives
-
Form Validation
-
Testing
{ DEMO }
Services
- $http
- $location
- $cache
- $q
- ...
Filtres Angular
- currency
- number
- date
- lowercase
- uppercase
- limitTo
- filter
- orderBy
Directives
Etendre le langage HTML
Créer des composants réutilisables
- ng-show
- ng-repeat
- ng-class
directives
<ul class="nav-tabs">
<li class="active">
<a href="#">Primary tab</a>
</li>
<li>
<a href="#">Primary tab</a>
</li>
<li>
<a href="#">Primary tab</a>
</li>
</ul>
directives
<tabs>
<pane title="Primary tab" active>
<!-- contenu -->
</pane>
<pane title="Secondary tab">
<!-- contenu -->
</pane>
<pane title="some other tab">
<!-- contenu -->
</pane>
</tabs>
Pourquoi ?
- Élimination du code de manipulation du DOM
- Modularisation du code avec les modules et les services injectables
- Créer ses propres composants réutilisable grâce aux directives
- Facilement testable
- Bien documentée
Code & Slides
Code : https://github.com/jbpionnier/angular-beer
Slides : https://slid.es/jbpionnier/angular
Angular
By JbPionnier
Angular
- 2,094