Apprendre jQuery: Cours Code
Apprendre jQuery: Cours Code — Apprenez jQuery sur votre téléphone : écrivez une chaîne d’actions et regardez une vraie page réagir
Apprendre jQuery: Cours Code est une application iOS et Android gratuite au démarrage qui enseigne la bibliothèque JavaScript jQuery — manipulation du DOM, événements, effets et AJAX — aux débutants, aux étudiants et aux développeurs qui assurent la maintenance de sites jQuery. Chaque leçon est accompagnée d’un éditeur en direct et d’un aperçu de page, et jQuery 3.7.1 est intégré : ce que vous écrivez s’exécute sur le téléphone, même hors connexion. Un Mentor AI répond à vos questions sur un sélecteur, une erreur ou un appel AJAX.
- Prix
- Gratuit, mise à niveau Pro
- Plateformes
- iOS et Android
- Langues
- 22
- Âge requis
- 4+
- Configuration requise
- iOS 15.1 ou version ultérieure
Si vous connaissez un sélecteur CSS, vous connaissez déjà l’essentiel de jQuery.
jQuery reprend ses sélecteurs de CSS et vous permet d’enchaîner des actions sur le résultat. C’est une première approche progressive du DOM, des événements et du code asynchrone, ainsi qu’une compétence pratique pour les nombreux sites existants qui dépendent encore de cette technologie.
Ce que c’est
Apprendre jQuery: Cours Code est une application de cours iOS et Android consacrée à la bibliothèque JavaScript jQuery. Elle propose 22 cours et 48 leçons, du niveau A1 au niveau C1, un éditeur JavaScript en direct avec un aperçu de page qui s’exécute sur l’appareil grâce à jQuery 3.7.1 intégré, 20 missions de débogage, 20 projets HTML et CSS guidés, 50 questions d’entretien, 50 questions de quiz et une fiche mémo de 91 entrées. Un Mentor AI explique les sélecteurs, les erreurs et les appels AJAX en termes simples.
Dans l’application
À quoi elle ressemble
Le cours
Contenu du cours jQuery
D’après la liste des cours jQuery de CoddyKit, de votre premier appel $ aux plugins, aux tests et à l’utilisation de jQuery avec JavaScript moderne.
Bienvenue dans jQuery et premiers pas
Découvrez ce qu’est jQuery, le problème concret qu’il a résolu et pourquoi tant de sites l’utilisent encore, puis créez votre première chaîne et apprenez les bases pour débuter.
Sélection des éléments et parcours du DOM
Sélectionnez des éléments, puis utilisez des sélecteurs avancés d’attributs et de pseudo-classes pour parcourir le DOM d’un élément à l’autre.
Manipulation du DOM et styles
Créez, insérez, déplacez et supprimez des éléments dans deux cours, puis modifiez le CSS et les classes à partir du code.
Événements et délégation
Gérez les événements, puis apprenez la délégation d’événements pour les éléments ajoutés ultérieurement et la gestion des événements personnalisés.
Animations et effets
Découvrez les animations de base, puis les animations complexes et les effets personnalisés, comme les séquences enchaînées et les fonctions d’accélération personnalisées.
Formulaires, données et templating
Créez du contenu dynamique avec les attributs de données et le templating, et apprenez à gérer et valider des formulaires avancés.
AJAX, objets Deferred et promesses
Réalisez des opérations AJAX et gérez des données distantes, puis utilisez les objets Deferred et les promesses pour gérer le code asynchrone.
Plugins, performances et tests
Créez des sélecteurs personnalisés et filtrez des éléments, développez des plugins robustes, améliorez les performances et appliquez les bonnes pratiques, intégrez jQuery à JavaScript moderne et testez des applications jQuery.
Fonctionnement
Déroulement d’une leçon
Chaque leçon présente une courte explication à côté d’un code que vous exécutez vous-même, afin de vérifier l’idée avant de passer à la suite.
Lisez une courte leçon
Ouvrez un sujet et lisez une brève explication sur un sélecteur, un événement ou un effet. Les leçons sont assez courtes pour un trajet en bus, et le cours progresse de la première chaîne jusqu’aux plugins et aux tests.
Écrivez la chaîne et regardez la page réagir
Dans l’éditeur en direct, vous écrivez du HTML, du CSS et du jQuery, puis vous les exécutez immédiatement. L’éditeur relance votre code lorsque vous arrêtez de taper, sans serveur ni étape de compilation, et l’aperçu de page affiche le résultat.
Corrigez un bug, puis demandez au mentor
Les missions vous soumettent du code défectueux et vous demandent d’en trouver l’erreur : un gestionnaire de clic où this est window, un menu qui continue de glisser, ou une sauvegarde qui se déclenche deux fois. Lorsqu’un concept ou une erreur n’est pas clair, le Mentor AI vous l’explique à nouveau avec des mots plus simples.
Contenu
Contenu de l’application
22
Cours, de A1 à C1
22 cours et 48 leçons qui commencent par la fonction $ et votre première chaîne, puis abordent les sélecteurs, la manipulation du DOM, les événements, les animations, les formulaires, AJAX, les plugins et les performances.
3.7.1
jQuery intégré
L’aperçu de page s’exécute sur l’appareil avec jQuery 3.7.1 inclus, de sorte que l’éditeur fonctionne également hors connexion.
20
Missions de débogage
Des bugs réalistes à corriger, comme une chaîne qui se termine par une chaîne de caractères ou un bouton de suppression qui ne fonctionne que sur les premières lignes.
20
Projets de pages guidés
Vingt projets HTML et CSS qui construisent le balisage sur lequel vos sélecteurs agiront ensuite.
91
Fiche mémo et quiz
Une fiche mémo de 91 entrées consacrées aux sélecteurs, aux événements, aux effets et aux méthodes AJAX, ainsi que 50 questions de quiz et 50 questions d’entretien.
AI
Mentor AI
Posez une question sur un sélecteur, une erreur ou un appel AJAX et obtenez une réponse en termes simples. L’offre gratuite comprend 3 questions par jour.
Contexte
jQuery vaut-elle encore la peine d’être apprise, et à quoi sert-elle ?
jQuery est une bibliothèque JavaScript qui permet de sélectionner plus rapidement des éléments sur une page web, de les modifier, de réagir aux clics et de charger des données sans recharger la page. Les frameworks plus récents ont pris la place de jQuery dans de nombreux nouveaux projets, mais une grande partie des sites existants utilisent encore jQuery. Savoir lire, corriger et faire évoluer ce code reste donc une compétence pratique en développement web. C’est également une façon progressive de découvrir le DOM, les événements et JavaScript asynchrone avant de passer à des outils plus importants.
La fonction $ et l’enchaînementune ligne, plusieurs actions
Appeler $ avec un sélecteur renvoie un objet jQuery, et presque chaque méthode renvoie à nouveau cet objet. Cela permet d’écrire une chaîne comme sélectionner une liste, lui ajouter une classe et la faire apparaître progressivement sur une seule ligne lisible, au lieu de quatre instructions distinctes.
SélecteursVos connaissances en CSS sont réutilisables
Les sélecteurs de classe, d’identifiant, d’attribut et de pseudo-classe fonctionnent à peu près comme dans une feuille de style. Les méthodes de parcours permettent ensuite de remonter vers les parents, les enfants ou les éléments frères d’un élément, afin d’atteindre la bonne ligne lorsqu’une page en contient des centaines de similaires.
Délégation d’événementsla solution pour les éléments ajoutés plus tard
Un gestionnaire attaché à un bouton n’existe que pour les boutons présents au moment de l’exécution du code. En l’attachant à un parent et en filtrant avec un sélecteur, il fonctionne aussi pour les lignes ajoutées ensuite. C’est une cause classique des boutons de suppression qui ne fonctionnent que sur les anciennes lignes.
Ce que désigne thisun bug fréquent
Dans un gestionnaire jQuery, this désigne l’élément qui a reçu l’événement, mais une fonction fléchée ou un callback mal placé peut modifier ce comportement. Déboguer un gestionnaire dans lequel this est devenu window est un premier vrai bug très courant.
AJAX et les promessesdes données sans rechargement
$.ajax() envoie une requête et permet à la page de se mettre à jour lorsque la réponse revient. Les objets Deferred et les promesses organisent plusieurs de ces requêtes, afin qu’une étape attende la suivante au lieu d’empiler les callbacks.
Pour qui
À qui elle s’adresse — et à qui elle ne s’adresse pas
Cette application vous convient si vous
- Vous connaissez un peu HTML et CSS et souhaitez rendre des pages réactives aux clics et aux formulaires
- Vous entretenez un site construit avec jQuery et devez lire et corriger son code
- Vous vous préparez à un entretien front-end où l’ancien jQuery est encore utilisé
- Vous souhaitez écrire du code sur un téléphone et voir immédiatement l’aperçu d’une page
- Vous apprenez mieux par petites sessions et aimez pouvoir interroger un mentor
Ce n’est pas le bon outil si vous
- Vous souhaitez apprendre un framework moderne comme React ; cette application enseigne jQuery et le DOM
- Vous avez besoin que tous les cours soient gratuits : le premier cours, le premier projet et deux missions sont gratuits, et Pro déverrouille le reste
- Vous vous attendez à une version gratuite sans publicités, puisque Pro les supprime
Questions
Foire aux questions
Quelle est la meilleure façon d’apprendre jQuery sur un téléphone ?
La méthode la plus efficace consiste à écrire du code et à voir la page changer, plutôt qu’à lire uniquement des explications sur les sélecteurs. Apprendre jQuery: Cours Code propose à chaque courte leçon un éditeur en direct avec aperçu de la page ; jQuery 3.7.1 est intégré pour fonctionner directement sur l’appareil, et un AI Mentor explique tout ce qui n’est pas clair. L’application est gratuite pour commencer sur iOS et Android.
jQuery est-il la même chose que JavaScript ?
Non. JavaScript est le langage de programmation ; jQuery est une bibliothèque écrite en JavaScript qui simplifie des tâches courantes comme la sélection d’éléments, la réaction aux clics et l’envoi de requêtes AJAX. Apprendre jQuery: Cours Code enseigne jQuery dans un éditeur JavaScript, afin que vous pratiquiez les deux ensemble et voyiez comment une chaîne correspond au code DOM standard.
Est-ce que cela vaut encore la peine d’apprendre jQuery ?
Pour les nouveaux projets, de nombreuses équipes choisissent d’autres outils, mais une grande partie des sites existants utilisent encore jQuery. Savoir lire et corriger ce code est donc une compétence concrètement utile. C’est également une façon simple d’aborder le DOM, les événements et JavaScript asynchrone. Apprendre jQuery: Cours Code inclut des questions d’entretien pour les postes front-end où l’ancien jQuery est encore présent.
Apprendre jQuery: Cours Code est-il disponible sur iPhone et Android ?
Oui. Apprendre jQuery: Cours Code est disponible sur l’App Store pour iPhone (iOS 15.1 ou version ultérieure) et sur Google Play pour Android. L’interface est proposée en 22 langues, notamment en anglais, espagnol, allemand, français, portugais, japonais, coréen, arabe, hindi et turc, tandis que le code que vous écrivez reste en jQuery et JavaScript, quelle que soit la langue.
Puis-je exécuter du code jQuery hors ligne dans l’application ?
Oui, pour l’éditeur. jQuery 3.7.1 est intégré à Apprendre jQuery: Cours Code : l’aperçu de la page fonctionne donc sur l’appareil, même hors ligne. Les fonctionnalités qui dépendent de l’AI Mentor nécessitent une connexion Internet.
Quels sujets le cours jQuery couvre-t-il ?
Les 22 cours vont de la fonction $ et des sélecteurs à la manipulation du DOM, aux styles, aux événements et à la délégation, en passant par les animations, les formulaires, AJAX, les objets Deferred et les promesses. Ils abordent ensuite les sélecteurs personnalisés, la création de plugins, les performances, l’intégration de jQuery à JavaScript moderne et les tests.
Que sont les missions de débogage ?
Ce sont 20 exercices qui vous présentent du code jQuery défectueux et vous demandent de trouver le bug, comme cela arrive au travail. Parmi les exemples : un gestionnaire de clic où this correspond à window, une chaîne qui se termine par une chaîne de caractères, un bouton de suppression qui ne fonctionne que sur les anciennes lignes, un menu qui continue de glisser après votre départ et une sauvegarde qui se déclenche deux fois.
Dois-je d’abord connaître JavaScript ou HTML ?
Une petite connaissance de HTML et CSS est utile, car les sélecteurs jQuery s’appliquent au balisage et s’inspirent de CSS. Apprendre jQuery: Cours Code propose également 20 projets guidés de pages HTML et CSS, afin que vous puissiez créer le balisage utilisé par vos sélecteurs. Le cours commence dès la première chaîne.
Apprendre jQuery: Cours Code est-il gratuit ?
Vous pouvez commencer gratuitement : le premier cours, le premier projet guidé, deux missions, l’éditeur, les quiz, les questions d’entretien, la fiche mémo et 3 questions par jour à l’AI Mentor. La version gratuite affiche des publicités. Pro déverrouille tous les cours, projets et missions, l’examen de certification ainsi que l’accès illimité à l’AI Mentor, et supprime les publicités. L’abonnement est proposé à la semaine, au mois ou à l’année, ou sous forme d’un achat unique à vie. L’examen de certification à la fin du cours est inclus dans Pro.
L’application est-elle affiliée à jQuery ?
Non. jQuery est une marque déposée de l’OpenJS Foundation, et Apprendre jQuery: Cours Code est une application d’apprentissage indépendante, qui n’est ni affiliée à l’OpenJS Foundation ni approuvée par celle-ci.
Commencer
Écrivez votre première chaîne jQuery dès aujourd’hui
Commencez gratuitement sur iOS et Android, en 22 langues.
Plus de CoddyKit
Disponible sur iOS et Android.