Informations pratiques
-
Julien MOUCHY
-
3 rue de Tolbiac, 75013Voir le plan
-
3 jours
-
1 850 €
Prochaines sessions :
Nombre de participants maximum : 10
- Comment s'inscrire ?
- Conditions générales de vente
- Réservez une place
- Télécharger
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
Est-il encore pertinent d’apprendre Angular aujourd’hui ? Face à la popularité croissante d’autres solutions open source comme React, VueJS ou Svelte, la question est régulièrement posée. Et invariablement, la réponse reste oui. Performance sans cesse améliorée, outils de test et de développement, programmation réactive, typescript, solutions intégrées de formulaires et de routing, adaptation facile en PWA ou Server Side Rendering, communauté active, solution solide et éprouvée… Les arguments ne manquent pas.
Dans cette formation Angular vous aborderez la philosophie et l’environnement d’Angular et apprendrez à utiliser ses briques fondamentales pour construire une application sérieuse, fiable et enterprise ready.
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
Évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de quizz, mises en situation, travaux pratiques… En fin de formation, il est également demandé aux participants de mesurer leur satisfaction vis-à-vis de de la formation suivie. SOAT Training dispose d’un processus qualité qui prend en considération les éventuels dysfonctionnements rencontrés par les participants afin d’être proactif quant à la solution corrective adaptée tant sur le contenu de la formation elle-même que les conditions de son déroulement.