Angular 8
Référence: DEV38
Caractéristiques
S'inscrire à la formation
Formulaire d'inscriptionDate de la formation
Voir le calendrierLieu
Site de Metz :
JCD FORMATION
193 rue Metman
57070 METZ
03 87 37 97 70
Site de Pompey :
KAPEDIA
132 Rue Léonard de Vinci
54340 POMPEY
03 83 49 80 80
La formation est accessible à distance.
La formation est accessible aux personnes à mobilité réduite
et toute demande d’adaptation peut être étudiée en amont de la formation
en fonction du besoin des personnes. Nous contacter pour plus d’informations.
Public/Prérequis
Public : Développeurs Javascript
Prérequis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX
Méthodes et moyens pédagogiques
Pédagogie active, avec alternance de phases théoriques et d’exercices pratiques.
Ces derniers permettent une utilisation immédiate et quotidienne des outils proposés.
Validation
Attestation de stage
Profil intervenant
Formateur expert dans le domaine
Suivi et évaluation de l’action
Compte rendu de fin de formation et analyse interne.
Questionnaire « évaluation de la formation » rempli par le stagiaire.
Objectifs
Maîtriser les concepts du framework Angular – Utiliser Angular pour développer des applications web performantes
Vous pourriez être intéressé
Caractéristiques
S'inscrire à la formation
Formulaire d'inscriptionDate de la formation
Voir le calendrierLieu
Site de Metz :
JCD FORMATION
193 rue Metman
57070 METZ
03 87 37 97 70
Site de Pompey :
KAPEDIA
132 Rue Léonard de Vinci
54340 POMPEY
03 83 49 80 80
La formation est accessible à distance.
La formation est accessible aux personnes à mobilité réduite
et toute demande d’adaptation peut être étudiée en amont de la formation
en fonction du besoin des personnes. Nous contacter pour plus d’informations.
Public/Prérequis
Public : Développeurs Javascript
Prérequis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX
Méthodes et moyens pédagogiques
Pédagogie active, avec alternance de phases théoriques et d’exercices pratiques.
Ces derniers permettent une utilisation immédiate et quotidienne des outils proposés.
Validation
Attestation de stage
Profil intervenant
Formateur expert dans le domaine
Suivi et évaluation de l’action
Compte rendu de fin de formation et analyse interne.
Questionnaire « évaluation de la formation » rempli par le stagiaire.


Programme
Introduction
- 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
TypeScript
- Présentation de TypeScript
- Les types de variables de TS
- Le typage fort
- Les interfaces de classe
- 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 / MVW
- 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
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 query-strings, etc
- Limiter l’accès au route: Les guards
- Routes imbriquées
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és
- Les pipes pures et impures
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
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)
- Valider les formulaires (ngSubmit)
- Créer des validateurs personnalisés
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…
Le client HTTP
- Principe de communication asynchrone
- Fonctionnement des promesses et async/await
- Présentation 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
Déploiement
- Les commandes de compilation
- Les modes de compilation
- Les compilations AOT et JIT
- Gestion du base href
- Les règles de réécriture