Des exemples et exercices en JavaScript


 

Bienvenue!

Bienvenue sur ces pages ressources en JavaScript. Nous vous présentons des exemples et exercices afin de vous familiariser avec ce langage de programmation. Notre intention est très peu théorique, mais beaucoup plus pragmatique.

Nous procédons en 4 étapes, toutes construites autour d'un exemple concret. Nous présentons:
  1. Ce que l'on veut faire: l'objectif de l'exemple
  2. Un exemple: le résultat d'un bout de code en JavaScript
  3. Le code utilisé: les lignes de code JavaScript ayant servi à générer l'exemple
  4. Pour vous pratiquer, des exercices: des suggestions d'exercices que vous pouvez faire, afin de mieux maitriser la langage

Nous avons adopté une approche inductive. Nous expliquons ici très peu les détails, du pourquoi telle fonction a été utilisée, du comment ça marche exactement. Nous pensons qu'en mettant la main à la pâte, vous construirez les compétences nécessaires.

Conseils d'utilisation

Pour travailler, il vous faut un "browser", de préférence Netscape Navigator, en version 4 (et plus).

Vous devrez programmer directement les codes JavaScript dans un fichier. Nous vous conseillons simplement d'utiliser le NotePad ou WordPad (sur Windows) ou SimpleText (sur Macintosh). Vous devrez copier les bouts de code JavaScript dans une page HTML. Vous n'avez qu'à sélectionner les codes dans les zones grises des exemples, et les coller dans la page.

Vous pouvez tester les exemples dans votre propre page HTML. Ou si vous le désirez, commencez avec cette page d'exemple. Copiez-là dans l'un de vos répertoires (en faisant "File, Save As" depuis votre navigateur). N'oubliez pas l'image!

Les exemples

Premier module

  1. Ecrire dans une page HTML
  2. Le nombre de jours avant une date
  3. Affichage conditionnel selon un paramètre
  4. Insérer un fichier dans une page HTML

 


Programmer en JavaScript @ TECFA