Durée :
5 jours
Ref :
B-WF-AR
Prix :
2750€ HT
Date des prochaines sessions
Session garantie à partir de 2 personnes.
21.2.22
-
25.2.22
Lyon / Nantes / A distance
13.6.22
-
17.6.22
Lyon / Nantes / A distance
Publics
Développeurs web, JavaScript et CSS
Pré-requis

Vous devez être familier avec les langages du web (HTML / JS > ES6 / CSS) et Node.js

Informations pratiques
  • THÉORIE : 30%
  • PRATIQUE : 70%
  • LIEUX : NANTES, LYON, À DISTANCE

Votre formateur
Consultant, Formateur JavaScript Web et Mobile avec une vision très opérationnelle, en tant que développeur expérimenté d’applications web.

Développer des applications web avec Angular

Vous trouverez ci-dessous le programme détaillé de la formation « Développer des applicationsweb avec Angular ». Cette formation de 5 jours vous permet d’acquérir tous les fondamentaux du développement d’applications web avec Angular.

Objectifs pédagogiques

  • Mettre en place des architectures solides. (NgRx, RxJs, … )
  • Développer une application Angular
  • Maîtriser le TypeScript
  • Créer des composants et gérer la communication entre composants
  • Réaliser des appels réseaux
  • Créer des formulaires et les mécanismes de validations
  • Mettre en place le router et naviguer entre les pages

Programme détaillé

Introduction générale

  • Présentation d'Angular 
  • Typescript : présentation du langage
  • Angular CLI : créer votre première application Angular 
  • Gestion des dépendances via NPM

Objectif opérationnel : Avoir une vision globale sur l’écosystème Angular/Front

Moyen d’évaluation : QCM

Notions de base

  • Présentation du Module Angular 
  • Les Composantes Angular
  • Databinding ”
  • Templating Angular 
  • Mise en pratique : Manipulations des syntaxes TypeScript, créations d’objets représentant un modèle de données

Objectif opérationnel : Se familiariser avec les composantes principales d’une application Angular

Moyen d’évaluation : QCM

Components et Databinding

  • Property et Event binding 
  • Cycle de vie d’un Component en action 
  • Utiliser @ViewChild pour avoir accès à la template
  • Mise en pratique : Créer des composantes et expérimenter le blinding

Objectif opérationnel : Créer des composantes et expérimenter le binding Angular

Moyen d’évaluation : QCM

Programmation réactive

  • Concepts de base 
  • RxJs et Angular
  • Manipulation des Observables 
  • Mise en pratique

Objectif opérationnel : Découvrir les concepts de la programmation réactive et mettre en pratique avec RxJs

Moyen d’évaluation : QCM

Services et injection de dépendances

  • Introduction aux services Angular 
  • Création de service 
  • Les scopes d’injection de services
  • Injection de service dans des composantes 
  • Mise en pratique

Objectif opérationnel : Savoir créer des services et comprendre l’injection de dépendances Angular

Moyen d’évaluation : QCM

Gestion des requêtes HTTP

  • Utilisation de HttpClientModule 
  • Utilisation des intercepteurs
  • Mise en pratique : Workflow d'authentification

Objectif opérationnel : Pouvoir manipuler les requêtes HTTP via les services Angular

Moyen d’évaluation : QCM

State management via NgRx

  • Concepts de base
  • Action, Effect, State et Reducer
  • Mise en place de NgRx

Objectif opérationnel : Mettre en place le pattern Redux pour une app Angular

Moyen d’évaluation : QCM

Navigation dans l’application via Angular Router

  • Concepts de base
  • Routes et routes hiérarchiques
  • Utilisation des Guards
  • Mise en pratique : protection des routes authentifiées

Objectif opérationnel : Mettre en place le pattern Redux pour une app Angular

Moyen d’évaluation : QCM

Gestion des formulaires

  • Concepts de base
  • Création/Validation de formulaires
  • Mise en pratique

Objectif opérationnel : Pouvoir créer et valider des formulaires sous Angular

Moyen d’évaluation : QCM

Mettre en place une stratégie de tests unitaires

  • Concepts de base
  • Utilisation de Karma/Jasmin pour les tests 
  • Mise en pratique : Tester les TPs précédents

Objectif opérationnel : Maîtriser les Tests Unitaires

Moyen d’évaluation : QCM