Fiche Formation

Angular 4 / 5

Développer des applications riches avec Angular. Les nouveautés de Angular 5.

Objectifs

  • Maitriser les caractéristiques du nouveau framework
  • Mettre en œuvre une architecture par composants avec flux unidirectionnel 
  • 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

Description

Le passage d'Angular 1 à Angular 2 et les versions suivantes n'a pas été qu'une simple évolution, c’est un tout nouveau framework qui nous a été 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 disparu au profit d’une meilleure évolutivité et d’une meilleure performance.

Dans cette formation vous aborderez Angular 2 ainsi que les nouveautés de la version 5..

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
Retourner au catalogue des formations
Durée3 jours
LieuParis

Prochaines Sessions

21 novembre 2018
SOAT
1 850€

Auteur

Intervenant

Réserver une place
19 septembre 2018
Paris
1 850€

Auteur

Intervenant

Réserver une place

Informations Pratiques

file_download Télécharger la fiche

Vous avez des questions ?

N'hésitez pas à nous contacter pour réserver votre formation, ou si vous avez des questions sur nos formations :

  • call 01 44 75 42 55
  • print 01 44 75 42 55
  • mail_outline training@soat.fr
  • location_on SOAT TRAINING - 87-89 quai de Panhard et Levassor - 75013 Paris
link  Formulaire de contact

Réservez votre formation

contact

Par téléphone : 01 44 75 42 55

Par Fax : 01 44 75 05 25

Par mail : training@soat.fr

Par courrier : SOAT TRAINING - 87-89 quai de Panhard et Levassor - 75013 Paris

Ou directement en ligne