Formation Backbone.js., développer une application web

Maîtriser Backbone js

Présentation

DVBA001
3 jours ( 21 heures )
Présentation

Ext JS offre un mode de développement web par prototype très puissant. Cette librairie javascript évolue vers une version plus mature avec des composants encore plus cohérents. Cette formation vous propose de découvrir certains aspects avancés d'Ext JS comme Direct ou le modèle d'Application' MVC. 

 

Objectifs du cours

Comprendre les principes de Backbone.js et l'utiliser les bonnes pratiques de développement

Pré-requis
Développement de base  HTMl, CSS et Javascript

Programme

 

Introduction
Rappels sur JavaScript, le langage, ses avantages et ses pièges
Le binding et le vrai sens de this
Prototypage et Constructeurs
Backbone.js : origine, objectifs et état de la solution
Cas d’utilisation : quand et pourquoi mettre en oeuvre Backbone.js ?
Concevoir une application web
Structure de base : modèles et vues

Installation
Gérer son environnement
Choisir ses libraires
Gestion des dépendances front avec Bower

Architecture Event-driven
Utiliser les évènements pour gérer les piles appels
Attacher et lever des évènements dans les composants Backbone.js

Modèles
Structuration des modèles de données Backbone.js
API Sync vers / depuis le WebService
Récupérer et sauver les données
Créer des objets de donnée et appliquer des valeurs par défaut
Rattacher des évènements

Vues
Composant de vue par défaut
Gestion des attributs
Dépendances à jQuery
Rendering
Templating simple
Rattacher des évènements

Interactions Modèles / Vues
Gérer les évènements depuis la vue
Remonter les changements d’état de donnée depuis les modèles
Synchroniser les actions utilisateur vers le WebService
Re-rendering des vues
Destruction des vues couplées aux modèles

Collections
Structurer des groupes de modèles
Ajouter / Supprimer des éléments
Itérer sur les collections
Rattacher la synchronisation vers le WebService
Rattacher les évènements
Gérer les cas d’évènements spécifiques aux collections

Interactions Collections / Vues
Utiliser des Collection Views
Rendering
Utiliser les custom events

Router
Mapper les URLs
Utiliser les substitutions
Naviguer dans les ressources

History API
Tirer parti d’History API pour gérer la navigation

PROGRAMME DE LA 2NDE JOURNEE DE FORMATION
WebServices non-standard
Parser les réponses non-standard
Renvoyer les réponses au WebService
Gérer les ID non-conventionnels
Rattacher des collections

Collections avancées
Gérer des paramètres supplémentaires
Gérer une pagination
Trier les collections

Router : les cas concrets
Utiliser des URLs à sections optionnelles
Capturer les URI encodées
Utiliser les regex pour capturer les URI
Créer des catch-all
Définir des File-Paths

Vues sur-mesure
Réutiliser les éléments du DOM
Echapper et nettoyer les saisies utilisateur
Passer des arguments optionnels aux évènements
Optimiser ses vues pour la gestion des interactions utilisateur
Nettoyer la vue

 

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

Organisation et Structuration
Conseils de rédaction & chartes de hommage
Organiser ses sources
Utiliser AMD pattern et Require.js
Boostrapping de l’application

Enrichir Backbone.js
Templating : utiliser des moteurs alternatifs
Ajouter la gestion du data binding à Backbone.js
Gérer le cache applicatif

PROGRAMME DE LA 3EME JOURNEE DE FORMATION
Les différents frameworks existants
Pourquoi un top-framework ?
Présentation des solutions existantes

Concevoir une architecture modulaire
Pourquoi découper l’application
Isoler les composants applicatifs
Gérer l’utilisation asynchrone

Marionette : top-framework
Marionette : origine et objectifs
Attacher Vues et Modèles sur Marionette
Définir les initliazers
Bootstrapper l’application

Exploiter localStorage
Créer une persistance avec localStorage
Etendre le support du cache applicatif persistant avec Lawnchair
Gérer la pile réseau et le mode offline

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

Partager cette formation

 

Contactez-nous

contactez logware

Vous êtes intéressé par cette formation ou souhaitez simplement obtenir des informations complémentaires ?

+33 1 53 94 71 20

Écrivez-nous on vous rappelle

  1. Nom*
    Merci de saisir un nom valide
  2. Prénom*
    Merci de saisir un prénom valide
  3. E-mail*
    Merci de saisir une adresse email valide
  4. Téléphone*
    Numéro de téléphone invalide
  5. Entreprise
    Donnée invalide

Parce que nous comprenons la nécessité d'obtenir un enseignement qui permettra à votre équipe d'atteindre vos objectifs, nous restons flexibles et sommes capables d'adapter nos programmes de formation à vos besoins.

> En savoir plus