Formation AngularJS 2

Développer des applications riches avec AngularJS 2

sablier-violet  Durée : 3 jours

Référence : ANG 02

Réservez votre session

PARIS

10 Mai 2017

1450 € HT











Objectifs

Maitriser les caractéristiques du nouveau framework
Mettre en œuvre une architecture uni-directionnelle
Mesurer la qualité du code par les tests

Public

Développeurs et architectes web

Pré-requis

Pratique d’HTML, CSS et Javascript

Méthodes pédagogiques

50 % théorie/ 50 % pratique

Modalités d’évaluation

modalites_d_evaluation

Nos intervenants

nos_intervenants

Description

Angular passe en version 2. Plus qu’une simple évolution, c’est un nouveau framework qui nous est proposé.
Nouveau langage avec TypeScript, nouvelle syntaxe de vues, orientation web components, programmation réactive, flux unidirectionnel et architectures de type Flux sont les nouveaux concepts à appréhender. Les imperfections inhérentes à la première version ont disparues au profit d’une meilleure évolutivité et d’une meilleure performance.

Programme

Environnement et principes

•    Présentation générale, dépendances du framework
•    Mise en œuvre d’un environnement de développement autonome avec Webpack

 

TypeScript / ES6

•    L’objet : classes, constructeurs, variables et méthodes privées, publiques et statiques, héritage et super.
•    Typage de variable, interfaces, retours de fonctions
•    Fonctions, paramètres, affectations déstructurées
•    Maitriser this avec les arrow functions
•    Les annotations
•    Modules, import et export

 

Modules

•    Bootstrap de l’application principale
•    Organiser son application en modules
•    Stratégies de déclarations et instanciations

 

Components

•    Une hiérarchie de components
•    Paramètres de l’annotation @Component
•    Cycle de vie, détection du changement et hiérarchie

 

Vues / Syntaxe

•    Templates et template string, expressions
•    Input, output, input-output
•    Directives ngFor, ngIf, ngSwitch. ngClass, ngContent, ngStyle

 

Services et injection de dépendance

•    L’annotation Injectable
•    Providers, instanciation et injection des services, hiérarchie et portée

 

Flux unidirectionnel avec Redux

•    Gestion d’état de l’application, immutabilité des données et fonctions pures.
•    Composition du Store, connection, action creators, reducers, middlewares

 

Pipes

•    Pipes fournis (uppercase, lowercase, percent, currency, async…)
•    Créer ses Pipes

 

Router

•    Mode Html5 et base href
•    Configuration des routes, imbrication de routes
•    Directives du router
•    Navigation et manipulation d’url
•    Interception des changements de route

 

HTTP

•    Http, Response, Headers
•    Les méthodes et paramètres Http. (GET, POST, PUT, DELETE, JSONP)
•    Rappel sur les promises, gestion du résultat par Observable
•    Gestion des erreurs

 

Directives

•    Directives structurelles
•    Directives attributs

 

Formulaires

•    Directives de formulaires
•    Soumission, validation et gestion des erreurs
•    Groupes de contrôles, objet Control

 

Tests unitaires

•    Configuration karma
•    Jasmine / assertion
•    Stratégies de tests : component, directive, service, pipe
•    Mock des données, Spy des services
•    Gestion de l’asynchrone
•    Tester le router