Animation Web
BackBone.js, maîtriser le Framework de développement Web
Reference : BMFDW

3
jours - Nous consulter Télécharger la fiche
Prochaines sessions

Objectifs
- 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.
Pré requis
- Très bonne connaissance de JavaScript. Connaissance de HTML, CSS. Une connaissance des design patterns courants et de l’architecture MVC est un plus.
Modalités et délais d’accès
Pré-inscription
Bulletin d'inscription à retourner complété
Programmes de BackBone.js, maîtriser le Framework de développement Web
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.
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.
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.
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.
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.
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.
Tester unitairement Backbone.js
- Pourquoi mettre en place des tests ?
- Assurer la cohérence des développements avec Mocha.
- Mettre en place des Mocks WebService.
- Assurer ses stratégies de test.