Formation Formation AngularJS : Maîtriser le Développement Web Front-end

Introduction à AngularJS et Architecture MVC

• —Présentation d'AngularJS et de son origine Google
• —Comprendre le MVVM/MVC appliqué à AngularJS
• —Mise en place de l'environnement de développement
• —Premiers pas avec une application simple

Directives et Data Binding

• —Le concept de directives et les directives intégrées (ng-app, ng-model, ng-bind)
• —Data binding bidirectionnel (`ng-model`)
• —Data binding unidirectionnel (`{{}}`, `ng-bind`)
• —Différences entre les types de binding

Contrôleurs et Scope

• —Création et rôle des contrôleurs
• —Le concept de `$scope` et son cycle de vie
• —Partage de données entre contrôleurs (à travers `$rootScope`)
• —Bonnes pratiques de structuration des contrôleurs

Expressions, Filtres et Événements

• —Utilisation des expressions AngularJS
• —Filtres intégrés (`currency`, `date`, `filter`, `orderBy`, `limitTo`)
• —Création de filtres personnalisés
• —Gestion des événements DOM avec `ng-click`, `ng-submit`, etc.

Modules, Dépendances et Injection de Dépendances

• —Organisation du code avec les modules AngularJS
• —Le principe d'injection de dépendances (DI)
• —Bénéfices de la DI pour le test et la maintenance
• —Services et factories pour la gestion des dépendances

Services et Factories personnalisés

• —Implémentation des services pour la logique métier
• —Différences entre `service`, `factory` et `provider`
• —Stratégies de réutilisation du code via les services
• —Exemple de service de communication API

Routing avec ui-router

• —Introduction au routing côté client
• —Configuration de `ui-router` pour des vues imbriquées
• —Gestion des états et des paramètres d'URL
• —Redirections et gestion d'accès

Communication avec les API RESTful (`$http`)

• —Utilisation du service `$http` pour les requêtes AJAX
• —Gestion des verbes HTTP (GET, POST, PUT, DELETE)
• —Intercepteurs `$http` pour l'authentification ou les erreurs
• —Consommation d'une API externe

Formulaires et Validation

• —Création de formulaires AngularJS avec `ng-form`
• —Validation des entrées utilisateur (`ng-required`, `ng-pattern`)
• —Affichage des messages d'erreur et gestion des états des champs
• —Soumission de formulaires et gestion des données

Directives Avancées et Composants

• —Création de directives personnalisées complexes
• —Comprendre `scope` isolé (`@`, `=`, `&`) dans les directives
• —Utilisation de `templateUrl` et `template`
• —Transition vers le concept de composants (pré-Angular 2+)

Tests Unitaire et Intégration

• —Introduction aux tests en AngularJS (Karma, Jasmine)
• —Écriture de tests unitaires pour contrôleurs et services
• —Mocking des dépendances pour les tests
• —Tests d'intégration de composants

Performance, Déploiement et Bonnes Pratiques

• —Optimisation des performances des applications AngularJS
• —Minification et concaténation du code
• —Structuration de projet avancée et bonnes pratiques de codage
• —Déploiement d'une application AngularJS

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

- Un ordinateur portable fonctionnel. - Un éditeur de code (VS Code, Sublime Text, etc.) préinstallé. - Un navigateur web récent (Chrome, Firefox). - Connexion internet stable.

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d’un rendez-vous d’information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s’accompagne de la remise d’une convention ou d’un contrat précisant l’ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l’accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l’année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d’accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

Vous apprendrez les bases de AngularJS, la gestion des composants, les services et le routing, ainsi que comment organiser et tester vos applications.

Aucun prérequis spécifique. Cette formation est destinée aux développeurs qui souhaitent acquérir des compétences en AngularJS.

La formation dure 21 heures.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.