Répertoire GIT:

https://github.com/FBruynbroeck/exercices.js

Hello World (prise en main jQuery)

But: attendre la fin de chargement du DOM avant d'insérer un "Hello World" dans la div dont l'id est = "hello"

Dossier: 12_jq_intro

Chat/Chien (event change)

But: afficher une image de chat ou de chien en fonction du choix de l'utilisateur.

L'image doit apparaître en 800ms avec un slide jQuery (slideUp/slideDown) de haut en bas.
Si aucun choix, ne rien afficher.

Particularité: avoir un délai d'une seconde entre le moment où on affiche une image et le moment où on cache une image.

Si c'est la première fois qu'on affiche une image, ne pas prendre en compte le délai d'une seconde.

Doc slideUp
Doc slideDown
Doc delay

Dossier: 13_jq_change

Catalogue iTunes (Ajax)

Formulaire de recherche de musique dans la db Itunes.

Fonctionnement: L'utilisateur encode un artiste et/ou un titre de musique. A la validation du formulaire, une liste de musique sera affichée en dessous du formulaire avec à chaque fois un échantillon de musique qu'il va pouvoir écouter depuis son navigateur.

Bonus: rajouter un bouton "Lyrics" qui affichera dans un popup les paroles de la musique souhaitée.

Doc Webservice Itunes
Webservice lyrics.ovh

Exemple d'utilisation du WS Itunes en GET: https://itunes.apple.com/search?term=indochine&entity=song

Exemple d'utilisation du WS lyrics.ovh en GET: https://api.lyrics.ovh/v1/renaud/les%20bobos

Attention: si vous contactez le WS Itunes en local, il faut utilser "jsonp" comme dataType afin de contourner la sécurité CORS. Explication ici

Dossier: 15_jq_ajax_itunes