Angular 11

CourseANGULAR11
Course
Introduction

Cette formation Angular offre aux développeurs Web une expérience précieuse pour la création d'applications Web performantes et "responsive" à l'aide du framework de Google Angular.

Objectifs
  • Coder en utilisant TypeScript
  • Explorer les meilleures pratiques de codage et d'architecture Angular 
  • Comprendre et utiliser les formulaires Angular, les observables, l’injection de dépendances et le routage
  • Récupérer, mettre à jour et supprimer des données à l'aide du service HTTP d'Angular
  • Tester unitairement toutes les parties d'une application Angular, y compris les modules, les composants, les services et les canaux
  • Créer et déployer une application Angular (Angular 11) à l'aide de la CLI Angular
  • Développer des éléments réutilisables (même en dehors d'applications Angular) en utilisant des éléments Angular
  • Développer des formulaires dynamiques basés sur des modèles qui sont plus faciles à tester
Connaissances préalables
  • Expérience du développement Web avec HTML et JavaScript / ECMASCRIPT
  • L'expérience de programmation orientée objet serait utile
Contenu du cours

Module 1: QuickStart

  • Leçon 1: Angular.js vs Angular
  • Leçon 2: Installation
  • Leçon 3: Configuration
  • Leçon 4: Architecture Angular


Module 2: ES6 & Typescript

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Configuration TypeScript
  • Leçon 3: let
  • Leçon 4: const
  • Leçon 5: Templates de String
  • Leçon 6: Fonctions flèche
  • Leçon 7: Destructuration
  • Leçon 8: For of
  • Leçon 9: Map & Set
  • Leçon 10: Promesses
  • Leçon 11: Classes et interfaces
  • Leçon 12: décorateurs
  • Leçon 13: Modules
  • Leçon 14: Types


Module 3: Interface de ligne de commande angulaire

  • Leçon 1: Vue d'ensemble et installation
  • Leçon 2: Utilisation


Module 4: Composants

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Architecture avec composants
  • Leçon 3: Modèles, styles et encapsulation de la vue
  • Leçon 4: Projection de contenu
  • Leçon 5: Crochets de cycle de vie
  • Leçon 6: Vue et contenu Enfants
  • Leçon 7: Emballage


Module 5: Directives intégrées

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Ngfor
  • Leçon 3: NGIF & NGSWITCH
  • Leçon 4: Ngstyle & NgClass
  • Leçon 5: NGnonbindable
  • Leçon 6: Directives structurelles


Module 6: Directives personnalisées

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Création d'une directive personnalisée
  • Leçon 3: Hostlistener & HostMinding
  • Leçon 4: Entrées et configuration
  • Leçon 5: Emballage


Module 7: Tuyaux

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Pipes intégrés
  • Leçon 3: Pipe Asynchrones
  • Leçon 4: Pipes personnalisés


Module 8: Formulaires

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Approche axée sur le modèle
  • Leçon 3: Validation de formulaire modélisée
  • Leçon 4: Soumission et réinitialisation
  • Leçon 5: Formulaires basés sur le modèle REACT
  • Leçon 6: Formulaires basés sur les templates


Module 9: Validateurs avancés

  • Leçon 1: Validateurs de formulaire personnalisé
  • Leçon 2: Validateurs de formulaire personnalisés configurables


Module 10: Injection de dépendance et prestataires

  • Leçon 1: Vue d'ensemble
  • Leçon 2: injecteurs
  • Leçon 3: Fournisseurs
  • Leçon 4: jetons
  • Leçon 5: Configuration de l'injection de dépendance en angulaire
  • Leçon 6: NGModule.ProvidersVS Composant.Providers VS Composant.ViewProviders


Module 11: Routage

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Configuration de l'itinéraire
  • Leçon 3: Navigation
  • Leçon 4: Routes paramétrées
  • Leçon 5: Routes imbriquées
  • Leçon 6: Gardes de routes
  • Leçon 7: Stratégies de routage


Module 12: Test de l'unité

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Jasmine & Karma
  • Leçon 3: Classes et Pipes
  • Leçon 4: Mocks & Spies
  • Leçon 5: lit d'essai angulaire
  • Leçon 6: Détection de changement
  • Leçon 7: Code asynchrone
  • Leçon 8: Injection de dépendance
  • Leçon 9: Composants
  • Leçon 10: Directives


Module 13: http

  • Leçon 1: Vue d'ensemble
  • Leçon 2: API HTTP CORE (Partie 1) Configuration
  • Leçon 3: API HTTP CORE (PARTIE 2) Utilisation
  • Leçon 4: http avec des promesses
  • Leçon 5: http avec observables (partie 1) - Observables de base
  • Leçon 6: http avec observables (partie 1) - Observables jusqu'au bout
  • Leçon 7: JSONP avec observables


Module 14: Programmation réactive avec RxJS (si le temps le permet)

  • Leçon 1: Vue d'ensemble
  • Leçon 2: Streams et programmation réactive
  • Leçon 3: Observables & RxJS
  • Leçon 4: rxjs et angulaire
  • Leçon 5: Emballage
Documentation
  • Matériel de cours inclus
Lab / Exercices
  • Des exercices de pratique seront proposés pendant et à la fin de chaque module.
Formation complémentaire

Compléter votre cursus en suivant les formations complémentaires suivantes :

Classe présentielle

  • ANGULAR11
  • 3 jours
  • Campus Genève / Lausanne
  • CHF 2'300.00

Autres formats

Sur-mesure

Classe virtuelle

  • 1 jour
  • CHF 2'300.00

Vous n'avez pas trouvé votre date ou votre lieux

Si vous avez des besoins spécifiques, nous organiserons une session adaptée.

Contactez-nous

Choisir une date