Angular

• Consultants
• Développeurs
• Leaders techniques

Avoir suivi le cours JavaScript et avoir mis en pratique les concepts enseignés

• Développer des applications avec le framework Angular
• Comprendre l’architecture d’Angular
• Assimiler les nouveautés d’ES6+
• Découvrir et mettre en oeuvre TypeScript

Présentation

• Positionnement d’Angular
• Angular vs AngularJS
• Rôles de TypeScript et ES6+
• Aperçu de l’architecture
• Présentation d’Angular CLI
• Découverte d’un exemple minimal
• La phase de démarrage

Outillage

• Déboguer dans le navigateur
• IDE (Visual Studio Code)

TypeScript et ES6

• Transpilation
• Let et const
• Template strings
• Typage
• Interfaces et classes
• Les modules
• Arrow functions
• Opérateurs spéciaux
• Décorateurs

Introduction à RxJS

• Principes
• La librairie RxJS
• La notion de flux
• Les " Observable "
• Quelles utilisations dans Angular?

Les composants

• La notion centrale d’Angular
• Imbrication des composants
• Structure d’une application
• Structure d’un composant
• Template et styles
• Cycle de vie des composants
• Content projection

API "Signals"

• Kezako?
• Un exemple pour comprendre

Les templates

• Template et DOM
• Binding et interpolation
• Expressions et pipes
• Binding d’événements
• Les directives d’attribut
• Les directives de structure
• "Control flow"
• Binding entre composants

Injection de dépendances

• Principes
• Les services et @Injectable
• Injectors et providers
• Les types de providers
• Token et @Inject
• Cycle de vie et injection

Routage

• Importance du routage
• RouterOutlets
• Initialisation du Router
• Définition des Routes
• Naviguer vers une route
• Sous-routes
• Routes paramétrées

Appels HTTP

• HttpClient
• Envoi de requêtes
• Gestion des réponses
• Gestion des erreurs

Formulaires

• Structure d’un formulaire
• Formulaires par template
• Binding
• Validation
• Gestion des styles
• FormGroup
• Formulaires réactifs
• FormControl, FormGroup et FormBuilder
• Typage
• Gestion des modifications
• Template
• Observable

Annexes

• Liens divers
• Projets complémentaires
• Mise à jour de la CLI

Certificat de réalisation

En distanciel via Microsoft Teams, ou en présentiel dans nos locaux à Windhof ou Paris