Après 4 ans dans la jungle des MVC JavaScript, Backbone est toujours aussi populaire. Cette librairie permettant de structurer des applications jQuery avec le pattern MVC et l'architecture REST, s'adapte à tous types d'applications web grâce à son cadre de développement ouvert et à son écosystème riche.

Cette formation propose de découvrir les applications single-page à ses côtés et les techniques de développement offrant productivité et qualité. À la fin des 3 jours, vous serez autonome dans la création d'application web côté client.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

• Développer des single-page applications performantes
• S'approprier jQuery, Backbone, Underscore et Thorax
• Structurer, tester et debugguer une application
• Utiliser les outils modernes du développement web
• Générer un livrable prêt pour la production

Pré-requis

• Un minimum de connaissances en JavaScript
• Expérience en développement web
• Ordinateur portable à apporter
• Ordinateur portable à apporter

Le programme de la formation Backbone.js

Jour 1 : Backbone, pas à pas

• JavaScript, un language d'appoint devenu le language du web
• Le dom et ajax avec jQuery, anatomie d'une page web
• REST, le nouveau standard d'échange client-serveur
• Backbone, un cadre de développement et de conventions
  • Création d'une arborescence de vues et ajout au dom
  • Découpe d'une page en plusieurs templates HTML
  • Écoute des actions utilisateur
  • Accès asynchrone à un serveur à l'aide de modèles/collections
  • Navigation, routes et history d'une application
• Problématiques classiques
  • Gestion de formulaires
  • Gestion d'erreurs
  • Login utilisateur
  • Templating avancé
  • Debugging avancé
  • Data binding
• Conventions et bonnes pratiques
  • Communication entre composants
  • Classes, héritage et autre richesse d'Underscore
  • Vues fantômes et gestion de la mémoire

Jour 2 : Backbone, mise en production

• Traitements avancés
  • Valider, filtrer et trier des données
  • Pagination et recherche
  • Interface riche, drag&drop et plugins jQuery
• Tester une application
  • Mocha et Chai, tests unitaires
  • Sinon, mocking
  • Zombie, tests d'intégration
  • Travis, intégration continue
• Structurer une application en composants
  • Bower, gestion des dépendances
  • Require/Duo, découpe en modules
• Minifier une application
• Automatiser ces étapes avec Gulp

Jour 3 : Thorax, concentré de designs patterns

• Convention forte pour la composition de vues
  • Vues dédiées aux collections et état de chargement
  • Imbrication côté template
  • Gestion du rendering et évènements associés
• Templating avancés, liens & co
• Nouveaux évènements et propagation limitée
• Interruption des requêtes lors de la navigation
• Générateur Yeoman

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

• une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• de nombreux clients qui nous font confiance depuis des années
• un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
• 82 formations au catalogue, 1275 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation