Formation AngularJS

Développement d'applications riches avec AngularJS

Durée 3 jours
Prix(HT) : 1690 €
ANGULARJS-03

Prochaines sessions

23 janvier 2017
Kevin Pennarun
Rennes
25 janvier 2017
Olivier Huber
Paris
25 janvier 2017
Kevin Pennarun
Rennes

Description

AngularJS est un framework Javascript en plein essor, visant à structurer et simplifier le développement d'applications riches côté client.Développé par Google sous licence open-source, il intègre nativement l'ensemble des fonctionnalités habituellement obtenues par assemblage de librairies spécialisées : routage, templates, bindings, appels REST...Sa robustesse, sa polyvalence et son banc de test intégré en font aujourd'hui un élément incontournable de toutes les applications web orientées REST !Dans cette formation, vous découvrirez deux fonctionnalités avancées d'AngularJS : comment créer ses propres composants réutilisables grâce aux Directives, et comment implémenter des filtres personnalisés, puis vous apprendrez verrez comment gérer l'authentification de vos utilisateurs auprès d'un système tiers.

Objectifs

  • Découvrir AngularJS
  • Développer une application riche à partir d'une maquette statique
  • S'intégrer dans une architecture orientée REST

Pré-requis : 

Maîtrise du langage Javascript Connaissance des technologies web 

Public : 

Développeur web 

Pédagogie : 

50% théorie 50% pratique

Programme

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