Formation Angular 7 mode projet

PROGRAMME DE LA FORMATION ANGULAR

JOUR 1 – INTRODUCTION

• ES6, le nouveau JavaScript

• ES6 et les modules

• TypeScript, le typage du JavaScript

LES BASES DU FRAMEWORK

• Comprendre la philosophie du framework

• Templating

• Angular CLI, un outil pour tout générer

• TP : Première application et outillage

LES NOUVEAUTÉS D’ANGULAR 6  & 7

• ng add / ng update  : configuration & migration automatique

• Build avec le compilateur Bazel

• Angular Elements

• Angular Material + CDK Components

• Animations Performance : au revoir polyfill

• Déclarer les services avec Dependency Injection : Tree Shakable Providers

• Progressive Web App (PWA)

• Versions : RxJS 6 & Support de TypeScript 2.7

COMPOSANT

• Web Components

• Décorateurs Angular

• Property binding, envoyer des données au composant

• Event binding, évènements personnalisés

• Cycle de vie

• TP : Premier composant

DIRECTIVES

• Directive : fonctionnement et création

• Les directives fournies par Angular

• Attribute directives

• Structural directives

• Directives complexes

• TP : Première directive

MODULES

• Déclarations d’un module: imports et exports

• Les providers d’un module

• Différents types de modules : bonnes et mauvaises pratiques

• TP : Création d’un module et factorisation d’une librairie externe

PIPES

• Les transformateurs fournis

• Formater une chaîne

• Formater des collections

• Utiliser un pipe comme un service

• TP : Créer ses propres pipes

JOUR 2 – SERVICES, COMMUNICATION INTERCOMPOSANTS

SERVICES

• Les services fournis

• Injection de service

• TP : Injecter les services fournis par Angular

INJECTION DE DÉPENDANCES (IOC)

• Principes

• Configurer son application

• L’injection de dépendances : type-based et hiérarchique

• Différents types de providers

• TP : Créer ses propres services

ROUTER

• RouterModule: Configuration des routes et URLs

• Définitions des routes, liens et redirection, paramètres

• Hiérarchies de routes

• Vues imbriquées

• Cycle de vie (Routing lifecycle)

• TP : Transformer une application Web en Single Page Application

JOUR 3 & 4 – REACTIVE PROGRAMMING, COMMUNICATION SERVEUR

OBSERVABLES

• Introduction à RxJS

• Le concept d’Observable

• Principales opérations sur les observables

• Lien avec les promesses

ÉCHANGER AVEC UN SERVEUR

• Requêtes HTTP

• Communication avec une API

• Afficher des données externes

• Afficher des données asynchrones avec AsyncPipe

• TP : Création d’une API REST de test

FORMULAIRE

• Créer un formulaire

• Template-driven forms

• ngModel

• Reactive forms

• Validation et erreurs

• Observateurs

• TP : Créer ses propres validateurs, envoyer une requête POST

PERFORMANCE

• Astuces, bonnes pratiques & outils

• Découverte des différentes stratégies de compilation

• TP : Tester la performance

CONCEPTS AVANCÉS

• Animations

• Injection de dépendances avancée (IoC)

• Requêtes HTTP vers une API REST