Référence: 2002868F

/

Mise à jour le

Angular - 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

2 sessions disponibles

Consulter

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

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
 

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

2 sessions : Angular - 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.

    • Distanciel

    Formation professionnelle

  • 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