plan de cours - Iris Training

EXPERT EN DÉ VELOPPE MENT DE COMPÉTENCES
PLAN DE COURS
PROGRAMMATION JAVASCRIPT ET AJAX
Objectif
Code
AJ110
Apprendre les bases de la programmation côté client dans les pages HTML
Public Concerne
Duree
Développeurs de sites Internet ou Intranet
3 jours
Pre-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
L'objet
L'objet
L'objet
Date
Math
navigator
window
INTRODUCTION A XML
XML, HTML et XHTML
Page : 1/2
EXPERT EN DÉ VELOPPE MENT DE COMPÉTENCES
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
Par
Par
Par
Par
la procédure classique
la méthode getEIementByld
la méthode getElementsByName
la méthode getElementsByTagName
les propriétés des n?uds
Accéder aux attributs
Modifier la hiérarchisation
La
La
La
La
La
La
méthode
méthode
méthode
méthode
méthode
méthode
createElement
createTextNode
appendChild
insertBefore
replaceChild
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
Méthode
Méthode
Méthode
getAHResponseHeaders
getResponseHeader
setRequestHeader
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
Page : 2/2