Formation BackBone.js : maîtriser le framework de développement Web

1/ Introduction

• Rappels sur JavaScript, le langage, ses avantages et ses pièges

• Le binding et le vrai sens de this

• Prototypage et Constructeurs

• Les Framework Javascript

2/ Présentation de Backbone.js

• Backbone.js : origine, objectifs

• Posionnement de Backbone

• Cas d’utilisation

• Models, Views & Controller

• Structure d’une Application Backbone

3/ Installation Backbone.js

• Gérer son environnement

• Choisir ses libraires

• Gestion des dépendances front avec Bower

4/ Underscore

• Programmation fonctionnelle

• Caractéristique de l’utilisation d’Underscore

• Chaînage des instructions

• Les principales fonctions

5/ Modèles

• Exemple de Modèle

• Les propriétés du Modèle

• Les fonctions initialize et constructor

• Création du JSON

• Suppression d’un Modèle

• Les Collections de Modèles

6/ Vues

• Introduction

• Création d’une Vue

• Chargement des données

• Attacher la Vue au DOM

• Utiliser une Collection

• Mustache et Handlerbars

7/ Interactions Modèles / Vues

• Gérer les évènements depuis la vue

• Remonter les changements d’état de donnée depuis les modèles

• Synchroniser les actions utilisateur vers le WebService

• Re-rendering des vues

• Destruction des vues couplées aux modèles

8/ Collections

• Structurer des groupes de modèles

• Ajouter / Supprimer des éléments

• Itérer sur les collections

• Rattacher la synchronisation vers le WebService

• Rattacher les évènements

• Gérer les cas d’évènements spécifiques aux collections

9/ Interactions Collections / Vues

• Utiliser des Collection Views

• Rendering

• Utiliser les custom events

10/ Gestion du Réseau

• Backbone SYNC

• Modification des Headers

• Sauvegarde en LocalStorage

• URL dynamiques avec Backbone Router

11/ Concevoir les formulaires avec Backbone.js

• Construire un formulaire depuis une vue

• Attacher les évènements aux actions utilisateurs

• Réutiliser les formulaires pour construire les vues-modèle

• Créer un formulaire d’édition de modèle

• Gérer les alertes utilisateur

12/ Javascript Avancé

• Le DOM

• Les conséquences des Reflow et Repaint sur les performances

• Les événements du DOM et le Bubbling

• Le framework jQuery

• Les Promise avec jQuery et Backbone

• La programmation prototypée et l’héritage avec Backbone

• Les différents outils : CoffeeScript, Grunt

• Intégration d’une application Backbone dans le mobile avec PhoneGap

13/ Tester unitairement Backbone.js

• Pourquoi mettre en place des tests ?

• Assurer la cohérence des développements avec Mocha

• Mettre en place des MocksWebService

• Assurer ses stratégies de test