ObjectifsObjectifs

Découvrir AngularJSDévelopper une application riche à partir d'une maquette statiqueS'intégrer dans une architecture orientée REST

PublicPublic

Développeur web

PrérequisPrérequis

Maîtrise du langage JavascriptConnaissance des technologies web

Répartition

50% Théorie, 50% Pratique

AngularJSAngularJSDurée 3 jour(s) (ANGULARJS-03)Durée 3 jour(s) (ANGULARJS-03)

Développement d'applications riches avec AngularJSDéveloppement d'applications riches avec AngularJS

DescriptionDescription

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 nativementl'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 fontaujourd'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 proprescomposants 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.

ProgrammeProgramme

Quelques rappels pour bien commencerQuelques rappels pour bien commencerJavascript : prototypes, closures et callbacksLa boîte à outils du développeur Web/JavascriptQu'est-ce qu'une architecture orientée REST ?

AngularJS : positionnement et principes générauxAngularJS : positionnement et principes générauxUn écosystème riche de librairies spécialiséesJQuery, le couteau suisse du développeur webArchitecture et fonctionnalités d'AngularJS

Premiers pas : de la maquette à l'applicationPremiers pas : de la maquette à l'applicationIntégration de la librairie AngularJSNotion de bindingUtilisation des expressions

Contrôleurs et ScopesContrôleurs et ScopesAssociation d'un contrôleur à un templateNotion de scope, et hiérarchie des scopesPropagation des événements de binding

Routeur : applications single-page, multi-vuesRouteur : applications single-page, multi-vuesConfiguration du routage, notion de deep-linkingGestion de l'historique de navigation et accès aux paramètres de l'URLPréparer l'affichage d'une vue

Modules et services : une architecture soupleModules et services : une architecture soupleNotion de module, module par défautModularisation de l'application sous forme de servicesInjection de dépendances : avantages et bonnes pratiques

Gestion des formulairesGestion des formulairesValidation des champs de saisieTraitement des formulaires

Intégration dans une architecture RESTIntégration dans une architecture RESTAppels AJAX avec le service $http

Consommer des ressources REST avec le service $resourceMise à jour asynchrone : notion de promise

Internationalisation (I18N)Internationalisation (I18N)Activation de l'internationalisationFormatage des dates, nombres et monnaies

FiltresFiltresMise en place d'un filtre existantParamétrage du filtre "filter"Développer son propre filtre

DirectivesDirectivesDéfinition et APICycle de vie d'une directive;Manipulation du scope dans les directivesCollaboration avec ngModelControllerTransclusionBoite à outil : $parse, $compile, angular.element

AuthentificationAuthentificationParticularités aux applications single-pageBonnes pratiques et outils pour l’authentification

Tests unitairesTests unitairesApproche des technologies : Jasmine, KarmaJSTests unitaires avec ngMockTests end to end avec Angular Scenario

Au-delà d'AngularJSAu-delà d'AngularJSIndustrialisation du développement avec YeomanOptimisation des ressources (javascript, images)Simplifier les styles CSS avec un préprocesseurAngular-UI et autres modules