Formation au framework Angular

Angular est un framework JavaScript développé par Google, sorti en version finale en juin 2012, et qui connaît un succès fulgurant. Il permet de réaliser facilement la partie cliente d'une application web de type RIA.

Particulièrement adapté pour les applications web modernes mono-page (Single Page Application, ou SPA), il fournit dans une structure cohérente l'ensemble des outils nécessaires au développement de ce genre d'application : système de templates déclaratifs avec data-binding bidirectionnel, services et injection de dépendances, tests automatisés (unitaires et fonctionnels), création de composants...

Cette formation est la première formation Angular en France :

  • par son ancienneté - et elle est régulièrement mise à jour
  • par le niveau technique du formateur, qui est un vrai spécialiste du sujet, et a été nommé Google Developer Expert en 2014 sur Angular
  • par le nombre de sessions réalisées - environ 150 sessions à ce jour, pour des entreprises de toutes tailles, des PME au CAC40

Sessions intra entreprise

Si vous souhaitez former tout un groupe de développeurs ou architectes techniques de votre entreprise, le mieux est d'organiser une session chez vous. A partir de 3 participants, c'est l'option la plus rentable, et aussi la plus pratique.

Les sessions peuvent être organisées dans toute la France, ou à l'étranger pour un public francophone (Belgique, Suisse, Luxembourg, etc.). L'effectif en intra entreprise est limité à 7 participants par session, qui connaissent déjà le développement web.

Prévoyez un délai d'environ un mois pour la disponibilité du formateur.

Contenu Durée Tarif pour le groupe
Angular (dernière version, avec TypeScript) 5 jours 6000 € HT + frais de déplacement

Il faut ajouter les frais de déplacement du formateur depuis Lunel (34).

Pour toute demande d'information, merci d'envoyer un mail à tchatel@methotic.com

Environ 150 sessions en intra entreprise réalisées à ce jour, à Montpellier, Sochaux, Genève, Lille, La Rochelle, Bruxelles, Paris, Luxembourg, Saint-Etienne, Nîmes, Saint-Denis, Lyon, Tours, Roubaix, Aix-en-Provence, Bordeaux, Nantes, Valence, Toulouse, Limoges, Tours, Grenoble, Pau, Angers, Vannes, Marseille, Bruxelles, Luxembourg, Tunis, etc.

Formalités administratives

Les session intra entreprise sont organisée chez vous. Vous recevrez un devis et une convention de formation professionnelle continue avec le programme de la formation, pour faire valider la prise en charge par votre OPCA.

Numéro de déclaration d'activité de l'organisme de formation : 91-34-04871-34, auprès de la préfecture de la région Languedoc-Roussillon.

La formation Angular (dernière version)

Aucun slide, 100 % de pratique, en effectif réduit.

Contenu de la formation

TypeScript
  • Modules
  • Block scope avec let et const
  • Classes et interfaces
  • Typage optionnel
  • Arrow functions, sans impact sur la valeur de this
  • Déstructuration
  • Template strings
  • Boucle for-of
  • Paramètres : valeurs par défaut, rest, spread
  • Décorateurs
Présentation d'Angular
  • Les concepts du framework, ses usages
  • L'outillage pour le développement et le packaging d'une application Angular
  • Le découpage d'une application en modules (introduction aux modules)
Composants
  • Syntaxe des templates, différents types de bindings et de directives
  • Classe du composant, constructeurs, données et fonctions
  • Component lifcycle
Services et injection de dépendances
  • Publication d'un service, via son provider
  • L'injection de dépendances : type-based et hiérarchique
  • Différents types de providers
Routage
  • Le component router, sa mise en place et son fonctionnement
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Routing lifecycle, et route guards
Modules
  • Déclarations du module, imports et exports
  • Lazy loading de modules avec le component router
  • Les providers d'un module, et cas d'un module en lazy loading
  • Différents types de modules, bonnes et mauvaises pratiques
Tests
  • Tests unitaires avec Karma et Jasmine
  • Tests fonctionnels (E2E) avec Protractor
