jQuery, les bases du débutant

Carl Brison

Description

Ce livre aborde le langage jQuery avec un côté simpliste afin de vous permettre de découvrir et d'apprécier ce langage et de pouvoir l'utiliser dans vos propres scripts très rapidement et facilement.

Le jQuery est la librairie JavaScript la plus utilisée. Son rôle est de simplifier les codes parfois complexes de JavaScript. La librairie jQuery a été créée par John Resig en 2006 et elle ne cesse d'évoluer depuis ce temps. On se sert de jQuery pour manipuler des objets HTML. Par exemple, cacher un texte après avoir cliqué sur un lien et le faire réapparaitre après avoir cliqué sur ce même lien. Le jQuery est un langage côté client, cela signifie qu'il n'a pas besoin de serveur pour s'exécuter. Il est directement interprété par un navigateur. Dans ce livre, je vais vous apprendre à apprivoiser ce langage afin de vous aider à donner plus d'interactivité à vos pages web.

Nous allons aborder le langage jQuery avec un côté simpliste afin de vous permettre de découvrir et d'apprécier ce langage et de pouvoir l'utiliser dans vos propres scripts très rapidement et très facilement.

À la fin de cet ouvrage, vous serez en mesure de réaliser vous-même vos propres scripts jQuery.

Sujets

• JQuery
• Programmation informatique
• Informatique

Informations

• Publié par: Evidence Editions
• Nombre de lectures: 48
• EAN13: 9791034805761
• Langue: Français

Extrait

JQuery, les bases du débutant

Carl Brison JQuery, les bases du débutant Couverture : Maïka Publié dans la Collection Electrons-Libres

© Evidence Editions 2018

Vous désirez être informé de nos publications. Pour cela il vous suffit de nous adresser un courrier électronique à l’adresse suivante : Email :[e-mail] Site internet :www.evidence-boutique.com

Avant-propos Le jQuery est une librairie JavaScript qui permet d’écrire du code côté client. Cela signie que les scripts seront interprétés par un navigateur et non par un serveur. Le langage jQuery a été créé an de simplier les lourdeurs de JavaScript ainsi que son éventuelle incompatibilité avec certains navigateurs. Le jQuery est un langage simple. Il su!t de connaître des méthodes et de les écrire an d’exécuter un certain nombre d’événements sur une page web. Le jQuery permet de donner de l’interactivité à votre site internet. Ce livre aborde le langage jQuery avec un côté simpliste an de vous permettre de découvrir et d’apprécier ce langage et de pouvoir l’utiliser dans vos propres scripts très rapidement et très facilement. Enfin, il est à préciser que la librairie jQuery est la librairie la plus connue et la plus utilisée du web. Nous vous souhaitons une agréable lecture ainsi qu’un bon apprentissage.

Chapitre 1 À la découverte de jQuery 1.1:PrésentationdejQuery La première question à se poser est qu’est-ce que jQuery ? Il s’agit d’une librairie JavaScript. Le JavaScript est un langage de programmation qui permet de donner de l’interactivité à nos pages web, mais qui peut rapidement devenir très complexe lors de l’écriture d’un programme. La librairie jQuery a été inventée par John Resig en 2006, an de simplier cette écriture. D’ailleurs, le slogan de jQuery est écrit moins, fait plus ! Son rôle est de nous simplier le développement en nous fournissant un certain nombre de code déjà écrit et dont nous n’avons plus qu’à nous servir. En utilisant jQuery, nous n’avons plus à nous soucier des problèmes d’interprétation du code JavaScript par les différents navigateurs. Grâce à jQuery nous allons pouvoir manipuler des éléments HTML ou bien créer des animations pour notre site internet. An de suivre ce livre dans de bonnes conditions, il est préférable d’avoir quelques connaissances en HTML, en CSS et éventuellement en JavaScript. 1.2:Installer jQuerysursonsite An de pouvoir installer la librairie jQuery sur votre site internet, rendez-vous sur le site de jQuery disponible à l’adresse jquery.com

Figure 1-1. Le site de jquery.com Cliquez alors sur le lien nommé « Download jQuery », vous arriverez alors sur la page de téléchargement de la librairie jQuery. Il est à préciser qu’au moment où je rédige ce livre, la version de jQuery est 3.3.1, peut-

être aurez-vous une version di@érente, mais le principe restera exactement le même à celui que je vous présente ici. Donc, vous arrivez sur la page de téléchargement de la librairie jQuery, plusieurs liens de téléchargement possible vous seront alors proposés. Nous ne nous intéresserons qu’aux deux premiers, à savoir « Download the compressed, production jQuery 3.3.1 » et « Download the uncompressed, development jQuery 3.3.1 ». Intéressons-nous à ces liens. Le premier nommé « Download the compressed, production jQuery 3.3.1 » va nous permettre de télécharger la librairie jQuery compressée. Qu’est-ce que cela signifie ? En cliquant sur ce lien, nous allons télécharger un fichier jQuery dont l’extension sera.min.js Ce chier ne contiendra aucun retour à la ligne ni aucun espace. Le but étant d’avoir un chier le plus léger possible an que la librairie se télécharge le plus rapidement possible lorsque l’internaute arrivera sur notre site internet. Il s’agit d’une version dite de production. Concernant le second lien « Download the uncompressed, development jQuery 3.3.1 », il contient la librairie jQuery, mais sous forme non compressée. Donc un fichier beaucoup plus lourd et donc plus long à se télécharger. Son extension sera .js Nous vous conseillons très fortement de préférer la version compressée de jQuery pour votre site internet. Téléchargez et enregistrez la libraire jQuery dans un dossier de votre site internet que vous nommerez « js ». Le chier nouvellement enregistré devrait se nommer « jquery-3.3.1.min.js » ou bien « jquery- AUTRE-VERSION.min.js » selon la version disponible au moment de votre téléchargement. À présent que la librairie jQuery est installée dans un dossier de notre site internet, nous allons alors l’inclure à au moins une page de notre site. Par exemple sur la page « index.html ». Voici le code source de notre fichier index.html

Le chier index.html contient le code de base d’un document HTML auquel nous avons ajouté un lien menant sur la librairie jQuery que nous avons rangée dans un dossier nommé « js ». 1.3:Laméthode duCDN Il existe une autre façon d’incorporer la librairie jQuery à notre site internet, il s’agit de la méthode du CDN. CDN étant les initiales des mots Content Delivery Network que nous traduirons en français par Distributeur de Contenu. Cela signifie en clair qu’un autre site internet héberge pour nous la librairie jQuery et nous met un lien menant à cette librairie à notre disposition. Les sites en question sont par exemple, le site de Google ou bien celui de Microsoft pour ne citer que les plus connus. Pour pouvoir accéder au CDN, toujours sur la page de téléchargement du site jquery.com, descendez sur cette page jusqu’à tant que vous voyiez le sous-titre « Using jQuery with a CDN ». Dans ce paragraphe, vous découvrirez alors des liens tels que « Google...