Logo AngularJS

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 / Compétences visées

  • 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

Moyens pédagogiques et techniques

  • Formateur validé par nos équipes techniques et pédagogiques
  • Salle de formation informatisée
  • Support de cours numérique

Suivi et appréciation des résultats

  • Questions orales ou écrites (QCM)
  • Exercices pratiques
  • Formulaires d'évaluation

Avis

Joanna E.

le 06 février 2019

Michel S.

le 07 mars 2018

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

Formations associées

Dernière modification le 26/12/2022