0:00:00.770,0:00:02.612 Je vais maintenant vous initier 0:00:02.612,0:00:05.722 à l'utilisation de jQuery dans votre page Web. 0:00:05.722,0:00:09.005 La 1ère étape consiste à inclure[br]la bibliothèque jQuery 0:00:09.005,0:00:11.542 en utilisant une balise <script>. 0:00:12.232,0:00:16.122 Avant, on plaçait le JavaScript à l'intérieur[br]d'une balise , 0:00:16.122,0:00:20.276 mais cette fois, je vais ajouter un attribut 'src'. 0:00:20.276,0:00:24.391 Et il me faut le définir avec une URL. 0:00:24.391,0:00:26.566 Quelle doit être cette URL ? 0:00:26.566,0:00:28.628 Si je travaillais sur mon propre ordinateur 0:00:28.628,0:00:30.093 et que j'avais téléchargé jQuery 0:00:30.093,0:00:32.525 dans le même répertoire que ma page Web, 0:00:32.525,0:00:36.473 je pourrais juste écrire 'jquery.js' ici. 0:00:36.473,0:00:39.408 Mais ça ne marchera pas, ici, à la Khan Academy. 0:00:39.408,0:00:43.096 Ici, il faut une URL absolue de jQuery 0:00:43.096,0:00:45.885 pointant sur un serveur en ligne quelque part. 0:00:45.885,0:00:50.082 Il y a une liste de ces URL sur jquery.com, 0:00:50.622,0:00:52.738 et j'ai l'une d'entre elles ici, que je vais coller. 0:00:52.738,0:00:54.430 Et voilà ! 0:00:54.430,0:00:56.119 Bien. Maintenant, je vais discuter de quelques détails 0:00:56.119,0:00:58.031 à propos de cette URL. 0:00:58.031,0:01:01.820 Premièrement, elle commence avec 'https'. 0:01:01.820,0:01:05.231 Ça signifie que c'est une URL sécurisée. 0:01:05.231,0:01:09.231 Nous ne vous permettons que l'inclusion[br]de ressources sécurisées 0:01:09.231,0:01:11.207 dans les pages Web de la Khan Academy 0:01:11.207,0:01:15.343 et c'est généralement recommandé[br]dans le développement Web. 0:01:15.663,0:01:18.862 OK. Deuxièmement, elle est située 0:01:18.862,0:01:22.751 sur un serveur Google : googleapis.com 0:01:22.751,0:01:25.385 Ce serveur est appelé un CDN, 0:01:25.385,0:01:27.921 un réseau de diffusion de contenu[br](Content Delivery Network), 0:01:27.921,0:01:29.406 ce qui veut dire que c'est optimisé 0:01:29.406,0:01:32.625 pour servir des fichiers statiques,[br]comme des bibliothèques JavaScript, 0:01:32.625,0:01:35.388 et ce, très rapidement. 0:01:35.388,0:01:38.164 Ce serveur Google fait partie de ceux dans[br]lesquels j'ai confiance, 0:01:38.164,0:01:41.301 et généralement, vous devez toujours[br]faire confiance dans les serveurs 0:01:41.301,0:01:43.002 par lesquels vous récupérez des scripts 0:01:43.002,0:01:47.240 vu qu'ils pourraient potentiellement[br]agir de façon malveillante sur votre page. 0:01:47.400,0:01:50.013 OK. Troisièmement, il y a un numéro de version 0:01:50.013,0:01:53.807 dans cette URL : 2.1.4. 0:01:53.807,0:01:56.402 La bibliothèque jQuery est en développement actif 0:01:56.402,0:01:59.015 et ils sortent régulièrement de nouvelles versions. 0:01:59.015,0:02:00.987 Les nombres les plus à gauche 0:02:00.987,0:02:03.279 représentent les modifications majeures de version 0:02:03.279,0:02:05.755 alors que les nombres les plus à droite 0:02:05.755,0:02:08.134 représentent les versions mineures. 0:02:08.134,0:02:10.353 J'utiliser jQuery 2 ici, 0:02:10.353,0:02:12.295 qui fonctionne sur les navigateurs modernes 0:02:12.295,0:02:14.484 mais pas sur IE8. 0:02:14.484,0:02:15.635 Sur votre propre site, 0:02:15.635,0:02:19.627 vous pouvez décider quelle version utiliser[br]en vous basant sur vos besoins. 0:02:19.627,0:02:22.809 Bien. Donc, jQuery est incluse. 0:02:22.809,0:02:24.973 Maintenant, utilisons-la 0:02:24.973,0:02:28.266 dans une autre balise <script>. 0:02:30.226,0:02:33.309 Toutes les bibliothèques JavaScript fournissent[br]des fonctions 0:02:33.309,0:02:35.358 et elles donnent les noms de ces fonctions. 0:02:35.358,0:02:37.010 On doit regarder dans la documentation 0:02:37.010,0:02:39.262 pour découvrir les noms de ces fonctions 0:02:39.262,0:02:41.761 et ce qu'elles font réellement. 0:02:41.761,0:02:45.444 Bien, la bibliothèque jQuery[br]fournit une fonction principale 0:02:45.444,0:02:47.524 qui possède un nom très court. 0:02:47.524,0:02:50.637 C'est juste le signe '$'. 0:02:50.637,0:02:52.259 Ça signifie que la 1ère chose que j'écris 0:02:52.259,0:02:53.556 est '$', 0:02:53.556,0:02:56.526 puis 2 parenthèses, car c'est une fonction, 0:02:56.526,0:02:59.412 et bien sûr, un point-virgule. 0:02:59.412,0:03:01.928 C'est vraiment bien que le nom de cette fonction[br]soit si court 0:03:01.928,0:03:05.756 car on appellera cette fonction sacrément souvent. 0:03:06.226,0:03:08.928 Il y a plein de choses qu'on peut passer à cette fonction, 0:03:08.928,0:03:10.300 mais pour cette exemple introductif, 0:03:10.300,0:03:15.254 je vais juste passer une chaîne de caractères "h1". 0:03:16.319,0:03:17.697 Quand je fais ça, 0:03:17.697,0:03:19.724 ça demande à jQuery de trouver 0:03:19.724,0:03:23.095 tous les éléments <h1> sur la page 0:03:23.095,0:03:28.050 pour les retourner sous forme[br]d'objet collection jQuery. 0:03:28.150,0:03:29.311 Maintenant que j'ai fait ça, 0:03:29.311,0:03:33.233 je peux appeler d'autres méthodes sur l'objet jQuery 0:03:33.233,0:03:37.200 dans le but de manipuler les élements <h1>[br]qui ont été trouvés. 0:03:37.200,0:03:39.939 Si je souhaite modifier leur texte interne à toutes, 0:03:39.939,0:03:43.356 je peux appeler la fonction 'text' 0:03:43.356,0:03:46.044 et lui passer une chaîne de caractères. 0:03:47.244,0:03:48.492 Ça passe ! 0:03:48.492,0:03:49.792 Oui ! 0:03:49.792,0:03:50.804 Et on a fini ! 0:03:50.804,0:03:53.029 C'est notre premier morceau de jQuery. 0:03:53.029,0:03:56.910 On a donc inclus la bibliothèque jQuery[br]avec la balise , 0:03:56.910,0:03:59.819 dit à jQuery de chercher toutes les <h1>[br]sur la page, 0:03:59.819,0:04:03.643 puis demandé à jQuery de modifier, à toutes, leur texte. 0:04:03.643,0:04:06.332 Si vous continuez, on en verra plus, 0:04:06.332,0:04:07.653 plus en détail, 0:04:07.653,0:04:11.117 avec plus de techniques pour sélectionner[br]et manipuler les éléments, 0:04:11.117,0:04:14.353 en utilisant jQuery pour répondre à des événements[br]utilisateur sur la page, 0:04:14.353,0:04:18.558 plus des trucs cools avec les animations et les effets.