Comment apprendre jQuery avec les 10 astuces de ce tuto jQuery

Voulez-vous devenir un développeur Web front-end? Avez-vous déjà une connaissance pratique de HTML, JavaScript et CSS? Si tel est le cas, la prochaine étape consiste à apprendre jQuery. Vous vous demandez peut-être: "Qu'est-ce que jQuery ?".

Eh bien, jQuery est une bibliothèque JavaScript conçue pour vous permettre de faire plus avec moins de code. Il facilite plus que jamais la gestion d'événements, les animations et la navigation dans des documents HTML. Il a été conçu pour des personnes qui n’ont pas expérimenté les programmeurs, ce qui signifie qu’il est relativement simple à comprendre et à utiliser. Si vous souhaitez vraiment devenir un programmeur JavaScript ou un développeur Web de grande qualité, vous devez passer un peu de temps à la recherche de la meilleure façon d'apprendre jQuery.

Astuce 1 – Inscrivez-vous à un cours en ligne de qualité pour apprendre jquery

Lorsque vous apprenez à utiliser jQuery - ou tout autre langage ou concept de programmation -, la chose la plus importante à faire est sans doute de vous inscrire à un cours en ligne de qualité. Je suis un grand fan des cours en ligne pour plusieurs raisons. Ils sont faciles à utiliser et vous permettent de travailler à votre propre rythme, aux moments qui vous conviennent. Ils vous permettent également de revenir sur des concepts difficiles et de les réviser autant de fois que vous le souhaitez.

J’ai consulté plusieurs cours jQuery différents, et je vous recommande fortement le tuto jQuery interactif. Ce cours jQuery fournit l'aperçu le plus complet possible pour apprendre jQuery rapidement et efficacement. Il donne des instructions claires et il est relativement simple à utiliser, il vous apprendra comment créer un site Web dynamique parfait avec un minimum de travail à l'aide de jQuery.

learn jquery

Astuce 2 – Assurez-vous d'avoir des connaissances solides en JavaScript

JQuery étant basé sur l'utilisation de JavaScript, il est important de vous assurer que vous avez une connaissance assez bonne du langage JavaScript avant de considérer apprendre jQuery. Notez qu'il est possible d'apprendre jQuery sans connaissance préalable en JavaScript, mais ce sera beaucoup plus difficile.

Vous devriez commencer par un cours d’introduction si vous n'y connaissez pas grand chose au langage JavaScript. Je vous recommande le tutoriel JavaScript interactif. Ce cours jQuery vous donnera un aperçu des bases de JavaScript et de son utilisation. Il vous permet d’écrire du code directement dans votre navigateur, ce qui est très pratique pour utiliser jQuery.

learn Javascript BitDegree Interactive Course

Sinon, si vous n’avez pas le temps de parcourir ce tuto jQuery, consultez au moins le didacticiel JavaScript vidéo. Ce cours vous présente les enseignements clés de JavaScript dans un format facile à suivre. Il est compatible avec les appareils mobiles et il est parfait pour vos déplacements quotidiens au travail ou lorsque vous êtes coincé dans l’attente de quelque chose.

Assurez-vous de toujours avoir une référence JavaScript à consulter si vous rencontrez une syntaxe ou des conventions avec lesquelles vous n'êtes pas familier. Mon guide de référence préféré est la référence JavaScript pour les développeurs Mozilla, mais vous pouvez en trouver beaucoup d'autres sur le net.

Astuce 3 – Apprenez à utiliser la feuille de notes jQuery

Si vous souhaitez vraiment apprendre jQuery comme il se doit, il est important de vous familiariser avec toute une gamme d'autres ressources. La feuille de notes jQuery est une excellente ressource que vous pouvez utiliser pour vous assurer de tirer le meilleur parti de votre parcours. En dépit de ce que l’on a pu vous dire par le passé, vous n’avez pas besoin d’apprendre tout sur quelque chose comme jQuery pour pouvoir l’utiliser. Je dirais plutôt que la chose la plus importante est de connaître les ressources - comme la feuille de notes jQuery - que vous pouvez consulter lorsque vous rencontrez des concepts ou des idées que vous ne comprenez pas.

