Formation

Angular 8

Référence: DEV38

3
Jours
21
Heures
1380
Euros (HT)

Caractéristiques

S'inscrire à la formation

Formulaire d'inscription

Date de la formation

Voir le calendrier

Lieu

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

Formation accessible à distance La formation est accessible à distance.

Logo personne à mobilité réduites 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'inscription

Date de la formation

Voir le calendrier

Lieu

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

Formation accessible à distance La formation est accessible à distance.

Logo personne à mobilité réduites 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.

Logo Qualiopi

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