Programme de la formation Angular 8 en Tunisie

Chapitre 1 – Introduction

• ES6, le nouveau JavaScript
• ES6 et les modules
• TypeScript 3, 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, 7, 6 et 5

• 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 3.1
• Ivy

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
  Services
• Les services fournis
• Injection de service
• TP : Injecter les services fournis par Angular

Chapitre 2 – Services, communication intercomposants

Injection de dépendances (IOC)

• Principes
• Configurer son application
• ’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

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