Formation Informatique | Formation Management
Informatique » Internet / XML-SOA / Cloud » Formation Web, développement »

Dojo Toolkit, créer des appli. Ajax/ RIA en Javascript

Formation JavaScript

Stage pratique
Eligible au DIF

Réf : DOJ

Prix 2012 : 1730 € H.T.
Durée :  3  jours
Cliquer sur une session pour réserver:

Paris
4 juin 12, 15 oct. 12

Toutes les sessions  

Lyon,Aix
Nantes,Rennes
Toulouse,Bordeaux
Bruxelles,Strasbourg
Lille,Geneve
Sophia-antipolis,Luxembourg :
Nous contacter
Filières métiers:

Développeur de site Web (côté client)
version pdf imprimer Faire suivre


Les objectifs de cette formation JavaScript
Dojo Toolkit est un Framework JavaScript Open Source qui facilite le développement Web 2.0. Ce stage vous apportera la maîtrise des fonctionnalités les plus utiles de Dojo et vous apprendra à les mettre en oeuvre pour créer des applications Web " riches " (RIA). Vous verrez comment utiliser Ajax, concevoir des IHM et des formulaires évolués, utiliser des widgets préfabriqués ou créer vos propres composants.

Participants de cette formation JavaScript

Ce cours s'adresse au développeur Web réalisant des interfaces utilisateurs en HTML/CSS et souhaitant les dynamiser avec JavaScript.

Pré-requis de cette formation JavaScript

Bonnes connaissances en HTML, CSS et JavaScript. Connaissances de base en programmation orientée objet.

Travaux pratiques

Les travaux pratiques ont pour objet la réalisation d'un prototype d'une application. L'interface graphique de l'application sera réalisée en exploitant les widgets fournis avec Dojo Toolkit puis progressivement enrichie pour prendre en compte les interactions avec l'utilisateur.

Programme de cette formation JavaScript

Introduction à Dojo Toolkit

- Présentation des concepts et technologies du Web 2.0.

- Présentation de l'architecture.

- Présentation des différentes éditions.

- Intégration à une application.

- Configuration de Dojo Toolkit.

Travaux pratiques
Installation de Dojo Toolkit. Création d'un document HTML intégrant Dojo Toolkit. Configuration des paramètres de base.

Le module Dijit : interface graphique et formulaire

- Architecture et cycle de vie d'un widget.

- Instanciation d'un widget.

- Utilisation et personnalisation d'un thème.

- Les widgets applicatifs : barre de menus et barre d'outils, info-bulle, menu contextuel, affichage arborescent, barre de progression, boîte de dialogue...

- Les widgets de mise en page : ContentPane, BorderContainer, TabContainer, StackContainer, AccordionContainer.

- Les widgets de formulaire : champs de texte, listes déroulantes, boutons, case à cocher, bouton radio, curseur...

- Fonctions utilitaires pour la gestion des widgets.

Travaux pratiques
Définition de la maquette de l'application. Intégration de la maquette à l'aide des widgets.

Gestion des modules et programmation orientée objet

- Création et configuration d'un module.

- Rappel sur la programmation orientée objet.

- Simulation des classes et de l'héritage.

- Fonctions utilitaires pour la programmation orientée objet.

Travaux pratiques
Création d'un widget personnalisé.

Gestion des événements

- Gestion des événements du DOM.

- Gestion des événements d'un widget.

- Implémentation d'une architecture Publish/Subscribe.

Travaux pratiques
Ajout des gestionnaires d'événement aux widgets de l'application.

Ajax

- Présentation de l'architecture Ajax.

- Utilisation des fonctionnalités Ajax.

- Présentation du format JSON.

Travaux pratiques
Modification des formulaires de l'application pour employer Ajax.

Drag and Drop et animations CSS

- Utilisation du Drag and Drop.

- Utilisation des animations prédéfinies.

- Création d'une animation personnalisée.

- Chaînage et combinaison des animations.

Travaux pratiques
Ajout du Drag and Drop et des animations à l'application.

Fonctions utilitaires

- Manipulation de chaînes.

- Manipulation de tableaux.

- Manipulation du DOM.

- Gestion des cookies.

- Gestion du bouton Précédent.

Modules et outils complémentaires

- Présentation du module Dojox.

- Dojo Build Tools : déploiement d'une application Dojo.

- Dojo Objective Harness (DOH) : tests unitaires pour JavaScript.

Travaux pratiques
Création d'une édition personnalisée de Dojo Toolkit.