Formations Web

Logo AngularJS

Formation AngularJS

Développement d'applications riches avec AngularJS

Durée 3 jours • Prix (HT) 1690€

Quelques rappels pour bien commencer

  • Javascript : prototypes, closures et callbacks
  • La boîte à outils du développeur Web/Javascript
  • Qu'est-ce qu'une architecture orientée REST ?

AngularJS : positionnement et principes généraux

  • Un écosystème riche de librairies spécialisées
  • JQuery, le couteau suisse du développeur web
  • Architecture et fonctionnalités d'AngularJS

Premiers pas : de la maquette à l'application

  • Intégration de la librairie AngularJS
  • Notion de binding
  • Utilisation des expressions

Contrôleurs et Scopes

  • Association d'un contrôleur à un template
  • Notion de scope, et hiérarchie des scopes
  • Propagation des événements de binding

Routeur : applications single-page, multi-vues

  • Configuration du routage, notion de deep-linking
  • Gestion de l'historique de navigation et accès aux paramètres de l'URL
  • Préparer l'affichage d'une vue

Modules et services : une architecture souple

  • Notion de module, module par défaut
  • Modularisation de l'application sous forme de services
  • Injection de dépendances : avantages et bonnes pratiques

Gestion des formulaires

  • Validation des champs de saisie
  • Traitement des formulaires

Intégration dans une architecture REST

  • Appels AJAX avec le service $http
  • Consommer des ressources REST avec le service $resource
  • Mise à jour asynchrone : notion de promise

Internationalisation (I18N)

  • Activation de l'internationalisation
  • Formatage des dates, nombres et monnaies

Filtres

  • Mise en place d'un filtre existant
  • Paramétrage du filtre "filter"
  • Développer son propre filtre

Directives

  • Définition et API
  • Cycle de vie d'une directive;
  • Manipulation du scope dans les directives
  • Collaboration avec ngModelController
  • Transclusion
  • Boite à outil : $parse, $compile, angular.element

Authentification

  • Particularités aux applications single-page
  • Bonnes pratiques et outils pour l’authentification

Tests unitaires

  • Approche des technologies : Jasmine, KarmaJS
  • Tests unitaires avec ngMock
  • Tests end to end avec Angular Scenario

Au-delà d'AngularJS

  • Industrialisation du développement avec Yeoman
  • Optimisation des ressources (javascript, images)
  • Simplifier les styles CSS avec un préprocesseur
  • Angular-UI et autres modules