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 AngularJS 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 AngularJS
  • par le nombre de sessions réalisées - 474 stagiaires formés à ce jour au cours de 92 sessions, 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 (HTML, CSS, et un bon niveau en JavaScript). Si la connaissance de JavaScript est un peu trop superficielle, l'option commençant par une journée “JavaScript avancé” est fortement recommandée, afin que les participants puissent tirer tout le bénéfice de l'apprentissage d'AngularJS. Pour Angular 2, le langage TypeScript est inclus dans la formation de 5 jours.

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

Deux options sont possibles :

Contenu Durée Tarif pour le groupe
AngularJS (v1) 4 jours 4800 € HT + frais de déplacement
AngularJS (v1) + JavaScript avancé 5 jours (1 JS + 4 AngularJS) 6000 € HT + frais de déplacement
Angular 2 (+ TypeScript) 5 jours (1 TypeScript + 4 Angular 2) 6000 € HT + frais de déplacement

Dans les deux cas 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

92 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, etc.

Sessions inter entreprises

Aucune formation inter entreprises n'est prévue actuellement. Mais il m'arrive d'en organiser ponctuellement s'il y a des demandes concomitantes, ou de compléter un petit groupe par un ou deux participants extérieurs quand ça arrange tout le monde. N'hésiter pas à me contacter pour en discuter : tchatel@methotic.com

Formalités administratives

Pour toute inscription ou pré-inscription à une session inter entreprises, comme dans le cas d'une session intra entreprise 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.

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 AngularJS, alors qu'il était encore totalement inconnu et bien loin de sa 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 AngularJS, suivie par bien d'autres (dont une session de 3h à Devoxx France 2013), puis en écrivant des articles techniques sur le blog FrAngular, en créant la communauté AngularJS France sur Google+, et enfin en animant ces sessions de formation, très demandées depuis le printemps 2013.

Et en 2014, j'ai eu le privilège d'être nommé Google Developer Expert sur AngularJS - actuellement le seul 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 la bonne alternance entre théorie et exercices, et un cheminement logique permettant d'introduire progressivement toutes les notions du framework.

Pourquoi une formation à AngularJS ?

On peut très bien apprendre AngularJS 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.

AngularJS 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'AngularJS, 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 AngularJS 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.

La formation AngularJS (v1)

Cette formation très technique comprend environ 40% de cours et 60% d'exercices pratiques. Elle n'est réalisée qu'en effectif réduit, afin de pouvoir suivre et assister au mieux chaque participant sur les exercices, et bien vérifier les acquis.

Le programme

JavaScript avancé - journée optionnelle

  • Pièges de la syntaxe JavaScript
  • Types primitifs
  • Objets et tableaux
  • Fonctions : portée des déclarations, les fonctions internes, syntaxes de déclaration et d'invocation, closures, wrappers anonymes
  • Héritage par protoype
  • Boucles for et for ... in
  • Gestion des exceptions
  • Exercices

AngularJS - journée 1

  • Les grandes lignes du framework, vues dynamiques et data binding, pattern MVVM
  • Vues et contrôleurs
  • Tests unitaires d'un contrôleur
  • Tests fonctionnels d'une application
  • Fonctionnement interne : digest et watches
  • Exercices

AngularJS - journée 2

  • Application et modules, démarrage automatique ou manuel
  • Application mono-page, routage avec $route, modes de routage, service $location
  • Les filtres, utilisation et création
  • Services et injection de dépendances, fonctionnement des providers, configuration des services
  • Exercices

AngularJS - journée 3

  • Echanges avec le serveur, $http et $resource
  • API de promises
  • Formulaires et validation
  • Gestion des exceptions
  • Evénements utilisateur
  • Exercices

AngularJS - journée 4

  • Ecriture de directives : phases compile et link, scope enfant ou scope isolé, transclusion, etc.
  • Bonnes pratiques avec AngularJS
  • Place d'AngularJS dans une architecture web globale
  • Exercices

La formation Angular 2

25% de cours et 75% d'exercices pratiques, en effectif réduit.

Le programme

JOUR 1 :

JavaScript avancé (rappels)
  • Particularités de la syntaxe
  • Types primitifs, objets, tableaux
  • Les fonctions et manipulations de fonctions : portée des déclarations, fonctions internes, différentes façons de déclarer et d'invoquer une fonction
Les nouveautés d'ECMAScript 6
  • Modules
  • Block scope avec let et const
  • Arrow functions, sans impact sur la valeur de this
  • Mot-clef class
  • Déstructuration
  • Templates
  • Boucle for-of
  • Paramètres : valeurs par défaut, rest, spread
TypeScript
  • Le typage optionnel
  • Classes plus avancées
  • Interfaces
  • Décorateurs

JOUR 2 :

Présentation d'Angular 2
  • Les concepts du framework, ses usages
  • L'outillage pour le développement et le packaging d'une application Angular 2
  • 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

JOUR 3 :

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

JOUR 4 :

Observables
  • Le concept d'Observable, principales opérations sur les observables
  • RxJS
  • Lien avec les promesses
HTTP et authentification
  • Faire des requêtes HTTP, recevoir ou envoyer des données JSON
  • Comment remplacer les intercepteurs ?
  • Gestion de l'authentification
Pipes
  • Formatage avec des pipes Angular 2
  • Les pipes fournis avec le framework
  • Création de ses propres pipes
Fonctionnement interne
  • Compilation des templates
  • Le langage d'expressions d'Angular 2
  • Rafraîchissement des vues : en cascade, et un seul passage
  • Zone.js

JOUR 5 :

Formulaires
  • Template-driven forms
  • Model-driven 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 2
  • Migration Angular 1 vers Angular 2
  • Bibliothèques de composants
  • Server-side rendering avec Angular Universal
  • Compilation statique des templates