Formation Angular Avancé

IMPORTANT. Cette formation porte au minimum sur Angular 5.2.7 du 28/02/2018.

Cette formation reprend là où notre formation Angular Fondamentaux s’arrête, en approfondissant les savoir-faire sur les aspects fondamentaux du framework, et en abordant des problématiques plus pointues comme l’authentification ou les usages avancés des observables (RxJS).

De ce fait, cette formation s’adresse aux développeurs qui ont déjà un bon niveau sur Angular.

Quatre bonnes raisons de choisir AngularChef

Replay

Un point ne vous paraît pas clair ? Vous avez raté une explication ? Accédez à l'intégralité de la formation en replay : de courtes séquences vidéo reprennent tous les points abordés par le formateur. Regardez-les quand vous le souhaitez, à votre rythme.

Codez tout de A à Z

Codez une application complète, utilisant toutes les techniques présentées en formation. Partez d'un socle minimal, enrichissez-le au fil des TP truffés de fonctionnalités répandues et facilement réutilisables dans vos propres projets, et terminez en déployant le fruit de votre travail sur le web.

Toujours à jour

Les technologies présentées dans nos formations évoluent constamment, et nos supports de cours et exercices également. Nous sommes toujours en veille pour mettre à jour et améliorer nos contenus dès que de nouvelles versions sortent, ou que de nouvelles bonnes pratiques sont découvertes par la communauté.

Quizzes collectifs

En plus des séquences théoriques et des travaux pratiques, nos formations sont ponctuées de quizzes permettant d'évaluer vos connaissances préalables ou ce que vous avez retenu d'un concept. Ces quizzes se font collectivement en un temps limité, un peu comme dans un jeu TV. C'est ludique, stimulant, et cela permet de renforcer vos acquis.

Public & Pré-requis

Cette formation s’adresse aux développeurs qui connaissent déjà Angular.

Il n’est pas nécessaire d’être senior, mais vous devez maîtriser la plupart des concepts présentés dans notre formation Angular Fondamentaux.

Inscription & Infos pratiques

Prochaines sessions & tarifs :

Dates Lieu Tarif * Places restantes Inscription

* Si vous inscrivez plus d'un participant, chaque participant au-delà du premier bénéficie d'une réduction de 100€HT. Exemple : Pour une formation qui coûte 1.000€HT, le premier participant paie 1.000€HT et les suivants 900€HT chacun. Si vous inscrivez 3 participants ou plus, il peut être plus intéressant financièrement d'organiser une formation INTRA (dans vos locaux).

Durée : 2 jours, de 9h à 17h30 chaque jour (soit 14 heures).

Adresse : Domaine des Entrepreneurs, 75 rue de Richelieu, 75002 Paris (voir le plan).

Formateur : Vincent Caillierez.

Inscription : Cliquez le bouton "Inscription" pour vous PRÉ-INSCRIRE à la session qui vous intéresse. Vous recevrez par retour une convention de formation simplifiée. Pour confirmer votre inscription, il faudra nous renvoyer cette convention signée.

Prise en charge CPF/DIF : Notre société est déclarée en tant qu'organisme de formation. Vous pouvez donc faire une demande de financement de votre formation auprès de l'organisme habilité. Pour obtenir tous les renseignements nécessaires à votre demande, préinscrivez-vous en cliquant sur "Inscription".

Matériel : Chaque participant doit amener son propre ordinateur portable sur lequel réaliser les exercices. Vous êtes libre d'utiliser l'OS et l'IDE de votre choix. (Des instructions détaillées sur les prérequis logiciels sont envoyées aux participants avant la formation, mais en gros il faut Node.js et npm sur sa machine, et pour l'IDE Visual Studio Code et WebStorm sont des choix assez populaires.)

Programme

Stack technique utilisé pendant la formation : Node.js et npm, Angular 5.2.7 ou +, Angular CLI 1.6.7 ou +, Bootstrap 4.0.0 ou +.

TypeScript avancé

  • Travailler avec des librairies JS tierce-partie (fichiers de déclaration .d.ts)
  • Types complexes : jointures de type, keyof, interfaces partielles
  • Comprendre et utiliser les génériques
  • Comprendre et utiliser les “type guards” (contrôles de type)
  • Comprendre la différence entre le côté statique et le côté instance d’une classe

Composants avancés

  • Créer une librairie de composants réutilisables
  • Créer des composants dynamiquement (ex : créer un CMS Angular, où le template du composant est fourni par le backend, et n’est pas stocké en dur dans le code)
  • Wrapper un widget Bootstrap dans un composant
  • Manipuler le DOM des composants programmatiquement

Formulaires avancés

  • Générer un formulaire dynamiquement
  • Champs répétés
  • Validateurs custom asynchrones (ex : tester qu’un nom d’utilisateur n’est pas déjà pris)
  • Validateurs custom conditionnels (champB à valider en fonction de valeur de champA)

Routeur avancé

  • Les gardes de route (resolve, canActivate, canDeactivate).
  • canActivate : Bloquer l’affichage de la page tant qu’une donnée n’est pas disponible (par ex, l’utilisateur courant).
  • canDeactivate : Empêcher l’utilisateur de quitter la page tant que ses changements ne sont pas sauvegardés.

RxJS et ngrx

  • Vue d’ensemble des patterns d’asynchronicité en JS : Promise, Observable, et await async
  • Comprendre les différents types d’observables et les cas d’utilisation pour chaque (Observable, Subject, ReplaySubject…)
  • Utiliser ngrx/store pour gérer l’état de l’application
  • Comprendre les actions (action types, action payloads) et les reducers
  • Utiliser plusieurs reducers ensemble
  • Déclencher des “effets de bord” (ex : sauvegarde backend) avec ngrx

Authentification

  • Différents patterns d’authentification (cookie, localStorage, JSON Web Token)
  • Comment utiliser plusieurs backends d’authentification : custom (node.js), Google, Facebook, AWS, Auth0