À mon avis, le meilleur moyen d'apprendre jQuery est d'utiliser cet aide-mémoire aux côté d'un cours en ligne, comme celui décrit ci-dessus, pour vous assurer de bien comprendre le contenu du cours. Vous n'êtes pas obligé de vous souvenir de tout ce qui vous a été enseigné, mais vous devez en apprendre suffisamment pour pouvoir consulter votre aide-mémoire et comprendre son contenu.

learn jquery

Astuce 4 – Assurez-vous de bien comprendre la différence entre ID et classe en HTML

Puisque jQuery peut être utilisé pour modifier directement votre code source HTML, il est important que vous compreniez un peu le langage HTML et son interaction avec jQuery. Vous pouvez modifier deux attributs principaux de votre balisage HTML avec les attributs jQuery - ID et les attributs de classe. Ce sont des choses très différentes, et elles doivent être traitées comme telles lorsque vous utilisez jQuery.

Commençons par les attributs d’ID. Lorsque vous écrivez du code HTML, vous pouvez décider d’ajouter un attribut ID aux éléments importants. Les attributs d'ID sont uniques et ne peuvent être utilisés que pour un élément par page. La syntaxe jQuery permettant d’adresser un élément avec un identifiant particulier est $ (‘# élémentID’). Assurez-vous de noter le préfixe "#" utilisé pour la sélection par ID.

Les attributs de classe HTML sont légèrement différents. Ils sont beaucoup moins sélectifs et plus largement utilisés que les attributs ID. Les attributs de classe peuvent être assignés à n’importe quel élément d’une page, y compris ceux avec un ID. Ils peuvent être affectés à autant d'éléments que vous le souhaitez, ce qui les rend utiles pour regrouper des éléments similaires. La syntaxe jQuery pour adresser un élément par classe est (‘.elementClass’). Notez le préfixe «.» Utilisé pour la sélection par classe.

Si vos compétences en HTML et CSS sont légèrement rouillées, il peut être judicieux de les travailler un peu pendant que vous apprenez jQuery. Parcourez le cours de codage interactif pour débutants pour découvrir les bases du développement HTML, CSS et Web pour les débutants.

learn HTML and CSS with Space Doggos

Astuce 5 – Apprenez à mettre en cache les sélecteurs

Même si cela n’a pas beaucoup de sens pour vous tant que vous n’avez pas commencé à apprendre jQuery, il est essentiel que vous appreniez à mettre en cache efficacement vos sélecteurs. Ce qui signifie les stocker en tant que variable sur laquelle vous pouvez revenir encore et encore. Du coup, jQuery n'a pas à rechercher des informations à chaque fois que vous utilisez ce sélecteur pour appeler des objets particuliers, ce qui accélère l'exécution de vos programmes. 

Lorsque vous choisissez un nom de variable pour votre sélecteur mis en cache, assurez-vous d’utiliser une sorte de préfixe pour étiqueter la variable en tant qu’objet jQuery. Comme la plupart des sélecteurs jQuery sont précédés de "$", je préfère utiliser la même syntaxe lorsque je nomme des variables qui contiennent des objets jQuery. En tant que tel, une ligne de code stockant un sélecteur dans une variable pourrait ressembler à ceci:

“var $selectorvariable = $(‘selectedElements’);”

Comme vous pouvez le constater, cela marque votre ‘variable de sélecteur’ en tant qu’objet jQuery, ce qui rend votre code plus clair et plus facile à suivre. 

Si vous souhaitez en savoir plus sur les sélecteurs jQuery et leur utilisation, rendez-vous à la page des tutoriels sur le sélecteur jQuery.

Astuce 6 - Apprendre à différencier les ‘attributs’ des ‘propriétés’

Petit come back rapide au HTML, bien que vous n'en soyez peut-être pas conscient, les attributs et propriétés HTML sont deux choses complètement différentes. Il est extrêmement important pour nous de pouvoir différencier les deux car les méthodes jQuery diffèrent en fonction de celle que vous essayez de gérer.

Les attributs ne peuvent avoir que des valeurs de chaîne et ces valeurs sont déterminées par le code source HTML. La syntaxe jQuery pour la gestion des attributs est attr (). Les propriétés sont différentes, eIles sont définies par le modèle DOM et peuvent avoir des valeurs de n'importe quel type. Les propriétés peuvent être manipulées à l'aide de la méthode prop ().

