Durée :
5 jours (35h)
Ref :
B-WF-AR
Prix :
2750€ HT
Dates des prochaines sessions
Session garantie à partir de 2 personnes.
3.4.23
-
7.4.23
Centre de Nantes / Classe à Distance / Dans vos locaux
B-WF-AR-20230403
19.6.23
-
23.6.23
Centre de Nantes / Classe à Distance / Dans vos locaux
B-WF-AR-20230619
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 : CENTRE DE NANTES, CLASSE A DISTANCE, DANS VOS LOCAUX

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

Personnes en situation de handicap

Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d’organiser le déroulement de la formation dans les meilleures conditions possibles, contactez-nous. Un entretien avec notre référent.e handicap pourra être programmé afin d’identifier les besoins et aménagements nécessaires.