Formation AngularJS
AngularJS est un framework JavaScript open source qui a été développé par Google et qui permet de développer des applications web dynamiques et interactives. Il a été conçu pour faciliter le développement de vues (ou interfaces utilisateur) pour les applications web en utilisant un modèle de programmation côté client, basé sur des composants réutilisables appelés "directives". AngularJS s'appuie sur le principe de la "data binding" pour synchroniser automatiquement les données entre le modèle (c'est-à-dire les données de l'application) et la vue (c'est-à-dire l'interface utilisateur). Cela permet de minimiser la quantité de code nécessaire pour mettre à jour l'interface utilisateur en fonction des changements de données et de simplifier la gestion des événements utilisateur. En utilisant AngularJS, les développeurs peuvent créer des applications web complexes en utilisant du HTML, du JavaScript et du CSS, sans avoir à se préoccuper de la gestion de l'état de l'application ou de la communication avec le serveur.
Objectifs pédagogiques
- Appréhender les concepts du framework
- Connaître ses principales méthodes et directives
- Architecturer une Single Page Application avec AngularJS
Pré-requis
- HTML / CSS
- JavaScript
Public
- Développeurs
- Chefs de projets
Programme
Jour 1
Une réintroduction à JavaScript
- Scope et closures
- Fonctions constructeurs et prototype
- Callbacks et boucle d’événements
- Callback hell, Promise
- ES5.1, ES6, ES7, ES8, ES.Next
Introduction à AngularJS
- Positionnement par rapport aux autres frameworks
- Templates, directives, compilation, data-binding
- $scope et dirty-checking
Type d’éléments dans AngularJS
- Modules et dépendances de modules
- Contrôleur et injection de dépendance
- Filtres existants et personnalisés
- Création de directives personnalisées
- Création de composants
Jour 2
Services
- Utilisation des services existants
- Pourquoi utiliser $document, $interval, $timeout ?
- Créer ses propres services, via service et factory
Requêtes vers le back-end
- $http, une surcouche de XMLHttpRequest
- $resource, pour les API RESTful
- Restangular, une alternative à $resource
Single Page Application
- angular-route, le router officiel
- ui-router, un router Open Source plus complet
- Animations dans AngularJS
Jour 3
Tests
- Typologies des tests, unitaires, intégration, fonctionnels, e2e, manuels
- Tests Unitaires et d’intégration avec Karma + Jasmine
- Test E2E avec Protractor
Bonnes pratiques
- Arborescence de fichiers
- Utilisation de services
- Création de modules
- Envisager une migration vers Angular
Méthodes mobilisées
- Un formateur validé par nos équipes techniques et pédagogiques sera présent pendant toute la durée de la formation
- Pour les formations en présentiel, une salle de formation sera mise à disposition et équipée d'ordinateurs portables, d'un accès Wi-Fi, d'un projecteur et d'un tableau blanc. En distanciel la session sera suivie sur Zoom ou autre outil de visioconférence sur demande (Teams, Webex, Google Meet...).
- Un support de cours en version numérique sera remis à chaque participant
Modalités d’évaluation
- Questions orales ou écrites (QCM)
- Exercices pratiques
- Auto-positionnement en amont et aval de la formation
Accessibilité aux personnes handicapées
Nous nous engageons à rendre notre formation AngularJS accessible aux personnes en situation de handicap. Merci de nous contacter afin que nous puissions réaliser les adaptations nécessaires en amont de la formation.Avis
Joanna E.
Michel S.
La formation
Complément obligatoire et nécessaire à la session d'initiation elle même suivie d'auto-formation.
En un mot il faut envisager une implication personnelle conséquente.
Le formateur
Tel qu'attendu :)
Les +
Tous
