S'INSCRIRE
Nos formations :
Formation BackBone.js, maîtriser le framework de développement Web
- Programme
- Participants / Prérequis
- Intra / sur-mesure
Ce stage vous permettra de découvrir le Framework BackBone.js et d'en comprendre les mécanismes. Vous verrez comment le mettre en oeuvre avec efficacité, adapter l'outil à vos solutions internes, et comment assurer un développement itératif de qualité en testant en continu vos sources Backbone.js.
Objectifs pédagogiques
- Installer l'environnement BackBone.js
- Afficher dans une interface des données provenant d'un WebService REST
- Créer des formulaires dynamiques
- Manipuler les extensions de Backbone.js
- Ecrire des tests unitaires dans le cadre de BackBone.js
Travaux pratiques
Méthodes pédagogiques
Présentation de Backbone.js
- Rappels JavaScript.
- Les concepts fondamentaux de Backbone.js. Quand l'utiliser ?
- Les dépendances (underscore.js, jQuery).
- Créer et configurer un environnement de développement.
Travaux pratiques
Installer Backbone, configurer un environnement de développement.
Concepts de base
- L'architecture Event-Driven. Gérer les événements dans les composants Backbone.js.
- Les modèles. Gérer les données. Synchroniser les composants avec Sync.
- Les vues. Gérer les interactions entre les modèles et les vues. Dépendance à jQuery.
- Les collections d'objets. Gérer les interactions entre les collections et les vues.
- Le Router. Mapper les URLs, naviguer dans les ressources. L'History API.
Travaux pratiques
Récupérer des données via un WebService REST et les afficher dans une interface.
Concepts avancés
- Gérer une pagination, trier les collections.
- Les URLs à sections optionnelles, utiliser les regex pour capturer les URI.
- Optimiser ses vues pour la gestion des interactions utilisateur.
Travaux pratiques
Enregistrer des informations depuis l'application vers le WebService.
Concevoir les formulaires
- Construire 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.
Travaux pratiques
Construction des vues de formulaires dynamiques.
Organiser, structurer et enrichir Backbone.js
- Conseils de rédaction, chartes de nommage. Organiser ses sources.
- Utiliser AMD pattern et RequireJS.
- Boostrapping de l'application.
Travaux pratiques
Encapsuler les composants d'application dans un pattern AMD en utilisant les libraires RequireJS.
Les extensions de Backbone.js
- Implémentation du DataBinding.
- Structurer plus facilement vos applications avec Marionette.
- Persister les données avec le LocalStorage. Gérer le mode offline.
- Moteurs de templating alternatifs. Cache applicatif.
Travaux pratiques
Restructurer l'application avec Marionette. Enregistrer des données locales. Gérer le mode offline, synchroniser les données à la reconnexion.
