Formation Dojo Toolkit

Introduction à la formation Dojo Toolkit

Présentation du Framework Dojo

Présenter Dijit, Dojox

Installer Dojo via un CDN

Installer Dojo sur votre serveur

Les thèmes graphiques

Outils de débogage

Atelier pratique : Créer une première application Dojo

Prise en mains

Configurer Dojo

Les fonctions essentielles

Les appels de modules

Au chargement complet

L’approche déclarative

L’approche programmatique

Utilisation de la console de débogage

Manipuler le DOM

Recherche d’éléments dans le DOM en fonction d’un sélecteur CSS

Changer les propriétés d’un élément

Modifier le contenu d’un élément

Supprimer un élément

Accéder aux attributs

Vérifier la présence d’un attribut

Accéder au style d’un élément

Modifier dynamiquement le style d’un élément

Chaînes de caractères et tableaux

La fonction isArray

Position d’un élément

Position de la dernière occurrence d’un élément

Boucle sur les éléments du tableau

fonction isString

Enlever les espaces

Remplacer par une chaîne de caractères

Gestion des événements

Gestion des événements dans le code HTML

Gestion des événements dans le code JavaScript

Les événements onmouseover, onmouseout, onfocus , onchange

Les animations

Notionde bases sur les animations Dojo

Les événements liés aux animations

Les méthodes spécifiques aux animations

Atelier pratique : Afficher progressivement, Cacher progressivement, Animation des propriétés CSS,,,,

AJAX avec Dojo

Comprendre le XMLHttpRequest

Le format XML

Le standard JSON

Lecture de données JSON avec AJAX

Lecture d’un fichier HTML avec une requête xhr.get()

Lecture d’un fichier HTML avec le module dojo/request

Atelier pratique : divers requetes AJAX

Les formulaires avec le module Dijit

Les lignes de texte

Les boutons de commande

Les boutons checkbox, radio et autres.

Les listes de sélection

L’envoi de formulaires.

Les applications Dijit

Palette de couleurs

Calendrier

Boîte de dialogue

Editeur de texte élémentaire

Barre de progression

Barre d’outils

Les menus

Les modules de mise en page

Le panneau de contenu

La division de la page

L’accordéon

Drag and drop

Rendre un élément div mobile

Rendre un widget mobile

Modifier les caractéristiques d’un élément pendant son déplacement

Exploration de DojoX(Drag and drop)

le module de charting de Dojox

Une galerie photo