Dojo Toolkit

Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX

Maîtriser les concepts de Dojo Toolkit - Utiliser Dojo pour développer des applications web.

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.

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis

Support de cours + sources des exercices