Chapitre 2 : Web interactif


image


image

Roberta Williams (née le 16 février 1953) est connue pour être à l'origine du jeu vidéo Mystery House, le premier jeu d'aventure graphique, dont le succès fut tel qu'avec son mari Ken Williams, elle créa On-Line Systems en 1980 qui devint en 1982, Sierra On-Line. On lui doit de nombreux autres classiques du jeu d'aventure. La créatrice de jeu-vidéo américaine a mis au point Mystery House en 1980, avec son mari Ken Williams. Autrefois en mode texte uniquement, le monde du jeu-vidéo est alors propulsé dans une nouvelle dimension.




Le langage JavaScript est un langage de programmation interprété permettant de créer des sites Web interactifs, c'est-à-dire des sites Web qui puissent afficher du contenu en fonction d'événements réalisés côté client (clic de souris, survol d'une zone à l'aide de la souris, etc.).

Le but de ce chapitre est double :
  • présenter et manipuler, à travers deux TP à faire en autonomie, quelques éléments clés du langage JavaScript ;
  • comprendre les notions générales liées à la programmation événementielle.

On propose le déroulé suivant :
  1. un premier TP (TP1 introduction) présentant quelques éléments clés du langage JavaScript avec une fiche de synthèse à réaliser et à présenter. Les élèves utiliseront le document ressource Introduction au JavaScript disponible en téléchargement ;
  2. un deuxième TP (TP2 manipulation) pour manipuler et approfondir les notions vues au TP précédent avec une fiche de synthèse à réaliser et à présenter. Les élèves utiliseront les documents ressources Introduction au HTML5, Introduction au CSS3 et Introduction au JavaScript disponibles en téléchargement ;
  3. un point de cours bilan reprenant l'essentiel de ce qui a été vu dans le deux TP précédents ;
  4. un troisième TP (TP3 projets) permettant de mettre en oeuvre les notions vues précédemment en JavaScript à travers la réalisation d'un site Web interactif.


Afficher le TP1 (introduction)




Afficher le TP2 (manipulation)




Afficher le cours




Afficher le TP3 (projets)




Téléchargement

Téléchargement des ressources