18, Avenue de l’Europe – Parc technologique du Canal

31520 Ramonville-Saint-Agne

05 61 32 99 49

Angular – Les fondamentaux

Référence F171808
Tarif présentiel ou distanciel 1500 €
Session ouverte A partir de 2 personnes
Intra-entreprise Nous consulter

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

Durée : 3 jours

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.

Méthodes et moyens pédagogiques : Formation réalisée en présentiel ou en distanciel (Choix à définir). Exposés, cas pratiques, synthèse. Matériel : 1 poste par stagiaire, vidéoprojecteur, tableau.

Support de cours fourni à chaque stagiaire.

Modalités de suivi et d’évaluation : Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires. Questionnaire d’évaluation de la satisfaction en fin de stage.  Feuille de présence émargée par demi-journée par les stagiaires et le formateur. Attestation de fin de formation.

Informations pratiques : Accessibilité , modalités et délais d’accès.

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)

 

Consulting

Vous cherchez un consultant sur Angular – Les fondamentaux ? Eisiform vous propose un expert agréé.

EN SAVOIR PLUS

DEMANDER UN DEVIS ÊTRE RAPPELÉ

Dates inter-entreprises

Toulouse

Top