Introduction
La formation AngularJS s'adresse aux développeurs web qui souhaitent pouvoir coder des applications Web performantes à l'aide du framework AngularJS de Google.
Les participants à la formation AngularJS apprendront à créer des applications "single page" (SPA) utilisant HTML, CSS, JavaScript, Node.js, JSON, et bien sûr Angular lui-même.
Les participants à la formation AngularJS apprendront à créer des applications "single page" (SPA) utilisant HTML, CSS, JavaScript, Node.js, JSON, et bien sûr Angular lui-même.
Objectifs
- Coder une application AngularJS à une seule page à partir de zéro
- Créer une interface utilisateur géniale
- Créer et lier des contrôleurs avec JavaScript
- Effectuer des actions CRUD à l'aide des formulaires
- Utiliser les meilleures pratiques REST avec Angular
- Intégrer et développer des applications Angular avec d'autres bibliothèques JavaScript telles que Node.js
Connaissances préalables
- Expérience professionnelle du développement web avec HTML et JavaScript
- Expérience de programmation orientée objet serait utile mais n'est pas obligatoire
-
Avoir suivi ou maîtriser les notions incluses dans les cours suivants : Programmer en HTML5 avec JavaScript et CSS3 et JavaScript Avancé
Contenu du cours
Module 1 : Introduction à AngularJS
- Leçon 1 : Qu'est-ce qu'un Framework JavaScript
- Leçon 2 : Qu'est AngularJS
- Leçon 3 : JavaScript VS AngularJS
- Leçon 4 : Avantages de AngularJS
- Leçon 5 : Comment définir l'environnement AngularJS?
- Leçon 6 : Définir l'environnement de Visual Studio (pour le développeur) et des parenthèses (pour le concepteur)
Module 2 : AngularJS
- Leçon 1 : Implémentation de l'expression de liaison
Module 3 : Directives
- Leçon 1 : Qu'est-ce que les directives
- Leçon 2 : Importance de ng-app et de data-ng-app
- Leçon 3 : Directives intégrées avec exemple: - ng-app, ng-contrôleur, ng-bind, ng-modèle
Module 4 : ng-init, ng-options, ng-show, ng-hide
- Leçon 1 : Instruction conditionnelle utilisant ng-if et ng-switch
- Leçon 2 : Boucler en utilisant ng-repeat
- Leçon 3 : Traitement d'image en utilisant ng-src
- Leçon 4 : Gestion des événements en utilisant ng-click
- Leçon 5 : Directives personnalisées
Module 5 : Implémentation de la vue, du modèle et du contrôleur
- Leçon 1 : Architecture MVC
- Leçon 2 : Mise en œuvre du contrôleur et contrôleur multiple avec module
- Leçon 3 : Implémentation de Child Controller avec exemple
- Leçon 4 : Mappage entre le contrôleur et la vue à l'aide du modèle
- Leçon 5 : Implémentation de plusieurs modules
- Leçon 6 : $scope avec Properties
- Leçon 7 : $scope avec fonction
- Leçon 8 : $scope VS $rootScope
- Leçon 9 : $watch, $digest et $apply
Module 6 : Les Filtres et leur mise en œuvre
- Leçon 1 : Qu'est-ce que Filter?
- Leçon 2 : Implémentation de lowercase, uppercase, date, number et currency.
- Leçon 3 : Tri en utilisant la commande par filtre
- Leçon 4 : Tri par en-tête
- Leçon 5 : Recherche en utilisant un filtre
- Leçon 6 : Filtre personnalisé
Module 7 : Liaison de données AngularJS
- Leçon 1 : Qu'est-ce que la liaison de données
- Leçon 2 : Liaison unidirectionnelle
- Leçon 3 : Liaison bidirectionnelle
Module 8 : Injection de dépendance AngularJs
- Leçon 1 : Qu'est-ce que l'Injection de Dépendance
- Leçon 2 : Implémentation de l'injection de dépendances
Module 9 : Services
- Leçon 1 : Qu'est-ce qu'une architecture distribuée
- Leçon 2 : Qu'est-ce que le service
- Leçon 3 : Consommer un service en utilisant angularjs
- Leçon 4 : $http dans angularjs
- Leçon 5 : Service personnalisé dans angularjs
- Leçon 6 : Implémentation d'une API web en utilisant angularjs
Module 10 : Modèles
- Leçon 1 : Qu'est-ce qu'un template
- Leçon 2 : Modèle de mise en page
- Leçon 3 : Modèle partiel
Module 11 : Routage
- Leçon 1 : Qu'est-ce que le routage
- Leçon 2 : Implémentation de la configuration d'itinéraire
- Leçon 3 : Comment définir la déroute par défaut?
- Leçon 4 : Application d'une seule page
- Leçon 5 : Directives Ng-view
Module 12 : Implémentation de formulaires AngularJS
- Leçon 1 : Qu'est-ce que AngularJS Form
- Leçon 2 : Formulaire AngularJS VS formulaire Html
- Leçon 3 : Commandes de saisie AngularJS
- Leçon 4 : Evénements AngularJS
- Leçon 5 : Validation de formulaire AngularJS
- Leçon 6 : Propriétés des contrôles AngularJS
Lab / Exercices
Pendant le cours, les participants sont encouragés à participer activement à l'expérience d'apprentissage en exécutant des exemples de fichiers pendant les cours et en effectuant des tâches de codage pendant les labs. Chaque session de lab vous permet de comparer votre solution à celle de l'instructeur.
Formation complémentaire
Compléter votre cursus en suivant la formation complémentaire suivante :