Tout ce qui accepte uniquement une valeur de chaîne peut être modifié à l'aide de la méthode attr (), tandis que tout ce qui accepte d'autres types de valeurs, y compris des nombres ou des booléens, doit être modifié à l'aide de la méthode prop ().

Si vous souhaitez en savoir plus sur ces méthodes et sur d’autres méthodes d’utilisation, rendez-vous à la page Apprendre la syntaxe jQuery ou vous pouvez examiner plus en détail les méthodes prop (), attr (), ainsi que d'autres méthodes.

using prop() jquery

Astuce 7 - N'ayez pas peur de demander de l'aide pour apprendre jquery

Si vous planifiez d’apprendre jQuery mais que vous craignez d'abandonner rapidement si c’est trop difficile, vous devez persévérer et continuer. En tant que bibliothèque JavaScript, jQuery a le potentiel d’être l’un des outils les plus importants de votre parcours en programmation. Des millions de personnes dans le monde utilisent jQuery, ce qui signifie que vous pourrez trouver de l'aide pour les concepts difficiles si vous en avez besoin.

Les forums en ligne sont mon issue de secours favorite pour obtenir de l'aide en cas de problèmes lorsque je suis en train de coder. Les forums sont des lieux où les personnes intéressées par le codage et ceux qui ont des problèmes de codage se rencontrent pour échanger. En publiant des questions sur jQuery sur un forum pertinent, vous serez certainement amené à recueillir des informations et aurez vos réponses. Mes forums préférés pour les problèmes jQuery sont le forum officiel jQuery et le forum jQuery Stack Overflow.

learn jquery

Astuce 8 - Assurez-vous d’utiliser la dernière version de jQuery

En tant que bibliothèque en développement constant avec une équipe très active de développeurs, jQuery évolue constamment. Si vous voulez vous assurer de tirer le meilleur parti de votre expérience jQuery, assurez-vous d’utiliser la version la plus récente de jQuery.

Au moment de la rédaction de ce document, la version la plus récente est jQuery 3.0. Elle inclut une gamme de mises à jour des versions précédentes, il est donc très important de vous assurer que vous utilisez cette version. En cas de doute, consultez le Guide des mises à jour officielles de jQuery 3.0 et examinez les modifications apportées.

Astuce 9 - Apprendre les plugins jQuery

Les plugins sont merveilleux. Que vous utilisiez WordPress, Shopify, jQuery ou tout autre programme vous permettant de créer des éléments, les plugins vont probablement devenir l’un de vos meilleurs amis. Si vous envisagez d'utiliser jQuery régulièrement, vous devez découvrir des plugins. Le meilleur endroit pour rechercher et apprendre les plugins jQuery est la bibliothèque de l'interface utilisateur jQuery et le registre des plugins jQuery (surprise surprise!), Où vous pouvez trouver à peu près tout ce que vous pouvez penser.

Les plugins jQuery peuvent faire toute une gamme de choses différentes. Certaines ont été conçues pour résoudre des problèmes pouvant survenir lorsque vous commencez à utiliser jQuery sur vos sites Web, tandis que d'autres sont utilisées pour exécuter des fonctions ou pour faciliter des tâches spécifiques. La meilleure chose à faire pour vous maintenant est de vous rendre dans l’une des bibliothèques mentionnées ci-dessus et d'essayer d'en savoir plus.

Astuce 10 - Réseauter avec d'autres utilisateurs de jQuery

Maintenant, une partie importante de l'apprentissage d'un langage de programmation, d'un outil, d'une bibliothèque ou de toute autre chose est le réseautage avec d'autres apprenants intéressés. Vous pouvez vous connecter avec d'autres personnes qui essaient d'apprendre jQuery via certains des forums susmentionnés (le forum officiel jQuery et le forum Stack Overflow), mais personnellement, je préfère rencontrer des gens en personne.

J’ai constaté que la meilleure façon de procéder consiste à se connecter à un groupe de programmation local. Je voyage beaucoup, et j’utilise habituellement deux moyens pour trouver des groupes locaux. Premièrement, je saute sur Facebook et cherche des groupes ou des événements. Choisissez ceux qui ont l’air intéressant - même s’ils ne sont pas spécialement des groupes jQuery - et rejoignez-les. Par exemple, si vous trouvez un groupe de développement JavaScript ou front-end, vous rencontrerez probablement beaucoup de personnes qui apprennent jQuery également et qui accepteraient de  faire des rencontres et discuter de leur expérience d'apprentissage.

