[wpms_breadcrumb reverse="0"]
Animation Web

BackBone.js, maîtriser le Framework de développement Web

Reference : BMFDW
3 jours - 2030 € HT
Prochaines sessions
  • Le 25/11/2019
BackBone.js, maîtriser le Framework de développement Web
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 pédagogiques

Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques

Public visé
Inscription

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.