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 > Javascript > 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
  • : Protractor
  • Outils de debug ng-inspector

Méthode pédagogique

Un support de cours est remis à chaque participant. La théorie est complétée par des cas pratiques ou exercices discutés avec le formateur.

Méthode d'évaluation

Le cours est agrémenté de questions et mises en situation pour maximiser l'apprentissage. A l'issue de la formation, un questionnaire de satisfaction sera à compléter en ligne.