Informations pratiques

• Laurent PICHET
• 20 rue des Frigos, 75013

  Voir 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

Fermer X

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.