Angular JS Avancé

05 mars 2018

Type(s) :	P
Durée :	3 Jours – 21 Heures

Pré-requis

Avoir une bonne connaissance de JavaScript et d’avoir pratiqué AngularJS.

Objectifs

Comprendre en profondeur AngularJS 1.5+

Utiliser les Components et coder en prévision d’une migration vers Angular 2

Créer des directives, ngModelControlers et validateurs personnalisés.

Public concerné

Développeurs, architectes et chefs de projets techniques.

Profil du formateur

Formateur consultant, expert, pédagogue et certifié dans son domaine

Méthode pédagogique

La formation est constituée d’apports théoriques et d’exercices pratiques. Chaque stagiaire dispose d’un poste de travail et la gestion en petit groupe (jusqu’à 8 stagiaires) permet un suivi individualisé et adapté. Durant les sessions de formation, un support pédagogique est remis aux stagiaires.

Suivi, évaluation, sanction

Des tours de table permettent de suivre la progression du stagiaire au fur et à mesure de la formation. Un suivi de la formation est réalisé par une feuille de présence émargée par demi-journée par les stagiaires et le formateur. Un questionnaire de satisfaction et une validation des acquis sont complétés par chaque stagiaire en fin de formation.

Formation sans certification.

Plan du cours

Introduction à AngularJS

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 DirectiveLes 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

Les concepts ci-dessous pourront être détaillés en fonction des besoins ou des centres d'intérêt des particiapants :
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...)

Voir tout