- Cours pratique
- Informatique
Formation AngularJS V1 : maîtriser le framework JavaScript de Google
Développez des applications web dynamiques avec AngularJS V1
- Durée
- 3 jours
- Niveau
- Intermédiaire
- Modalités
- Distanciel
Description de la formation AngularJS
ATTENTION: Cette formation concerne la version V1 d'Agular, AngularJS.
La formation sur les versions supérieures d’Angular est la formation Angular : Développer une application Web (ANGR)
AngularJS est le Framework JavaScript côté client utilisé et développé par Google. Ce Framework Open Source ne cesse de conquérir un public toujours plus nombreux, il faut dire qu’il dispose d’arguments forts par rapport à ses multiples confrères. Simple et efficace, jQuery ne suffit plus à garantir une maintenabilité suffisante du code JavaScript devenu de plus en plus dominant avec l'apparition de HTML5 dans les applications Web et Mobile. Conçu par Google avec l'objectif d'organiser et, à nouveau, simplifier ce code JavaScript, AngularJS s’appuie notamment sur une infrastructure MVC extrêmement productive et performante et s'impose comme la référence des nouveaux frameworks Javascript. Il existe de nombreux autres points forts et aussi quelques faiblesses et pièges à éviter.
Cette formation AngularJS V1 se propose de vous apprendre à le maîtriser de bout en bout, avec une mise en pratique de chacun des sujets enseignés.
Objectifs pédagogiques
À l'issue de cette formation AngularJS V1 vous aurez acquis les connaissances et compétences nécessaires :
- Le fonctionnement d'une Single Page Application avec AngularJS
- Créer vos propres directives et composants AngularJS
- Créer une application synchronisée avec des formulaires
- Tester automatiquement son Application
Objectifs opérationnels
Savoir maîtriser AngularJS V1.
Programme
Contenu du cours, module par module
12 modules
- L'application Single Page
- Le MVC avec AngularJS
- L'injection de dépendance
- Les services
- Les limites de jQuery
- Objectifs d'un controller
- Le modèle et les données
- Le scope du controller
- Principe d'un template
- Rôle d'une Directive
- Les vues dynamiques
TP : Une application de conversion d'unité en 1h
Réalisation de l'application
Écrire un test automatique
- Ajax et asynchrone
- Principes Rest
- Le service $http
- Connexion aux web services
TP : Un Forum en ligne
Affichage des sujets et des commentaires
- Les éléments de formulaires
- Utilisation du modèle
- La sélection multiple
- Validation du formulaire
- Soumission du formulaire
TP : Création et validation des données
Valider le commentaire
- Définition et utilité des scopes
- La hiérarchie des scopes
- Créer un nouveau scope
- Le cycle de vie des Scopes
- Le pattern Observer
- Les boucles d'observations
- Two ways databinding
- Observer les événements du DOM
- Insertion des directives d'événements
TP : Interaction avec les données
Transformer un Utilisateur en Administrateur
Supprimer un Utilisateur
Modification dynamique des collections
- Le pattern d'injection de dépendance
- Le moteur d'injection d'Angular
- L'annotation $inject
- Les champs utilisations de l'injection de dépendances
- Service stateful ou stateless
- Découpage en couche
- Création d'un Service
- Définir les règles métiers
- Définition d'une Directive
- Les différents types de Directive
- Création d'une directive simple
- Directive avancée avec compile() et link()
TP : Organiser son application
Créer une directive pour classer les utilisateurs
Utiliser l'injection de dépendance
- L'API basique d'Angular
- L'API Promise
- jQLite : jQuery simplifié pour Angular
- La gestion des Erreurs
- Principe des tests unitaires
- Les tests par comportement
- Les objects Mocks
- Simuler le serveur avec $httpBackend
- Tests d'intégration
TP : Tester l'application
Tester la gestion des erreurs
- La modularité
- Optimisation
- Intégration dans une application Phonegap
- Le projet Angular UI
- Le Routage
- Sécurité de l'Application
- Les outils externes
TP
Avec UI-Router : Accorder une url par commentaire
Porter l'application dans un mobile iPhone ou Android
Programme mis à jour le 31/07/2025
Public concerné
Cette formation s'adresse aux développeurs front-end ou back-end et aux designers expérimentés souhaitant apprendre AngularJS.
Prérequis
Bonnes connaissances de JavaScript.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
4,7/5
6 avis
« Mon avis sur le contenu du stage : "donne envie de refaire les différents tutoriels pour bien appréhender les concepts utilisés. " Mon avis sur la salle de formation : "bonne formation , complexe car nécessite la connaissance des dernières évolutions javascript, (node js, rpm )" Ce que j'ai le plus apprécié : "travail individuel sur pc puis récupération du travail sur github" »
PO « Mon avis sur le formateur : "Très bonne prestation. Il a été disponible et très percutent dans sa manière de transmettre son savoir-faire." Mon avis sur la salle de formation : "Quelques problèmes avec le projecteur. Faut fermer toutes les fenêtres pour bien voir à l'écran" Ce que j'ai le plus apprécié : "Pause déjeuner" »
Alvyn « Mon avis sur le formateur : "Très bon formateur, toujours agréable et très compétent." Mon avis sur la salle de formation : "Très bon centre de formation, accueil très agréable (café, croissants...)" Ce que j'ai le plus apprécié : "Café, croissants, jus d'orange... à disposition" »
Bastien
Les avis figurant ci-dessus sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Formations liées
- Applications FullJavascript avec Angular, NodeJS, et ExpressJSRéf. IEAN4 joursIntermédiaire
- Astro JS : Développez des sites web modernes, rapides et ultra-optimisésRéf. ASTR3 joursIntermédiaireProchaine session : 23 nov.2 090 €
- Bootstrap : L'essentielRéf. BOOT2 joursFondamentalProchaine session : 12 nov.1 590 €
- Créer des CSS dynamiques avec SassRéf. SECP2 joursIntermédiaireProchaine session : 14 déc.1 590 €