Nos domaines de formation :

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

Stage pratique
Durée : 3 jours
Réf : BAB
Prix  2018 : 1990 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
Programme

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.

Travaux pratiques

A l'issue de la formation, accès au code source complet de l'application développée, ainsi qu'à la documentation relative aux éléments mis en place.

Méthodes pédagogiques

1/3 de cours magistraux et 2/3 de travaux pratiques. Objectif : réalisation d'une application web simple, capable d'exploiter les briques mises en œuvre (Backbone.js, Marionnette, LocalStorage).
PROGRAMME DE FORMATION

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.

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.

Travaux pratiques
Ecriture de tests unitaires à l'aide de Mocha.

Participants / Prérequis

» Participants

Chefs de projet web, architectes techniques, développeurs front-end.

» 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.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.