Clever Council Maroc - Cercle IMAGE

Clever Council Maroc - Formation ICON Formation Front End Backbone

Catégorie de la formation : ERP, Développment logiciel, Web et DEVOPS

Formation Front End Backbone

Durée de la formation : 5 jours

Clever Council Maroc - Formation Titre Icon 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

  • 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 pratiquesEcriture de tests unitaires à l'aide de Mocha.

Clever Council Maroc - Front End Backbone Détails de la formation Front End Backbone

Installer l'environnement BackBone.js

Afficher dans une interface des données provenant d'un Web

Service REST

Créer des formulaires dynamiques

Manipuler les extensions de Backbone.js

Ecrire des tests unitaires dans le cadre de BackBone.js

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

Très bonne connaissance de JavaScript.

Connaissance de HTML, CSS.

Une connaissance des design patterns courants et de l'architecture MVC est un plus

Une pédagogie active et variée entre théorie et pratique avec des discussions.

Réalisation d'une application web simple, capable d'exploiter les briques mises en œuvre (Backbone.js, Marionnette, LocalStorage).

Clever Council Maroc - Formations similaires ICON Formations similaires

Clever Council Maroc - Mail ICON Contactez-nous

Adresse

1 Rue Abou Taour, Socrate, 4éme étage N12 - Casablanca, 20370