Formation Développeur Web HTML 5, CSS 3 et JavaScript Backbone.js

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