AngularJS (v.1) Réf : ANGJS1
Par
Thomas Moyse
Augmentez votre productivité en développant des applications web riches grâce au framework AngularJS 1
- Durée :
- 3 jours
- Lieux :
- Paris
1 650 € HT (prix conseillé)
Description
Cette formation très complète sur AngularJS 1, 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 Angular 2+.
Objectifs pédagogiques
A l’issue de cette formation AngularJS 1, les participants seront en mesure de :- Appréhender la philosophie et le fonctionnement du framework AngularJS 1,
- Développer une application Web avec AngularJS 1,
- 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
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 1 avancé" (2 jours)
Prochaines sessions
![]() |
Paris | 1 650 € |
![]() |
---|---|---|---|
![]() |
Paris | 1 650 € |
![]() |
![]() |
Paris | 1 650 € |
![]() |
Témoignages

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

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
-
Accessibilité web
Par Olivier Olivier KEUL
-
Angular
Par Cédric Le Gallo
-
Angular avancé
Par Thomas Moyse
-
AngularJS (v.1)
Par Thomas Moyse
-
AngularJS (v.1) avancé
Par Thomas Moyse
-
Backbone.js
Par Stéphane Bachelier
-
Développement RXJS
Par Cédric Le Gallo
-
ECMAScript 6 (ES2015)
Par Cédric Le Gallo
-
Ember.js
Par Matthias Dugué
-
ExtJS 5
Par Roland Chrisbel
-
Formation Performance web
Par Nicolas Hoizey
-
Formation Progressive Web Apps (PWA)
Par Nicolas Hoizey
-
HTML5, CSS3 et JavaScript
Par Nicolas Hoizey
-
JavaScript avancé
Par Nicolas Chambrier
-
JavaScript les fondamentaux
Par Nicolas Chambrier
-
JavaScript, cycle complet
Par Stéphane Bachelier
-
Les images dans le Responsive Web Design
Par Nicolas Hoizey
-
Node.js
Par Nicolas Chambrier
-
Node.js avancé
Par Nicolas Chambrier
-
Polymer JS
Par Cédric Le Gallo
-
Polymer JS V.2
Par Cédric Le Gallo
-
ReactJS
Par Nicolas Chambrier
-
Responsive Web Design
Par Nicolas Hoizey
-
Vue.js
Par Cédric Le Gallo
-
jQuery
Par Boris Schapira