M2i Formation

Backbone.js

Par M2i Formation

Objectifs

  • Concevoir une architecture Web côté client
  • Définir des modèles et collections Backbone
  • Gérer la navigation avec les routeurs
  • Créer des templates pour les vues Backbone
  • Synchroniser les données avec le serveur
  • Utiliser les fonctionnalités d'Underscore.

Programme

Jour 1

Backbone et le MVC

  • Architecture d'une Single Page Application (SPA)
  • Server-side vs Client-side
  • MVC, MVP et MVVM
  • Concurrents : Angular, Ember et Vue
  • Backbone, Underscore et jQuery

Conception côté client

  • Gestion du contexte
  • Routage et navigation
  • Authentification et autorisation
Exemples de travaux pratiques (à titre indicatif)
  • Installation des outils de développement
  • Création de la structure d'une première application Backbone de type SPA simple

Modèle et collection

  • Constructeurs et valeurs par défaut
  • Structure interne des objets du modèle
  • Getter et Setter tout en un
  • Notification des changements
Exemples de travaux pratiques (à titre indicatif)
  • Reprise du projet précédente et amélioration de la partie modèle
  • Ajout du binding des objets du modèle aux composants graphiques
  • Traitement de la notification des changements

Jour 2

Vues et templates

  • Propriétés des vues
  • Evènements et réaffichage
  • Templates underscore
  • Mustache ou HandleBars
Exemples de travaux pratiques (à titre indicatif)
  • Création de plusieurs vues
  • Interpolation des données
  • Création de templates

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
Exemple de travaux pratiques (à titre indicatif)
  • Création d'une application qui utilise les routes pour afficher diverses parties de l'application côté client

Jour 3

Synchronisation des données

  • Appels Ajax / JSON
  • Backbone Sync
  • Liens avec une API REST
  • Stockage local
Exemples de travaux pratiques (à titre indicatif)
  • Intégration au modèle de l'appel de services REST d'un serveur
  • Stockage local des données reçues et exploitation de celles-ci

Extensions

  • Intégration d'autres frameworks
  • Backbone et jQuery
  • Générateurs type Thorax
  • Découverte de Marionnette
Exemples de travaux pratiques (à titre indicatif)
  • Installation de Marionnette
  • Utilisation du framework, facilitant l'utilisation de Backbone

Pédagogie

L'évaluation des acquis se fait :

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formationTélécharger au format pdf Ajouter à mes favoris

Formations de la même catégories (2)

M2i Formation
Backbone.jsPar M2i Formation
  • Concevoir une architecture Web côté client
  • Définir des modèles et collections Backbone
  • Gérer la navigation avec les routeurs
  • Créer des templates pour les vues Backbone
  • Synchroniser les données avec le serveur
  • Utiliser les fonctionnalités d'Underscore.
Dawan
BackboneJSPar Dawan

Maîtriser les concepts du framework Backbone.js - Utiliser Backbone.js pour développer des applications web performantes