Formation AngularJS

Formation AngularJS

Développement d’applications riches avec AngularJS

Durée : 3 jour(s) En partenariat avec ZENIKA
Référence : ANGULARJS-03

 

Présentation

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

Pédagogie :

50% Théorie, 50% Pratique

Public :

Développeur web

Pré-requis :

Maîtrise du langage Javascript, Connaissance des technologies web

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

 

Nous
rejoindre
DAVIDSON Level Up
0
Connecting
Please wait...
Send a message

Sorry, we aren't online at the moment. Leave a message.

Your name
* Email
* Describe your issue
Login now

Need more help? Save time by starting your support request online.

Your name
* Email
* Describe your issue
We're online!
Feedback

Help us help you better! Feel free to leave us any additional feedback.

How do you rate our support?