Formation AngularJS, fondamentaux et avancé Réf : ANGJS

Par Thomas Moyse

Fondamentaux et composants avancés de AngularJS

Durée :
5 jours

2 725 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

AngularJS est un framework JavaScript maintenu par Google, qui tire parti des nouvelles fonctionnalités apportées par HTML5 et en étend les possibilités. En découplant la manipulation du DOM de la logique métier, et grâce à une organisation très modulaire, AngularJS permet de concevoir des applications web riches.
Cette formation très complète sur AngularJS, vous permettra de comprendre et maîtriser les techniques avancées de ce framework au travers d'une série d'exercices pratiques, mettant en avant une programmation par composant, afin de permettre une transition efficace vers AngularJS 2.0.

Objectifs pédagogiques

A l’issue de cette formation, les participants seront en mesure de :
  • Appréhender la philosophie et le fonctionnement du framework AngularJS,
  • Développer une application Web avec AngularJS,
  • Maîtriser les impacts du choix d'une architecture incluant une application web riche,
  • Optimiser une application AngularJS,
  • Utiliser les composants avancés et comprendre les mécanismes avancés d'AngularJS,
  • Mettre en oeuvre un environnement de développement avec Angular.


Public

Chefs de projet Web,
Architectes techniques,
Développeurs front-end.

Pré-requis

Connaissance de HTML, CSS et bon niveau JavaScript (les notions fondamentales seront abordées en rappels)

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (50%) et de travaux pratiques sur machine individuelle (50%). Un support de cours .PDF sera remis à chaque participant.

Plan de cours

Ce stage pratique est composé des deux formations AngularJS : les fondamentaux (3 jours) et  AngularJS avancé (2 jours) qui peuvent être suivies séparément selon les niveaux des participants.

1ère journée de formation : bien démarrer avec AngularJS
Rappels & mise en route
Rappels sur JavaScript : prototype, portée des variables, fonctions, contextes, etc.
Rappels HTML5 : balises sémantiques, forms
Présentation du design pattern MVVM
Définition d'une application "single page"
Déclaratif vs impératif
Installation d'un environnement de travail : node.js, éditeur, navigateur

Une application web sans manipuler le DOM
Data binding bi-directionnel
La gestion des vues et le moteur de template
Qu'est-ce qu'une expression AngularJS  ?
Définition d'un contrôleur
Association vue et contrôleur
Comprendre les contextes AngularJS ($scope)
Appréhender les événements utilisateurs
Formulaire : interaction et validation
Utilisation des filtres (dans la vue, dans le contrôleur et combinaison)
Écriture d'un filtre

Travaux pratiques
Présentation de l'application fil rouge : ngDoodle
Création d'un événement
Noter ses disponibilités

Test et debug d'une application AngularJS
Environnement de test
Choix d'un framework de test
Tests unitaires et karma
Batarang : voir fonctionner AngularJS depuis le navigateur

2nde journée de formation : bonnes pratiques de développement AngularJS
Design Patterns appliqués à une application web
Notion de routing
Configuration avec $routeProvider
Route et gestion de l'historique de navigation
Initialisation avant routage
Découplage grâce aux services
Injection de dépendances
Présentation ou rappel sur les promesses
Les promesses avec Angular JS
Des services "standard" $http $resource : utilisation d'une API REST
Créer ses propres services : plusieurs façon d'y arriver

Travaux Pratiques
Re-Organisation de notre application (Refactoring time)
Création, utilisation et affichage
Création d'un service
Communication avec un serveur via une API REST

Découpler pour mieux tester
Test d'un service AngularJS
Simuler le résultat d'une requête http

3ème journée de formation : techniques avancées de AngularJS
Étendre et augmenter HTML pour qu'il réponde à vos besoins
Plongée dans le coeur de Angular JS : fonctionnement interne
AngularJS pour les pros : les directives
Fonctionnement des directives
Directive et événements utilisateurs
Intégration d'un contrôleur dans une directive

