Tutoriel JavaScript en exemples

JavaScript est la base du HTML dynamique et d'Ajax et des applications Web. Il est aussi utilisé pour les interactions dans les langages d'interfaces graphiques basés sur XML tels que XUL et XAML. Ce tutoriel JavaScript est donc indispensable aux programmeurs d'aujourd'hui.
Les démonstrations permettent de tester les méthodes et valeurs sous différents navigateurs. Noter que sous Internet Explorer 7, il faut activer le "contenu bloqué", donc les scripts pour essayer localement les démonstrations.

Ce tutoriel est basé sur JavaScript 1.5 compatible tous navigateurs récents et à la norme ECMA-262 édition 3.

1. Syntaxe du langage.
2. Variables et constantes.
   Les variables JavaScript sont dynamiques.
3. Les opérateurs.
4. Les tableaux.
   Ils sont dynamiques et dotés d'attributs et méthodes.
• Tableau associatif.
• For each.
5. Les fonctions.
   Définition et utilisation de fonctions.
• Fonctions prédéfinies.
  On peut les utiliser dans tout script.
6. Les structures de contrôle
   Structures conditionnelles et boucles.
7. JavaScript et PHP.
   Partage de variables entre PHP et les pages Web. Ajouter des variables à celles des formulaires.
8. Formulaire.
   Principes et objets de formulaire en HTML 4 et HTML 5.
• Objets de formulaire en HTML 4.
• Input text.
• Création et utilisation d'un formulaire.
  Comment créer un formulaire, accéder à ses éléments, insérer un bouton.
• GET ou POST. Quelle méthode choisir?
• Envoi et réception des valeurs d'un formulaire.
  Traitement des valeurs et envoi à une autre page.
• Démonstration de tous les objets de formulaire.
• Passer l'état d'une checkbox à une autre page.
9. La fonction eval.
   Cette fonction intégrée permet d'ajouter du code JavaScript dynamiquement.
10. Expression régulière
    Traitement de texte selon des règles de correspondance.
11. Les objets.
    En JavaScript, ils sont dynamiques et changent de structure durant le traitement.
• L'objet Number. Attributs et méthodes.
• L'objet String. Détail de toutes les méthodes de chaîne.
• L'objet Array. Avec un test interactif des attributs et méthodes.
• L'objet Date.
• L'objet RegExp. Pour passer des expressions régulières à un formulaire.
• Booléens et objet Boolean.

Objets HTML et DOM

1. Windows. Création dynamique de fenêtre en JavaScript.
• Location. Elément de Window pour obtenir les paramètres de l'URL de la page.
• Document. Accès au contenu de la page.
• History. Interface à l'historique de navigation.
• Boites de dialogue. Interagir avec l'utilisateur avec alert, confirm, prompt.
• setTimeout et setInterval. Les délais à l'exécution.
2. Navigator. Pour identifier le navigateur de l'internaute.
3. Node. Atome de l'arborescence d'une page. Permet de modifier sa structure.
4. NodeList. Description et utilisation de l'interface.
5. Select. Gérer les listes et menus.
• Select. Créer une liste de sélection dynamique.
6. Image Map. Des hyperliens dans les images.
• Images dynamiques. Remplacer une image.

Exemples et démos interactives JavaScript

1. Illusion d'optique.
   Comment changer une image quand on presse le bouton de la souris.
2. Méthodes de Number.
   Tester interactivement les valeurs valides et le résultat des conversions.
3. Méthodes de String.
4. Méthodes de Array.
5. Méthodes de Date.
   Tester interactivement l'objet Date.
6. Affichage dynamique de vidéo avec l'interface Node.
7. Testeur d'expressions régulières.
8. Tester le résultat des opérateurs et expressions.