IHM – Javascript MVC – Backbone.js
Formation
A distance
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Description
-
Typologie
Formation
-
Méthodologie
A distance
-
Dates de début
Dates au choix
Comprendre les mécanismes d’une application MVC en JavaScript,Comprendre le fonctionnement de Backbone.js et l’utiliser,Maîtriser les implications techniques et les choix d’architecture inhérents à ce type d’application,Développer des solutions mettant en oeuvre la brique de base Backbone.js et utiliser un top-framework,Mettre en place une stratégie d’assurance qualité de développement d’applications
Les sites et dates disponibles
Lieu
Date de début
Date de début
Les Avis
Les matières
- Api
- Evénements
- Gestion
- Collections
Le 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
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
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
Les différents frameworks existants
Pourquoi un top-framework ? Présentation des solutions existantes
Concevoir une architecture modulaire.
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.
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
IHM – Javascript MVC – Backbone.js