Angular 2+ (Version 15)

 

Angular 2+ comporte de nombreuses évolutions qui ne visent qu'un seul but : développer plus rapidement des applications web de qualité. Cette formation vous permettra de découvrir les différents Frameworks de concention et solutions d'industrialisation du Front End (Angular, ReactJS...).

 

 

Objectifs pédagogiques

 

A l'issue de cette formation, le participant sera en mesure de :

  • Savoir créer une SPA avec Angular​
  • Savoir développer les différents éléments d’une application Angular​
  • Comprendre comment manipuler les événements et opération asynchrones​
  • Savoir tester une application Angular

 

 

Audience

 

  • Développeurs
  • Leader Techniques
  • Chefs de projets Web

 

Vous souhaitez vous former et vous êtes en situation de handicap ou une personne de votre équipe est concernée ? Vous pouvez contacter notre référente handicap, Julie DEL NIBBIO pour lui poser les questions nécessaires, échanger et adapter la formation à vos besoins ou ceux de vos collaborateurs : formation@expaceo.com et/ou 01.80.87.54.00

 

Pré-requis

  • Bonnes connaissances du HTML
  • Connaissances de base en programmation et typescript

 

Nombre de participants minimum : 3

Nombre de participants maximum : 12

 

Durée
3 jours (21 heures)
Tarif par participant
1700.00
Plan détaillé

Introduction

  • ES2022, le nouveau JavaScript ES2022 et les modules TypeScript : le typage du JavaScript

Les bases d’Angular​

  • Comprendre la philosophie du framework Templating Angular CLI, un outil pour tout générer TP : Première application et outillage

Angular Cli

  • Introduction
  • Qu'est-ce qu’Angular CLI ?
  • Configurer un projet Angular CLI
  • Compilation Ahead-Of-Time (AOT)

 

Composants et Directives​

  • Web Components Décorateurs Angular Property binding, lire des données depuis le composant Event binding, évènements personnalisés Cycle de vie TP : Premier composant
  • Directive : fonctionnement et création Les directives fournies par Angular Attribute directives Structural directives Directives complexes TP : Première directive

Services​

  • Directive : fonctionnement et création Les directives fournies par Angular Attribute directives Structural directives Directives complexes TP : Première directive

Routing​

  • RouterModule: Configuration des routes et URLs Définitions des routes, liens et redirection, paramètres Hiérarchies de routes Vues imbriquées Cycle de vie (Routing lifecycle)TP : Transformer une application Web en Single Page Application

RxJs​

  • Introduction à RxJS Le concept d’Observable Les principaux opérateurs Lien avec les promesses TP : premier pas avec RXJS

Formulaires​

  • Créer un formulaire Template-driven forms ngModel Reactive forms Validation et erreurs Observateurs TP : Créer ses propres validateurs, envoyer une requête POST

Test Unitaires​

  • Introduction
  • Les tests unitaires
  • Les tests e2e

Aller plus loin​

Modalités pédagogiques

Réalisation en inter en présentiel dans nos locaux ou à distance

  • 1 poste de travail par stagiaire
  • Remise d'une documentation pédagogique papier ou numérique pendant la formation
  • 50% de théorie sous forme d'un power point, de réflexions et de retours d'expérience et 50% de pratique sous forme d'ateliers
  • Pour toute demande de formation en intra-entreprise, merci de prendre contact directement auprès de formation@expaceo.com

 

Modalités d'évaluation

  • Evaluation des acquis par une auto-évaluation des stagiaires
  • Remise d'une attestation de fin de stage à chaque stagiaires

 

Formateurs
Jérémie LOSCOS
Avis clients

18/20


Le rythme était bon. Les explications étaient claires et les exercices intéressants. On a pu voir un bon nombre de concepts de base d'Angular, donc c'est super !

Formation instructive et très claire, les TP aident beaucoup à "valider" ce qu'il vient d'être expliqué. Merci !