Formation Backbone.js

Introduction à backbone.jsRappels sur JavaScript, le langage, ses avantages et ses piègesLe binding et le vrai sens de thisPrototypage et ConstructeursBackbone.js : origine, objectifs et état de la solutionCas d’utilisation : quand et pourquoi mettre en œuvre Backbone.js ?Concevoir une application webStructure de base : modèles et vues

Installation backbone.jsGérer son environnementChoisir ses librairesGestion des dépendances front avec Bower

Architecture Event-drivenUtiliser les évènements pour gérer les piles appelsAttacher et lever des évènements dans les composants Backbone.js

ModèlesStructuration des modèles de données Backbone.jsAPI Sync vers / depuis le WebServiceRécupérer et sauver les donnéesCréer des objets de donnée et appliquer des valeurs par défaut
Rattacher des évènements

VuesComposant de vue par défautGestion des attributsDépendances à jQueryRenderingTemplating simpleRattacher des évènements

Interactions Modèles / VuesGérer les évènements depuis la vueRemonter les changements d’état de donnée depuis les modèlesSynchroniser les actions utilisateur vers le WebServiceRe-rendering des vuesDestruction des vues couplées aux modèles

CollectionsStructurer des groupes de modèlesAjouter / Supprimer des élémentsItérer sur les collectionsRattacher la synchronisation vers le WebServiceRattacher les évènementsGérer les cas d’évènements spécifiques aux collections

Interactions Collections / VuesUtiliser des Collection ViewsRenderingUtiliser les custom events

RouterMapper les URLsUtiliser les substitutionsNaviguer dans les ressources

History APITirer parti d’History API pour gérer la navigation

Gestion des WebServices non-standard avec backbone.jsParser les réponses non-standardRenvoyer les réponses au WebServiceGérer les ID non-conventionnelsRattacher des collections

Collections avancéesGérer des paramètres supplémentairesGérer une paginationTrier les collections

Router : les cas concretsUtiliser des URLs à sections optionnellesCapturer les URI encodéesUtiliser les regex pour capturer les URICréer des catch-allDéfinir des File-PathsVues sur-mesureRéutiliser les éléments du DOMEchapper et nettoyer les saisies utilisateurPasser des arguments optionnels aux évènementsOptimiser ses vues pour la gestion des interactions utilisateurNettoyer la vue

Concevoir les formulaires avec backbone.jsConstruire un formulaire depuis une vueAttacher les évènements aux actions utilisateursRéutiliser les formulaires pour construire les vues-modèleCréer un formulaire d’édition de modèleGérer les alertes utilisateur

Organisation et StructurationConseils de rédaction & chartes de hommageOrganiser ses sourcesUtiliser AMD pattern et Require.jsBoostrapping de l’application

Enrichir Backbone.jsTemplating : utiliser des moteurs alternatifsAjouter la gestion du data binding à Backbone.jsGérer le cache applicatif

Les différents frameworks existantsPourquoi un top-framework ?Présentation des solutions existantes

Concevoir une architecture modulairePourquoi découper l’applicationIsoler les composants applicatifsGérer l’utilisation asynchrone

Marionette : top-frameworkMarionette : origine et objectifsAttacher Vues et Modèles sur MarionetteDéfinir les initliazersBootstrapper l’application

Exploiter localStorageCréer une persistance avec localStorageEtendre le support du cache applicatif persistant avec LawnchairGérer la pile réseau et le mode offline

Tester unitairement Backbone.jsPourquoi mettre en place des tests ?Assurer la cohérence des développements avec MochaMettre en place des MocksWebServiceAssurer ses stratégies de test