- Maîtriser les concepts du framework Angular
- Utiliser Angular pour développer des applications web performantes
- Présentation de l'environnement de développement NodeJS
- Présentation de la CLI Angular
- Rappel des normes EcmaScript
- Créer un projet Angular à l'aide d'angular CLI
Atelier Configurer un projet Angular TypeScript
- TypeScript
- Types de variables de TS
- Typage fort
- Interfaces de class
- Décorateurs
- Syntaxe de base d'Angular
- L'organisation en Module et Composant
- Les décorateurs Angular
- MVVM / MWM
- One Way et Two Way Data Binding
- Opérateur "moustache"
- Gestion des Events et l'objet $event
- NgModel
- Variables de template
Atelier Réaliser une TodoList Routage
- Module de Routage
- Déclarer les routes d'un projet
- Gérer les redirections
- Route par défaut
- Récupérer les paramètres d'url, les queryStrings, etc
- Limiter l'accès au route: Les guards
- Routes imbriquées
Atelier Mettre en place une application multi-vues Les pipes
- Présentation des pipes «|»
- Utiliser le safeOperator «?.»
- Importer des locales dans notre projet
- Définir une locales par default
- Utiliser les locales avec les filtres
- Créer des pipes personnalisées
- Pipes pures et impures
Atelier Créer un pipe personnalisé Les Directives
- Différence entre directives d'attributs et structurelles
- Directives ngFor, ngIf, ngSwitch, ngClass, ngStyle
- Utiliser les attributs ARIA (directive attr.*)
- Créer une directive personnalisée
- Transmettre des valeurs à une directive (@input)
- Gérer les événements dans une directive
Atelier Créer une directive personnalisé Les Formulaires
- Présentation des formulaires
- Templates Driven Form et Reactive Form
- Gérer la validations des champs et du formulaire
- Etats d'un formulaire (ngControl)
- Validation des formulaires (ngSubmit)
- Création de validateur personnalisé
Atelier Gestion des entrées utilisateurs Injection de dépendances
- Principes de DI
- Configurer l'injecteur
- Enregistrer des services dans un composant
- Création de l'injecteur
- Différents types de service: classe, valeur, fabrique...
Atelier : Architecturer notre application sous forme d'une organisation de services Le client HTTP
- Principe de communication asynchrone
- Fonctionnement des promesses et async/await
- Présenatation des Observables RxJS
- Module HttpClientModule
- Communiquer avec une API REST (http.get, http.post, etc)
- Appliquer des fonctions de callback
- Gestion des erreurs
- Typage les données retournées
Atelier : Mettre en place un client d'API ReST
Déployement
- Commandes de compilation
- Modes de compilation
- Compilations AOT et JIT
- Gestion du base href
- Règles de réécriture
Atelier : Compiler un projet pour la publication
Attestation de formation
Non certificiante
Sans niveau spécifique
