Formation Front End Backbone à Casablanca

Formation Front End Backbone

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 pratiquesInstaller 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 pratiquesRé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 pratiquesEnregistrer 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 pratiquesConstruction 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 pratiquesEncapsuler 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 pratiquesRestructurer l'application avec Marionette. Enregistrer des données locales. Gérer le mode offline, synchroniser les données à la reconnexion.

Tester unitairement Backbone.js