Informations pratiques

• Julien MOUCHY
• 3 rue de Tolbiac, 75013

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

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