Dojo Toolkit

À qui s'adresse la formation?

Webmasters avec de bonnes connaissances HTML et Javascript

Durée

3,00 jour(s)

Langue(s) de prestation

EN FR

Prochaine session

Contacter l'organisme

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.

Contenu

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.