Angular - Initiation

Objectifs

• 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

Programme de la formation

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

 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique