Durée : 3 jours
Public : Webmasters avec de bonnes connaissances HTML et Javascript
Pré-requis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX
Objectifs : Maîtriser les concepts de Dojo Toolkit - Utiliser Dojo pour développer des applications web
Référence : SIT696-F
Découvrir Dojo Toolkit.
- Développement d'applications web
- Panorama des frameworks disponibles
- Dojo Toolkit : présentation, contextes d'utilisation, versions
- Modules et utilisations
- Environnements et outils de développement
- Intégration aux autres frameworks et outils de développement JavaScript modernes
Atelier : Installation de l'environnement Dojo, premiers lancements.
Ecrire des programmes JS avec Dojo Toolkit.
- AMD, Modules
- Bases : prototype, instanciation, closures, lambdas
- Programmation orientée prototype : simulation de classes, héritage, mixins
- Fonctions utilitaires : dojo_base, dojo/i18n, Stateful, mixin
- Promises et Deferred
- Programmation orientée aspect
- Couches de gestion évènementielle : emit, on, Evented, Stateful, topic
Atelier : Multiples exemples d'utilisation de Dojo Toolkit
Manipuler le document et gérer le navigateur.
- Structure d'une application : router, dojo/back, dojo/hash, dojo/url, dojo/io-query
- Manipulation du DOM : dom,dom-attr, dom-class, dom-construct, dom-geometry
- Sélection de noeuds avec Dojo/query
- Gestion des animations avec dojo/fx
Atelier : Création d'une application single-page interactive
Gérer la communication client / serveur.
- Requêtes avec dojo/request
- HTML et JSON
- Requêtes asynchrones
- Traitement des réponses JSON
Atelier : Mise en place d'une communication asynchrone dans une application Dojo.
Construire une IHM avec Dojo Toolkit.
- Présentation de Dijit
- Widgets : cycle de vie, instantiation, dojo/parser
- Widgets de formulaire : textbox, dates, etc.
- Panorama des widgets disponibles : menus, boîte de dialogues, etc.
- Mise en page avec des conteneurs : ContentPane, AccordionContainer, TabContainer, etc.
- Validation des contrôles
- Création de widgets personnalisés
- Gestion événementielle intra-widgets (this.own, this.watch), gestion de la mémoire
- Gestion du Drag'n Drop
Atelier : Construction d'une interface riche avec Dojo
Utiliser des modèles de données.
- Gestion des données dans Dojo : solutions disponibles
- Widgets connectés aux données
- Data Stores : présentation, utilisation
- Filtering select
- Tableaux (DGrid) : simples, éditables
Atelier : Utilisation de modèles de données interactifs
Intégrer des outils.
- Présentation de dojox
- Composants avancés : calendar, charts, gridx
- Gestion des styles et des thèmes
- Mise en place de tests unitaires avec Intern
- Intégrtion d'application responsive design
- Dojo Build System
- Packages et layers
- Intégration avec Grunt
Atelier : Implémentation d'une application responsive design, optimisations.