Programmation JavaScript et AJAX

3 jours

AJ110

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

Témoignage

J'ai particulièrement apprécié la quantité et qualité des exercices/exemples traités de façon interactive au fur et à mesure de la formation.
Rachel R. - INRA - stage « Langage Perl 5 »

Témoignage

Formation très intéressante avec une bonne répartition entre théorie, exercices, axes d'améliorations, outils. Formation utile personnellement et professionnellement.
Nicolas J. - CONTINENTAL AUTOMOTIVE - stage « Travailler sa mémoire, travailler avec sa mémoire »

Catalogue Télécharger l'édition 2011

Facebook

Viadeo

RSS

Iris Training Paris La Défense - Tél. (33) 09 80 08 33 86
Iris Training - 2, impasse Michel Labrousse - BP 53637 - 31036 Toulouse Cedex 1 - France - Tél : (33) 05 61 40 61 60 - Fax : (33) 05 61 43 85 68