Pratique
Création d'un fiche récapitulative
Affichage calendaire

Trucs & astuces
Organisation du code selon la taille de votre application
Bonnes pratiques
Automatisation avec Grunt

Programme de la 4ème journée de formation AngularJS  
Outils du développeur AngularJS
Tests unitaires avec Jasmine et Karma
Tests E2E avec Protractor
Automatisation et modularisation
Grunt
Gulp
npm
browserify
webpack

Modularisation
Webpack ...
ou Browserify

Optimisations et évolutions syntaxiques
BindToController dans les contrôleurs
BindOnce expression

Programme de la 5ème journée de formation AngularJS
Développement modulaire et routing
Nouveau système de Routing : un pas vers Angular2
Angular uiRouter

Internationalisation
AngularTranslate : le module référence
ngMessageFormat

Directives
Organisation des directives en controllers + vue + services
Intégration services tiers
Syntaxe bindToController

Plus loin avec les formulaires
Spécialisation du fonctionnement des formulaires : ngModelOptions
Affichage performant des messages d'erreurs : ngMessages
Validateurs asynchrones et états
Créer des validateurs customs

AngularJS 2.0
Présentation générale
Concepts et langages
Impacts et approche vis à vis de cette nouvelle version 

Prochaines sessions

Aucune session de planifiée à ce jour, veuillez nous contacter pour avoir plus d'info ou suggérez vous-même une session.


Proposer une session.

Témoignages

Une formation pratique qui permet d'utiliser les connaissances acquises directement au sein de nos projets internes.
Trésor Ingetshi

Christian Cousquer, Ingénieur en développement et déploiement d'applications

Formation est très intéressante et passionnante. Thomas Moyse maîtrise vraiment son sujet.
Christian Cousquer, Ingénieur en développement et déploiement d'applications

Formation très satisfaisante et assez complète à mon sens. Mes objectifs (découverte de Angular) sont parfaitement atteints.
Julien Lecluze

Bonne entrée en la matière, je me sens armé pour démarrer un projet.
Christophe Bessis

Très bon formateur. Thomas maîtrise son sujet ! J'ai particulièrement apprécié la reprise de l'ensemble des notions importantes sur Angular le dernier jour.
Jean-Philippe H.

Très satisfait. J'ai bien aimé l'aspect pratique de cette formation. Objectif atteint. Je recommande !
David Debouis

Très bon formateur, à l'écoute et disponible. Salle agréable et bon accueil. Une bonne formation sur Angular même si un 4ème jour aurait été encore mieux :-)
Nicolas Corre

D'une manière générale, cette formation répond à mes attentes. Elle m'a permis de découvrir les technos Angular et fait une piqûre de rappel sur JavaScript. Venant du monde Java, cela n'est pas toujours facile de passer à langage conceptuellement très différent mais le formateur connait son sujet et c'est très appréciable.
Patrice Ch.

Cette formation a été très intéressante. J'ai le sentiment d'avoir progressé tout au long de celle-ci. Le formateur était très flexible et s'est adapté aux horaires qui nous convenaient le mieux. Au final, je suis maintenant prêt pour commencer à utiliser AngularJS dans mes futurs projets.
Natanael B.

Formation très appréciable. Intervenant très qualifié et à l'écoute. Taille du groupe idéale pour ce genre de formation. Formation très condensée
Gaétan Callaud

Bon intervenant, explications claires. Va plus loin que le sujet, explications sur JS très instructives. Bonne animation de cours.
Céline Maringue

Une prestation de qualité qui nous permet de monter en compétence à notre rythme.
Nathalie Steva

Très bon formateur, très pédagogue, s'adapte aux rythmes et aux niveaux.
Paméla Chanteux

Superbe formation Angular JS, qui apporte une expertise technique.
Benaissa El Khattar

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations