Référence: 2002868F

/

Mise à jour le

Angular 8 : initiation

Dawan

Cet organisme a obtenu la marque « Qualiopi » pour ses actions de formation.

Cet organisme a obtenu la marque « Qualiopi » pour ses actions de formation par apprentissage.

Niveau de sortie : Sans niveau spécifique

Pour cette formation

1 session disponible

Consulter

Objectifs

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes

Programme


Introduction

Présentation de l'environnement de développement NodeJS
Présenation de la CLI Angular
Rappel des normes EcmaScript
Créer un projet Angular à l'aide d'angular CLI

Atelier : Configurer un projet Angular
TypeScript

Présentation de TypeScript
Les types de variables de TS
Le typage fort
Les interfaces de class
Présentation des décorateurs
Présentation

La Syntaxe de base d'Angular
L'organisation en Module et Composant
Les décorateurs Angular
Le MVVM / MWM
Le One Way et Two Way Data Binding
L'opérateur "moustache"
La gestion des Events et l'objet $event
Les NgModel
Les variables de template

Atelier : Réaliser une TodoList
Routage

Le Module de Routage
Déclarer les routes d'un projet
Gérer les redirections
La 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
Les pipes pures et impures

Atelier: Créer un pipe personnalisé
Les Directives

Différence entre directives d'attributs et structurelles
Les 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
Les Templates Driven Form et Reactive Form
Gérer la validations des champs et du formulaire
Présentation des états 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
Le 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

Les commandes de compilation
Les modes de compilation
Les compilations AOT et JIT
Gestion du base href
Les règles de réécriture

Atelier : Compiler un projet pour la publication

Certifications et métiers visés

Consulter le diplôme, titre ou certificat... délivrés en fin de formation ainsi que les métiers auxquels cette formation vous donne accès.

Résultats attendus

Attestation de fin de formation

1 session : Angular 8 : initiation

  • au

    Dawan

    Cet organisme a obtenu la marque « Qualiopi » pour ses actions de formation.

    Cet organisme a obtenu la marque « Qualiopi » pour ses actions de formation par apprentissage.

    • Commune : Lyon 3e (69)

    Formation professionnelle