Dojo Toolkit

Durée

3,00 jour(s)

Langue(s) de prestation

EN FR

Prochaine session

Qui organise cette formation ?

Dawan est un organisme de formations qui propose plus de 2500 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, l'intelligence artificielle, etc.

À qui s'adresse la formation?

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.

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.