RxJS
  • Le concept d'Observable, principales opérations sur les observables
  • Les opérateurs de RxJS
  • Comparaison avec les promesses
HTTP et authentification
  • Faire des requêtes HTTP, recevoir ou envoyer des données JSON
  • Gestion de l'authentification
Pipes
  • Formatage avec des pipes Angular
  • Les pipes fournis avec le framework
  • Création de ses propres pipes
Fonctionnement interne
  • Compilation des templates
  • Le langage d'expressions d'Angular
  • Rafraîchissement des vues : en cascade, et un seul passage
  • Zone.js
Formulaires
  • Template-driven forms
  • Reactive forms
  • Validation des formulaires
  • Formulaires dynamiques
Création de directives
  • Attribute directives, fonctionnement et création
  • Structural directives, fonctionnement et création
Animations
  • Etats et transitions
  • Animations avec le routeur
Autour d'Angular
  • Bibliothèques de composants
  • Server-side rendering avec Angular Universal

Le formateur :
Thierry Chatel

photo Thierry Chatel

Je suis consultant et formateur en architecture logicielle, spécialisé dans le domaine des applications de gestion à interface web.

En 2011, j'ai découvert Angular alors qu'il était encore totalement inconnu et bien loin de sa première version finale. Mais je me suis tout de suite rendu compte de l'énorme potentiel de ce framework, et de la révolution qu'il ne pouvait pas manquer de déclencher dans le développement des applications web.

Depuis je n'ai eu de cesse de partager mon enthousiasme et mon expérience, lors de la première conférence en France sur Angular, suivie par bien d'autres (dont une session de 3h à Devoxx France 2013), puis en écrivant des articles techniques sur le blog FrAngular, et en animant de nombreuses sessions de formation.

Et en 2014, j'ai eu le privilège d'être nommé Google Developer Expert sur Angular - le premier en Europe.

Un bon niveau technique avec une longue expérience pratique est nécessaire mais ne suffit pas à faire un bon formateur. J'ai suivi une formation de 5 jours à l'animation de formations et à l'ingénierie pédagogique, pour être sûr de transmettre de la meilleure façon mes connaissances au travers d'un cours bien construit - qui a nécessité plusieurs mois de travail -, avec un cheminement logique permettant d'introduire progressivement toutes les notions du framework. Avec 150 formations réalisés sur un même outil, j'ai pu acquérir un niveau d'expérience optimal dans la transmission de ces connaissance.

Pourquoi une formation à Angular ?

On peut très bien apprendre Angular par soi-même. C'est d'ailleurs comme ça que je l'ai appris, car il n'existait pas de formation à ce framework en France avant que je la propose. Mais si cette formation n'est pas absolument indispensable, elle vous permet quand même de gagner beaucoup de temps.

Angular est un framework vaste et original, qui oblige les développeurs web a changer profondément leurs habitudes. Son apprentissage est relativement long et semé d'embûches. En l'apprenant seul, il n'y a aucune chance d'être rapidement efficace, ni de trouver du premier coup les bonnes solutions.

Cette formation est donc conçue pour réduire de plusieurs mois l'apprentissage d'Angular, en vous permettant d'acquérir directement les bonnes habitudes sur tous les aspects du framework. Elle ne fera pas de vous en quatre jours un développeur Angular expérimenté, mais vous permettra d'être opérationnel sans tâtonner pendant des mois.

Pourquoi 5 jours ?

Ça peut paraître long une formation de 5 jours, mais ils sont vraiment nécessaires pour faire le tour d'un tel sujet. Et les retours des participants à la formation le confirment de façon unanime.

Il faut le temps d'acquérir par la pratique un réel savoir-faire incluant les différents aspects complexes mais nécessaires d'Angular (création de directives et composants, gestion de l'asynchronisme, etc.). Une formation courte serait forcément un survol des parties les plus simples, celles qu'il est facile d'apprendre par soi-même, et ne pourrait qu'effleurer l'objectif de celle qui est proposée ici.