Rendre le web interactif: une introduction à jquery

jQuery est une bibliothèque de scripts côté client que presque tous les sites Web modernes utilisent - il fait des sites Web interactifs. Ce n`est pas la seule bibliothèque javascript, mais il est le plus développé, plus soutenu, et le plus largement utilisé. Il est l`un des éléments constitutifs de tout site Web moderne. Mais quelle est exactement jQuery, ce qui le rend si populaire, et pourquoi devriez-vous soucier si vous êtes débutant en tant que développeur web?

Video: JQuery tutorial 1 - introduction

Qu`est-ce que jQuery?

jQuery est une extension de javascript, une bibliothèque de javascript fonctions et services qui ajoutent une touche visuelle et rendent les fonctions avancées faciles à mettre en œuvre en seulement quelques lignes de code. Il est pris en charge à travers les navigateurs et open source. De plus, vous pouvez également étendre les fonctionnalités jQuery faciles à utiliser des plugins.

jQuery est construit sur javascript, mais il ajoute des méthodes et fonctionnalités absentes dans le plus pur javascript. Il a été créé afin de simplifier l`utilisation de javascript et supprimer les tracas concernés par la mise en œuvre différents javascript dans les différents navigateurs. Avec jQuery, vous pouvez simplement écrire une fois, et jQuery interpréter votre code correctement pour tout navigateur.

La fonction principale de jQuery est pour la manipulation DOM (DOM est le modèle objet de document), et cela signifie que la structure sous-jacente d`une page Web que vous visitez. Chaque chose que vous voyez sur la page - et bien vous ne voyez pas - sont représentés dans les DOM.

jQuery est pas la seule bibliothèque javascript là-bas, mais il est le plus populaire - environ 55% des 10.000 meilleurs sites Web utiliser. Prototype, MooTools et Scriptaculous sont des alternatives populaires, mais loin d`être aussi bien pris en charge.

Côté client vs côté serveur

La plupart des pages Web sont générées sur le côté serveur - utilisations MakeUseOf PHP et MySQL (sous la forme de WordPress) Pour récupérer les données d`article d`une base, puis appliquer un modèle à ces données. La page résultante est envoyée à votre navigateur, interprétée et affichée pour vous. En cliquant sur un lien fait une autre demande à la base de données, et une autre page est générée. Mais si vous voulez créer une sorte d`interactivité sur la page? Un formulaire qui vérifie ce que les types d`utilisateurs (comme Twitter, qui compte le nombre de lettres que vous avez quitté), un bouton qui ouvre une boîte de dialogue, ou peut-être que vous voulez charger des données supplémentaires sans recharger la page entière?

C`est ici que script côté client entre en jeu. C`est où le client - votre navigateur - fait le levage de charges lourdes. La plupart des sites, celui-ci inclus, utilisez un peu des deux.

Video: Intro to Programming for Entrepreneurs, JQuery Tutorial

Pourquoi utiliser jQuery?

Flair visuel

jQuery nous allons vous changer des parties de la page Web en réponse aux actions des utilisateurs. A titre d`exemple rapide, cliquez sur ce lien - tous les liens sur la page sera au rouge. Inutile? Peut-être, mais vous obtenez le point. les diaporamas sont une utilisation courante de jQuery. Équilibre entre les effets visuels inutiles et des ajouts véritablement utiles à l`expérience utilisateur fait partie de la compétence d`être un développeur web.

Video: Introduction to jQuery

Voici une liste rapide de certains effets vraiment impressionnants que vous pouvez réaliser.

Évènements facile

Presque tous les logiciels fonctionnent sur un modèle d`événement - cliquer sur quelque chose, et un événement click est déclenché. Faites glisser votre doigt sur une tablette, et un événement de déplacement est déclenchée. Applications « écouter » pour ces événements et faire quelque chose - jQuery permet de le faire dans un navigateur.

Effectuer AJAX simplement

Asynchronous javascript And XML est un moyen de communication à un serveur distant sans avoir à charger une autre page. Un bon exemple de ceci est le flux de statut Facebook. Essayez de faire défiler toutes les mises à jour jusqu`à ce que vous obtenez au fond. Vous ne pouvez pas. Dès que vous arrivez à la fin, vous jQuery détecte êtes proche, et envoie une requête AJAX pour plusieurs statuts à afficher.

Il leur injecte ensuite dans la page en cours, sans vous rendre compte. Vous obtenez un flux infini de mises à jour, mais ils ne sont pas tous chargés au début.

Interfaces utilisateur avancées

Avec le plug-in de base jQuery UI, vous pouvez créer des applications web complètes en utilisant formulaire standard Composants- barres de progression, curseurs, boutons, onglets, glisser-déposer - il est là. Un système de thématisation simple vous permet de personnaliser l`apparence et la sensation, ou vous pouvez utiliser l`une des valeurs par défaut.

Dois-je faire attention?

Si vous avez un intérêt du tout développement de sites Web, alors oui - jQuery est une chose que vous avez certainement besoin d`apprendre. Si vous avez jamais demandé « Comment puis-je faire X Y faire lorsque l`utilisateur fait Z? », alors vous allez aimer jQuery. L`ajouter à votre site est aussi simple que l`ajout d`un lien vers elle dans le tête- ou dire WordPress pour le charger.Quel langage de programmation à apprendre - Programmation WebQuel langage de programmation à apprendre - Programmation WebAujourd`hui, nous allons jeter un oeil sur les différents langages de programmation web qui alimentent l`Internet. Ceci est la quatrième partie d`une série de programmes de débutants. Dans la partie 1, nous avons appris la base de ...Lire la suite

Voulez-vous apprendre jQuery? Faites-nous savoir dans les commentaires et je vais voir ce que je peux faire.