Formation #DEV201

Formation BackboneJS

Durée : 5 jours

Code : DEV201

Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Comprendre les principes de Backbone.js et l’approche MVC
  • Maitriser le framework Backbone
  • Acquérir les connaissances nécessaires au développement d’applications avec le Framework Backbone.js
Programme
1/ Introduction
  • Architecture d'une Single Page Application (SPA)
  • Server-side vs Client-side
  • Approche MVC, MVP et MVVM
  • Panorama des Framework Javascript
2/ Découverte de Backbone
  • Origine, avantages et inconvénients
  • Cas d’utilisation
  • Structure de base : modèles et vues
  • Installation
  • Structure d’une Application Backbone
3/ Conception côté client
  • Gestion du contexte
  • Routage et navigation
  • Authentification et autorisation
4/ Utiliser les fonctionnalités d'Underscore
  • Programmation fonctionnelle
  • Caractéristique de l’utilisation d’Underscore
  • Chaînage des instructions
  • Les principales fonctions
5/ Backbone : Modèle et collection
  • 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/ Backbone : Vues
  • Propriétés des vues
  • 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/ Gestion des Evénements
  • Les types d’événements
  • Evénement du DOM
  • Création d’un Bus d’événement
9/ Backbone Router
  • Définition des routes
  • Gestion des URL et paramètres
  • Evènements de navigation
  • Bénéfices du routeur
  • Instanciation et gestion des vues
10/ Synchronisation des données
  • Appels Ajax / JSON
  • Backbone Sync
  • Liens avec une API REST
  • Sauvegarde en LocalStorage
11/ Les formulaires avec Backbone.js
  • Créer 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/ 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
13/ 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
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Architectes
  • Chefs de Projet
  • Développeurs