12 Rue de l’Europe

31850 Montrabé

05 34 48 92 23

Angular – Les fondamentaux

Action Collective Fafiec : Si vous êtes une entreprise cotisant au FAFIEC, vos salariés peuvent bénéficier d’une prise en charge à 100% du coût de cette formation dans la limite des fonds disponibles.

Durée : 3 jours

Public concerné : Développeurs Javascript, architectes et chefs de projets web.

Pré-requis : Bonne connaissance de Javascript, pratique du développement web.

Objectif : Concevoir une Single Page Application, être productif avec Angular, s’intégrer avec d’autres bibliothèques Javascript, éviter les pièges pour garder un code structuré et maintenable.

Contenu de formation :

Rappel optionnel : ES6 et Typescript

Qu’est-ce qu’Angular ?

Vue d’ensemble de l’architecture :

  • Modules
  • Composants
  • Templates
  • Metadonnées
  • Data Binding – Liaison de données dynamique
  • Directives
  • Services
  • Injection de dépendance

Introduction en pratique :

  • Création d’une mini-application
  • ng-cli l’outil ad-hoc en ligne de commande
  • Les décorateurs Typescript
  • Equivalence avec Javascript

Organisation des composants

Syntaxe des templates :

  • Interpolation
  • Liaison de propriétés
  • Liaison d’événements
  • Variables locales
  • Directives structurelles ngIf, ngFor, ngSwitch…

Communication inter-composants :

  • Entrées
  • Sorties
  • Alternatives avancées

Les formulaires :

  • Pilotés par template
  • Pilotés par le code

Injection de dépendances et services :

  • Injecter un service
  • Fournir un service
  • Partager un service
  • Configuration du moteur de DI

Directives :

  • Les directives fournies par Angular
  • Ecrire une directive

Pipes :

  • Les pipes fournies par Angular
  • Ecrire son pipe

Tester son code :

  • Tests unitaires
  • Tests d’intégration

Inclusion de bibliothèques externes

Http :

  • Utilisation du module Http
  • Bouchonnage

Routeur

Utilisation avancée :

  • Style d’encapsulation CSS
  • Cycle de vie et hooks
  • Zones
  • Animations
  • Transclusion
  • Fonctionnement interne du data-binding
  • Création d’un composant de façon programmatique
  • Rendu côté serveur avec Angular Universal
  • Compilation statique de l’application’ (AOT)

 

DEMANDER UN DEVIS ÊTRE RAPPELÉ

Dates inter-entreprises

Top