Formation AngularJS fondamentaux Réf : ANGJS1

Par Thomas Moyse

Augmentez votre productivité en développant des applications web riches grâce au framework AngularJS

Durée :
3 jours
Lieux :
Paris

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 maîtriser les bases du 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 AngularJS, 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.


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

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

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

Pour aller plus loin
La formation "AngularJS avancé" (2 jours)

Prochaines sessions

picto Du lundi 03/04 au mercredi 05/04 2017 Paris 1 665 € fleche S’inscrire à la session du lundi 03/04 au mardi 05/04
picto Du lundi 12/06 au mercredi 14/06 2017 Paris 1 665 € fleche S’inscrire à la session du lundi 12/06 au mardi 14/06
picto Du lundi 18/09 au mercredi 20/09 2017 Paris 1 665 € fleche S’inscrire à la session du lundi 18/09 au mardi 20/09
picto Du lundi 27/11 au mercredi 29/11 2017 Paris 1 665 € fleche S’inscrire à la session du lundi 27/11 au mardi 29/11
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

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

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.

Une formation très riche et un bon équilibre entre les slides et la pratique
Fabrice P.

Formateur de grande qualité et très pédagogue
Olivier M.

Bon intervenant qui, avec des explications claires, va plus loin que le sujet, notamment sur le JS. Bonne animation du cours, bonne introduction à Angular.
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 niveaux.
Pamela CHANTEUX

Formateur très compétent dans son domaine. Il a su se mettre au niveau des personnes à former avec des exercices pratiques en rapport avec notre activité. Merci !
Mylène Gandon

Formateur très compétent, ses explications sont adaptées et claires pour chaque besoin.
David Dulot

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