Informations pratiques
-
Laurent PICHET
-
20 rue des Frigos, 75013Voir le plan
-
3 jours
-
1 750€
Prochaines sessions :
Nombre de participants maximum : 10
- Comment s'inscrire ?
- Conditions générales de vente
- Réservez une place
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 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 évaluera les acquis tout au long de la formation en utilisant des exercices pratiques. Aussi, en fin de formation, il vous est demandé la mesure de votre satisfaction de la formation suivie. Celle-ci se déroule individuellement en ligne à l’aide de votre PC. Cette évaluation vous permet de nous communiquer votre avis sur l’organisation de la session, les conditions d’accueil, les objectifs pédagogiques, les méthodes pédagogiques, les moyens et supports utilisés ainsi que les qualités pédagogiques de votre formateur. Les appréciations que vous avez formulées font l’objet d’un enregistrement et d’une analyse qualitative de la formation et du formateur au regard des autres sessions réalisées. 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.