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

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)

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

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Testez vos connaissances

Nos quizz vous guident dans le choix de formation.
Évaluez votre niveau de pré-requis pour découvrir la formation faite pour vous.

Accédez au test de connaissance

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous