Programmation Javascript et AJAX

objectif Apprendre les bases de la programmation côté client dans les pages HTML public concerné Développeurs de sites Internet ou Intranet pré-requis Une connaissance de base de la programmation et du langage HTML est souhaitable
Programme
PRESENTATION GENERALE L'ENVIRONNEMENT DE TRAVAIL

• Pré-requis

• Outils côté-client

• Outils côté-serveur

JAVASCRIPT

• Introduction au langage JavaScript
  • Définition
  • Bref historique
  • Limites
  • Outiis pour JavaScript
  • JavaScript et XHTML
  • Un premier script
  • JavaScript interne
  • JavaScript externe
  • Quelques conseils pour le débogage

• Notions fondamentales
  • La casse
  • Les commentaires
  • Le point-virgule
  • Les constantes
  • Les variables
  • Les opérateurs
  • Priorité des opérateurs
  • Un peu de théorie objet

• Fonctions et méthodes
  • Déclaration d'une fonction
  • Appel d'une fonction
  • Passage de paramètre(s)
  • Variable locale ou globale
  • L'instruction return
  • Quelques méthodes JavaScript:
    • alert(),
    • confirm(),
    • prompt(),
    • une minuterie

• Conditions et boucles
  • Les conditions if... else
  • La boucle for
  • La boucle while
  • L'instruction break
  • L'instruction continue

• Gestionnaires d'événements
  • La notion d'événement
  • L'événement onClick
  • L'événement onFocus
  • L'événement onLoad et onUnLoad
  • L'événement onMouseOver et onMouseOut
  • L'événement onSubmit

• Formulaire
  • La ligne de texte
  • Lire une valeur
  • Reproduire une valeur
  • Tester un formulaire vide
  • Donner le focus
  • Encodage d'un nom
  • Calcul automatique
  • Les boutons de choix unique
  • Les boutons de choix multiple
  • Le menu déroulant
  • Le bouton d'envoi
  • Le bouton de réinitialisation
  • Le bouton de commande
  • L'instruction this

• Manipulation des chaînes de caractères
  • length()
  • charAt()
  • indexOf()
  • lastlndex0f()
  • substring()
  • toLowerCase()
  • toUpperCase()
  • replace()
  • Les expressions régulières

• Tableaux en JavaScript (objet Array)
  • La définition d'un tableau
  • L'initialisation d'un tableau
  • L'accès aux données du tableau
  • Les tableaux associatifs
  • Les méthodes spécifiques aux tableaux

• Quelques autres objets JavaScript
  • L'objet Date
  • L'objet Math
  • L'objet navigator
  • L'objet window

INTRODUCTION A XML

• XML, HTML et XHTML

• La syntaxe de XML

• Un premier document XML

• Le DOCTYPE
  • DTD interne
  • DTD externe

• Afficher du XML avec CSS

• Afficher du XML avec XSL

• Afficher du XML dans du XHTML

• Des éditeurs XML

INTRODUCTION A XSL

• XSL

• Un premier document XSL

• Un premier exemple XSL

• Trier avec le langage XSL

• Filtrer avec XSL

• Choisir avec XSL

• Conditions et XSL

• Transformation avec XSL

• XML et XSL

LE DOM (DOCUMENT OBJECT MODEL)

• Présentation

• Concept de n?ud (node)

• Hiérarchisation des n?uds

• Propriétés de l'objet Node
  • Les propriétés de relation
  • Les propriétés d'état

• Accéder aux n?uds
  • Par la procédure classique
  • Par la méthode getEIementByld
  • Par la méthode getElementsByName
  • Par la méthode getElementsByTagName
  • Par les propriétés des n?uds

• Accéder aux attributs

• Modifier la hiérarchisation
  • La méthode createElement
  • La méthode createTextNode
  • La méthode appendChild
  • La méthode insertBefore
  • La méthode replaceChild
  • La méthode removeChild
  • Une application récapitulative

L' OBJET XMLHTTPREQUEST

• Présentation

• Créer un objet XMLHttpRequest

• Propriétés et méthodes

• Effectuer une requête

• Quelques propriétés détaillées
  • Propriété readyState
  • Propriété status
  • Propriélé responseText
  • Propriété responseXML

• Quelques méthodes détaillées
  • Méthode getAHResponseHeaders
  • Méthode getResponseHeader
  • Méthode setRequestHeader
  • Méthode overrideMimeType

L'APPROCHE AJAX

• Récupérer et traiter du texte

• Récupérer et traiter du XML
  • Par les n?uds - internet Explorer
  • Par les n?uds - Firefox
  • Par les n?uds - solution compatible
  • Par la méthode GetElernentsByTagName
  • Traitement des attributs

• Récupérer et traiter avec XSL
  • Solution pour Internet Explorer 7
  • Solution pour Internet Explorer 6 (et précédents)
  • Solution pour Firefox
  • Solution compatible
  • Une application XSL dynamique

AJAX PAR L'EXEMPLE

• Un carnet d'adresses

• Suggestion d'encodage

• Un double menu déroulant

• Un menu de navigation

• Un script de login

• Un diaporama en AJAX

• Une prévisualisation de !a page

• Un menu vertical dynamique