Nous contacter

ANGULAR 4 AVANCE

3 jours (21 heures)
Objectifs : Comprendre en profondeur Angular
Utiliser les Components et coder en prévision d'une migration vers Angular
Créer des directives, ngModelControlers et validateurs personnalisés
Prochaines sessions : 19-21/06   28-30/08   06-08/11   18-20/12   
Public : Développeurs JavaScript
Pré-requis : Bonne connaissance de Javascript, avoir pratiqué AngularJS
Moyens pédagogiques : Formation présentielle, exposés, cas pratiques, synthèse, assistance post-formation. 1 poste par stagiaire, vidéoprojecteur, support de cours fourni à chaque stagiaire.
Programme :

Introduction

Historique
La Single Page Application
Les limites de jQuery

Architecture Angular

Le MVC avec Angular
La View et son interpreter
Les directives
Le controller
Les services

MVC

Le template
Les directives offertes par le framework
Gestion des événements
Le Design Pattern Observer
$watch et compagnie

Les directives

Définition d'une Directive
Les attributs d'une directive
Les directives fournies
Les bonnes pratiques de John Papa
Les components
Isolation du scope
Le controller
Les scopes

Les formulaires

Double data-binding
Le dot et ses problèmes
Validation
ngModel et ngModelController
Validation avancée du formulaire

L'accès au serveur et le travail asynchrone

Ajax et asynchrone
Le service $http
Les Promises en détail

Les Services

Création d'un service
Services et Providers
Architecture en couches
Injection de dépendance

Les filtres

Les differents filtres
Le filtre 'filter' en détail
Créer ses filtres

Tester son Application

Pourquoi ? Quand l'éviter.
Jasmine et les Tests de comportements
Tests unitaires avec Karma
Tests fonctionnels avec Protractor

Autres concepts avancés (à détailler au choix)

Sur la route d'Angular 2 (components...)
Les outils : Webpack, npm, gulp...
Utilisation de Sass avec Webpack et 'require()'
TypeScript ou EcmaScript 2015 avec Babel
Le routing et UIRouter
Rest avancé avec $resource ou RestAngular
Angular sur mobile avec Ionic Framework
La concurrence (React, Backbone, Ember, CycleJS, Elm ...)

BUREAUTIQUE