Développer avec le framework JavaScript YahooUI

Public :

• Développeurs, Chefs de projets internet, Architectes

Objectifs :

• Intégrer le framework YUI dans la réalisation d'applications et/ou de pages Internet.
• Mettre en place des fonctionnalités AJAX et les composants graphiques YUI.

Pré-requis :

• Maitrise des langages HTML et CSS.
• Connaissance du langage JavaScript.

Introduction

• Les applications RIA en JavaScript
• Le formalisme XML
• Le DOM : Document Object Model
• Les requêtes Ajax
• Les différents frameworks JavaScript

Concepts avancés du langage JavaScript

• Type Function
• Tableaux
• Objets et namespaces
• Format JSON (JavaScript Object Notation)

Installation et configuration

• Eléments du framework YUI
• Intégration des scripts dans le code HTML
• Configurateur de dépendance
• Chargement dynamique des modules
• Objet global de configuration YUI
• Détection de navigateur web

Parcours et manipulation du DOM

• Chargement du module Node
• Sélection d'éléments du document
• Navigation dans le DOM
• Utilisation des sélecteurs CSS
• Création et suppression d'éléments
• Accès aux propriétés des éléments

Gestion des évènements

• Chargement du module Event
• Evénements utilisateur et événements système
• Interception des événements
• Fonction Handler

Mise en forme de l'application

• Chargement du module StyleSheet
• Création d'un objet StyleSheet
• Ajout, modification et suppression de règles CSS
• Création d'animation et d'effets graphiques de transition

Requête HTTP Asynchrone

• Chargement du module IO
• Création et configuration d'une requête
• Gestion de la réponse et des erreurs
• Manipulation des données JSON
• Envoi des données d'un formulaire
• Envoi de fichiers
• Mise en place d'objet DataSource

Composants graphiques évolués (Widgets)

• Gestion des modules
• Bibliothèque d'extensions (Plug-in)
• Composants simple : Calendar, ColorPicker, AutoComplete
• Composants de mise en page : TabView, Panel, Dialog, Menu
• Composants d'affichage de données : TreeView, DataTable
• Gestion du glisser/déposer