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

Fermer X

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 8.

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

Mis à jour :

Réservez une place

Vous avez des questions ?

Contactez-nous pour réserver votre formation, ou poser vos questions sur nos formations :

  • 01 44 75 42 55
  • training@soat.fr
  • SOAT TRAINING - 87-89 quai de Panhard et Levassor- 75013 Paris

Formations liées

SOAT Training est labellisé OPQF et certifié Datadock. Nos formations combinent de nombreuses approches.

intermédiaire
Formation Xamarin | Développer application mobile
Technologies
Mobile
débutant
Formation Usine logicielle et intégration continue
DevOps
Culture
Outils
Technologies
Java
débutant
Formation Spring | Développer applications Java
Technologies
Java
Depuis plus de 15 ans, nous développons une expertise pointue et complète sur les technologies Java. Nos formateurs suivent de près les évolutions de cet écosystème. En fin pédagogues, ils vous transmettront leurs connaissances au travers des formations qu’ils animent