Programmation JavaScript et AJAX

Apprendre les bases de la programmation côté client dans les pages HTML.


Plan de cours

  1. PRESENTATION GENERALE
  2. L'ENVIRONNEMENT DE TRAVAIL
    • Prérequis
    • Outils côté-client
    • Outils côté-serveur
  3. JAVASCRIPT
    • Introduction au langage JavaScript
      • Définition
      • Bref historique
      • Limites
      • Outils 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
  4. 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
  5. 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
  6. 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
  7. 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été responseText
      • Propriété responseXML
    • Quelques méthodes détaillées
      • Méthode getAHResponseHeaders
      • Méthode getResponseHeader
      • Méthode setRequestHeader
      • Méthode overrideMimeType
  8. 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
  9. 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 la page
    • Un menu vertical dynamique

Code formation & Durée

AJ110 - 3 jours

Public

Développeurs de sites Internet ou Intranet.

Pré-requis

Une connaissance de base de la programmation et du langage HTML est souhaitable.

Modalité pédagogique

Apport théorique et mise en pratique.

Téléchargement