Formation Angular | Développer des applications avec Angular

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