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 8

• 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

ATTESTATION

attestation de formation agrée par l’état sous le N° attestation de formation agrée par l’etat sous le N° 82-097-16