Angular 2+ (Version 12)

 

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

 

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

  • 1. État des lieux du développement web
  • 2. Angular
  • 3. AngularJS vs Angular

Ma première application

  • 1. Introduction
  • 2. Le setup
  • 3. Mon premier composant
  • 4. Mon premier module
  • 5. Lancement de l'application

Fondamentaux d'Angular

  • 1. Introduction
  • 2. Les composants
  • 3. Les templates
  • 4. Les décorateurs
  • 5. Les pipes
  • 6. Les modules
  • 7. Observable et promise
  • 8. Préparer l'application pour la production

TypeScript

  • 1. JavaScript
  • 2. TypeScript
     

Angular CLI

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

Les composants

  • 1. Introduction
  • 2. Qu'est-ce qu'un composant ?
  • 3. Les inputs et outputs
  • 4. Interaction entre composants
  • 5. Les décorateurs @ViewChild et @ViewChildren
  • 6. Les composants Angular et la View Encapsulation

Les services

  • 1. Introduction
  • 2. Qu'est-ce qu'un service ?
  • 3. Déclarer son service
  • 4. Utiliser son service
  • 5. Rendre son service asynchrone
  • 6. Notifier lorsque les données changent

L'injection de dépendances

  • 1. Principe de base
  • 2. Injection de dépendances dans Angular
  • 3. Provider

Le requêtage HTTP

  • 1. Introduction
  • 2. Obtenir et envoyer des données
  • 3. Transformer des données
  • 4. Communiquer de manière sécurisée
  • 5. Simuler le requêtage HTTP

Les interactions utilisateur

  • 1. Qu’est-ce que l’event binding ?
  • 2. S’abonner à un événement
  • 3. Récupérer une entrée utilisateur

Les formulaires

  • 1. Les formulaires basés sur un template
  • 2. Créer un composant formulaire
  • 3. Les états et la validité d’un champ
  • 4. Soumettre le formulaire
  • 5. Les formulaires et les FormControls

Le routage

  • 1. Introduction
  • 2. Définir les routes d’une application
  • 3. Le rendu de composant
  • 4. Naviguer dans son application
  • 5. Récupération des données de routage
  • 6. Outlet nommé
  • 7. Resolver

Les directives

  • 1. Introduction
  • 2. Qu’est-ce qu’une directive ?
  • 3. Les directives d’attribut
  • 4. Les directives structurelles

Tester son application

  • 1. Introduction
  • 2. Les tests unitaires
  • 3. Les tests e2e

Le cross-platform avec Angular

  • 1. Apache Cordova
  • 2. Ionic 2

 

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 !