Sinon, utilisez Meetup, j'y ai trouvé des groupes, peu importe ma localisation dans le monde. Bien qu’il n’y ait pas de groupes jQuery spécifiques où je suis actuellement (Perth, Australie), il existe un grand groupe de développeurs Web front-end qui se réunit régulièrement. Je sais pertinemment que beaucoup de ces personnes maîtrisent ou sont entrain d'apprendre jQuery et je me suis fait de très bons amis parmi les membres du groupe.

En résumé

Ainsi, vous avez appris le HTML, le CSS et le JavaScript. Quelle est la prochaine étape de votre parcours pour devenir un maître développeur Web front-end?

Vous devez apprendre jQuery, bien sur!

jQuery est une bibliothèque JavaScript polyvalente qui peut être utilisée à diverses fins. La plupart des meilleurs développeurs web front-end dans le monde l'utilisent régulièrement. Ce qui m'a motivé à dresser cette liste de mes 10 meilleurs conseils pour vous aider à apprendre jQuery et à vous joindre aux meilleurs développeurs du monde.

La première chose à faire est de vous familiariser avec les trois langages HTML, CSS et JavaScript, car vous les rencontrerez tous lorsque vous utiliserez jQuery. Choisissez un cours en ligne décent et parcourez-le. Familiarisez-vous avec les guides de référence en ligne, comprenez les subtilités de l’utilisation de jQuery et assurez-vous de travailler en réseau avec vos collègues.

Surtout, prenez les choses à votre rythme et assurez-vous de prendre des notes et de faire plus de recherches lorsque vous rencontrez des concepts difficiles.

Laisser votre avis honnête

Laissez votre avis en toute honnêteté et aidez des milliers de personnes à choisir la meilleure plateforme d'apprentissage en ligne. Tous les avis, qu'ils soient positifs ou négatifs, sont acceptés du moment qu'ils sont honnêtes. Nous ne publions pas de commentaires biaisés ni de spam. Alors si vous souhaitez partager votre expérience, votre avis ou donner des conseils, on vous encourage à le faire!

FAQ

Comment choisissez-vous les sites de cours en ligne à examiner?

Nous sélectionnons les plateformes d'apprentissage en ligne en fonction de leur taille de marché, leur popularité et, surtout, la demande de nos utilisateurs ou l'intérêt général de lire de avis réels de MOOC sur certaines plateformes d'apprentissage en ligne.

Combien de recherche effectuez-vous avant de rédiger vos avis sur l'apprentissage en ligne?

Nos experts dédiés au MOOC mènent des recherches pendant des semaines - ce n'est qu'alors qu'ils peuvent dire que leurs évaluations basées sur différents aspects sont terminées et sont complètes. Même si ça prend beaucoup de temps, c'est la seule façon de garantir que toutes les fonctionnalités essentielles des plateformes d'apprentissage en ligne sont testées et vérifiées, et que le verdict est basé sur des données réelles.

Quel est l'aspect le plus important lors du choix des meilleures plateformes d'apprentissage en ligne?

Ce serait injuste de prioriser un aspect spécifique: chaque personne a ses propres priorités, valeurs, souhaits et objectifs. Une fonctionnalité qui est importante pour une personne peut ne pas l'être pour une autre. Quoi qu'il en soit, tous les utilisateurs conviendraient qu'une bonne qualité du matériel d'apprentissage est essentielle pour toute plateforme d'apprentissage en ligne.

En quoi cette plateforme d'avis sur l'apprentissage en ligne est différente des autres?

Chaque plateforme d'avis MOOC est unique et a ses propres objectifs et valeurs. Nos avis sur l'apprentissage en ligne sont à 100% authentiques et rédigées après une analyse minutieuse. C'est l'objectif qui manque à de nombreux sites d'avis sur l'apprentissage en ligne, nous considérons donc cet aspect comme un véritable atout en notre faveur!

Jours
Heures
Minutes
Secondes