Angular.js 1

Cours ANGULAR1

Classe présentielle

  • Ref. ANGULAR1
  • 2 jours
  • Campus Genève / Lausanne
  • CHF 1'500.00

Sur-mesure

  • Ref. ANGULAR1
  • A définir
  • Campus ITTA / Site client
  • Sur demande
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.
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 
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 :