Valeur de cette activité : 5 points
Compétence :
45 - Javascript : jQuery - introduction

A-Module 04 : JAVASCRIPT : 5 points - difficulté : 2

jQuery

Description

jQuery est une bibliothèque Javascript libre qui porte sur l'interaction entre JavaScript (comprenant AJAX) et HTML,
et a pour but de simplifier des commandes communes de Javascript.

Affichez quelques exemples d'utilisation

Affichez un exemple de carroussel d'images

Consultez quelques exemples des possibilités offertes

http://www.jquery4u.com/git/jquery-demos-github/

Consultez la référence Jquery de w3schools

http://www.outils-web.com/page-script-jquery.asp#.UgzEG90_qEs

Recherche avec Google : Best jquery effects
Vous pouvez répéter cette activité 3 fois en utilisant un élément différent de la bibliothèque JQuery.

  1. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 69238

  2. Inscrivez dans le champ titre : jQuery

  3. Sélectionnez la section : MODULE JAVASCRIPT

  4. Sélectionnez la matière : informatique

  5. Inscrivez dans le champ no de la directive : 69238

  6. Insérez ce code dans votre page (utilisation du fichier jquery-1.5.1.min.js de jquery.com)

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script></span>
    Ce fichier contient le code Javascript qui vous permettra d'utiliser toutes les fonctions de base JQUERY.

    ou À partir du site suivant http://jquery.com/, téléchargez la dernière version du fichier jquery.x.y.z.js.

    et téléchargez ce fichier dans votre espace de té.chargement ou

    insérez ce code dans votre page (utilisation du fichier jquery.js du site La Différence)

    <script type="text/javascript" src="http://chene-bleu.info/i/ladifference/jquery.js"></script>

  7. En vous servant d'un des liens suivants, insérez dans votre page un exemple d'utilisation de JQuery de votre choix ;
    1. exemples JQuery
    2. Tutoriel de w3schools
    3. Site Officel
    4. Tutoriels français
    5. Banque de liens Jquery
    6. http://jqueryui.com/demos/


  8. Ajoutez dans la section BODY de votre page un TITRE pour cet exemple mentionnant le nom d'une fonction jQuery utilisée.

  9. IMPORTANT : vous ne devez pas copier/coller intégralement un exemple jquery. Vous devez modifier le code en exemple en appliquant la fonction JQUERY à un autre objet HTML.

  10. Ajoutez au bas de la page (dans la section BODY) une courte explication de votre travail.

  11. Ajoutez au bas de la page un lien vers le site web utilisé.

  12. Visualisez votre page et apportez des modifications au besoin.