Objectifs pédagogiques / Compétences visées
- 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.
Niveau requis
Avoir suivi le cours JVS-IN "JavaScript" ou avoir une connaissance pratique du langage JavaScript et de jQuery.
Public concerné
Développeurs, architectes, chefs de projets techniques.
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
Modalités d’évaluation des acquis
- 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)