Base exercise to discover AJAX with jQuery.
meet-jquery is an educational project.
Note: the school where the course is given, the HEPL from Liège, Belgium, is a french-speaking school. From this point, the instructions will be in french. Sorry.
Ces fichiers servent de base d'exercice pour le cours de découverte de jQuery.
Dans le cadre de cet exercice, nous allons travailler en deux étapes. Premièrement, nous allons faire les deux premiers éléments de l'exercice en utilisant uniquement les API du DOM, et ensuite, nous intégrerons jQuery pour refaire ces deux éléments et les deux suivants.
- Certains liens ont un attribut
reldont la valeur est "external" : ces liens devraient s'ouvrir dans une nouvelle fenêtre (je sais, c'est pas le plus top à faire niveau accessibilité, mais c'est pour l'exercice). - La page comprend une petite structure html figurant des onglets. À nous de rendre ces onglets fonctionnels pour qu'en cliquant sur un onglet, ce soit le bon contenu qui s'affiche.
- Dans la colonne de droite, nous avons une série de photos, nommée trombinoscope. D'abord, nous allons masquer toutes ces photos, sauf la première. Ensuite, lors d'un clic sur le titre de la section trombinoscope, nous animerons le déplacement l'image de 250 pixels vers la gauche (ça n'a aucune utilité - encore une fois, c'est un exercice).
- Il existe dans la page un petit formulaire d'ajout de commentaires. Nous allons intercepté son submit, et vérifier que chaque champs a bien été rempli avant de permettre la soumission. Nous en profiterons pour tester sommairement la validité de l'email entré.
This educational project use some external resources :
- the stylesheet & icons are made using bootstrap
- the background image of the page are taken from the awesomewallpapersblog
- the "Outbreak" zombie attack scene are from Chris McVeigh
- the others little photos are homemade, using LEGO Minifigures.