Share
Peut-être que vous êtes un professionnel expérimenté de jQuery. Heck, peut-être que vous êtes John Resig. D'autre part, vous pouvez peut-être lire des mots tels que "Prototype", "jQuery" et "Mootools" et penser en vous-même: "Qu'est-ce que c'est que ça?" C'est le moment d'apprendre.
Plus que jamais, dans cette industrie, les concepteurs deviennent des codeurs, et les codeurs deviennent des concepteurs. L'idée d'un développeur effectuant UNIQUEMENT un travail front-end ou back-end devient rapidement un concept obsolète. jQuery aidera à combler le fossé. Javascript n'est pas une compétence inaccessible. Dans cet article, nous détaillerons quinze ressources pour vous permettre de démarrer avec jQuery depuis le début absolu. Si vous avez évité cette bibliothèque par peur, alors le moment est venu de plonger dedans. Vous serez étonné de voir à quel point cela peut être simple..
Selon jQuery.com, jQuery est une bibliothèque JavaScript rapide et concise qui simplifie la façon dont vous parcourez les documents HTML, gérez les événements, exécutez des animations et ajoutez des interactions Ajax à vos pages Web. jQuery est conçu pour changer la façon dont vous écrivez JavaScript.
Plus simplement, jQuery vous permet de transformer deux lignes de code Javascript traditionnel en deux! Combinez une vaste gamme de fonctionnalités avec une compatibilité entre plates-formes et vous disposez d'un cadre robuste. Avant de vous en rendre compte, vous créerez tout, des formulaires riches aux menus de type Flash. Ne vous inquiétez pas si la tâche d'apprendre encore un nouveau cadre vous semble décourageante. Ces ressources vous guideront pas à pas.
En fin de compte, cela revient à la préférence. Chaque cadre a ses avantages spécifiques. Mais jQuery est le framework le plus populaire disponible pour une raison.
Compatibilité entre les navigateurs. Quelle que soit l’implémentation de Javascript, un développeur Web peut s’attendre à passer une grande partie de son temps à compenser les bizarreries de chaque navigateur. Heureusement, la bibliothèque jQuery neutralise ces incohérences dans le navigateur, laissant ainsi plus de temps aux développeurs pour travailler sur leur code..
Sélecteurs CSS. En utilisant la syntaxe CSS, les développeurs peuvent utiliser leurs connaissances existantes pour parcourir leurs documents. Avec l’ajout de nombreux sélecteurs CSS 3 et XPATH, jQuery vous offre un mécanisme formidable pour manipuler les éléments de votre page..
Chaînage. jQuery utilise un modèle appelé "chaînage" pour ses méthodes. Chaque fois que vous exécutez une méthode sur un objet jQuery, la méthode retourne le même objet jQuery. Par conséquent, vous n'avez pas à retaper vos sélecteurs pour chaque méthode. L'utilisation d'un tel type de fonctionnalité ".NET" permet de réduire la taille des fichiers et d'améliorer la lisibilité du code..
Si vous êtes intrigué, vous devriez être! Commençons.
La première étape de votre voyage consistera à télécharger la bibliothèque. Visitez jQuery.com et faites défiler jusqu'à la section "Télécharger jQuery". En choisissant l’un des liens énumérés, la bibliothèque sera téléchargée sur votre ordinateur. Ensuite, vous devrez importer le fichier .js dans votre solution..
Dans son screencast jQuery, Chris Coyier, de CSS-Tricks, vous donnera une introduction de base à l’inclusion de jQuery sur votre page Web et à l’écriture de quelques fonctions..
Visitez l'article
Voici un cours intensif sur jQuery écrit à l'intention des concepteurs de sites Web connaissant le code.
Visitez l'article
Si vous aimez les diaporamas, ce tutoriel vous apprendra les bases de jQuery en trente minutes..
Visitez l'article
Dans les cinq minutes suivant l’apprentissage de jQuery, vous allez créer des fonctions. Votre premier arrêt devrait être l'article d'introduction de John Resig, "Comment jQuery fonctionne". Il vous montrera de nombreuses méthodes faciles à comprendre que vous pouvez utiliser dans vos applications Web, notamment l'ajout et la suppression de classes, le chaînage et l'appel de la méthode "document.ready"..
Dans son article d'introduction, John Resig - le créateur de jQuery - vous guidera des bases à la création d'animations. Ceci est une lecture essentielle si vous ne faites que commencer.
Visitez l'article
Dans une tentative courageuse de couvrir de nombreuses fonctionnalités de jQuery en deux semaines, "15 Days Of jQuery" traite d'un sujet par jour. Dans cet article spécifique, vous apprendrez à utiliser la méthode "document.ready ()".
Visitez l'article
Pensez à VisualjQuery.com comme votre dictionnaire numérique. Il vous montrera la syntaxe et la définition de chaque méthode jQuery disponible. Gardez ce site en favori.
Visitez l'article
C'est un sujet controversé pour de nombreux développeurs. Dans le groupe numéro un, il y a des gens qui insistent sur "l'animation zéro". Donnez aux utilisateurs ce dont ils ont besoin le plus rapidement possible et laissez-les être sur leur chemin. Ne les traitez pas comme s'il s'agissait d'esquimaux à la recherche du prochain jouet brillant. Mais il y a aussi des personnes dans le groupe numéro deux. Ils regardent un site qui présente une animation mise en œuvre avec goût, comme un site digne de leur base d'utilisateurs. Lorsqu'ils sont utilisés correctement, ils pensent que l'animation peut grandement améliorer la convivialité. Vous devrez décider vous-même lequel vous êtes. Néanmoins, jQuery rend l'animation des éléments de votre page aussi facile que possible..
Cela devrait être votre premier arrêt pour en savoir plus sur les capacités d'animation de jQuery. Il détaillera les paramètres nécessaires lors de l'utilisation de cette méthode.
Visitez l'article
Êtes-vous un novice complet en matière d'animation? Ce tutoriel supposera que vous n’avez aucune connaissance. Les sujets abordés sont le texte croissant et décroissant, les éléments en mouvement, les animations de chaînage, etc..
Visitez l'article
Toujours confus sur le pouvoir de jQuery? Ce site listera dix exemples allant des menus aux remplacements d’images..
Visitez l'article
La chose merveilleuse à propos de jQuery est que, lors de son développement initial, John Resig et son équipe ont assuré que l’extension de ses fonctionnalités grâce à l’utilisation de plug-ins pouvait être réalisée avec seulement quelques lignes de code supplémentaires. Vous allez écrire des méthodes personnalisées en un rien de temps! En gardant ces plugins séparés de la bibliothèque principale (seulement 16 Ko, soit dit en passant), nous pouvons alors implémenter des plugins spécifiques uniquement lorsque cela est nécessaire. En conséquence, cela permettra à la taille de vos fichiers javascript de rester aussi petite que possible..
Vous cherchez un moyen d'ajouter facilement des coins arrondis à vos éléments? Avec des angles allant de arrondis à dog-doged, ce plugin peut trouver une place permanente dans votre "boîte à outils".
Visitez l'article
Dans cet article, James Padolsey détaille ses dix principaux plugins préférés.
Visitez l'article
Comme toujours, jQuery.com s’avère être une ressource précieuse. Cet article vous donnera des instructions étape par étape pour créer votre premier plugin..
Visitez l'article
Vous vous sentez encore confiant avec vos compétences jQuery? Êtes-vous prêt à passer au niveau supérieur? Pourquoi ne pas commencer à implémenter certaines fonctionnalités Ajax dans vos scripts? En utilisant les méthodes "load ()" et ".get ()", jQuery facilite extrêmement le chargement de données. Les ressources suivantes seront vitales pour votre éducation.
Dans son article pour Sitepoint, Akash Mehta vous montrera comment simplifier le processus d’ajout d’Ajax à vos applications à l’aide de jQuery..
Visitez l'article
Remy nous montrera comment nous pouvons utiliser AJAX, ainsi que la bibliothèque jQuery, pour ajouter une validation côté serveur à nos formulaires..
Visitez l'article
N'oubliez jamais de parcourir la catégorie "Javascript" des NETTUT lorsque vous recherchez des tutoriels jQuery. Dans ce tutoriel, nous allons vous montrer
comment charger et animer des données avec jQuery.
Visitez l'article
Accentsconagua