Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Frameworks > Angular JS - Développements Web

Angular JS - Développements Web

angular-js

Objectifs

  • Comprendre les principes de AngularJS
  • Savoir développer une application web
  • Être capable d'utiliser les bonnes pratiques de développement

Public

  • Développeurs web
  • Architectes web
  • Chefs de projets
  • Webmasters

Prérequis

  • Très bonne pratique du langage JavaScript
  • Connaissance des fondamentaux internet et HTML

Programme de la formation

Introduction

  • Historique et principes généraux
  • Pattern MV*, data-binding bi-directionnel
  • Avantages et inconvénients
  • Travaux pratiques : installation et découverte
  • Développement application Hello world !

Modèles, vues et contrôleurs

  • Le modèle
  • Les vues : templates, expression, directives, filtres
  • Les contrôleurs : fonctionnement, le $scop

Les modules

  • Création et configuration, partage de services
  • Injection de dépendances

Le routage

  • Single page application
  • Configuration, méthode .config du module
  • Paramètres d'url, évènements de routage

Les formulaires

  • Lien entre ng-model et contrôleur
  • Validation, états des formulaires, gestion d'erreur
  • Types de champs, classes CSS, custom validation

Les directives et les filtres

  • Convention de nommage, écriture normalisée
  • Types de composants, directives de templates
  • Options de configuration, transclude, scope, cycle de vie
  • Fonctions compile et link, créer ses propres filtres

Cycle de vie et scopes

  • Présentation du fonctionnement d'AngularJS
  • L'arbre des scopes, les méthodes de $rootscope
  • Les évènements : diffusion et interception

Les services AngularJS

  • Les services natifs, les values et contants
  • Factory, Service et Provider

AJAX et REST

  • Le service $http, le service $resource
  • L'API de promise

Aller plus loin

  • Bonnes pratiques
  • Internationalisation, angular-translate
  • L'interface, l'initialisation d'un projet

Tester une application AngularJS

  • Tests unitaires : Karma, Jasmine
  • Tests end-to-end (e2e) : Protractor
  • Outils de debug ng-inspector

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.