jQuery Lernen: Programmieren
jQuery Lernen: Programmieren — Lerne jQuery auf deinem Smartphone: Schreibe eine Chain und beobachte, wie eine echte Seite reagiert
jQuery Lernen: Programmieren ist eine kostenlos startbare iOS- und Android-App, die Anfängern, Studierenden und Entwicklern, die jQuery-Websites betreuen, die jQuery JavaScript library näherbringt — DOM-Manipulation, Events, Effekte und AJAX. Jede Lektion ist mit einem Live-Editor und einer Seitenvorschau verbunden, und jQuery 3.7.1 ist integriert, sodass das, was du schreibst, auf dem Smartphone ausgeführt wird, sogar offline. Ein KI-Mentor beantwortet Fragen zu einem Selector, einem Fehler oder einem AJAX-Aufruf.
- Preis
- Kostenlos, Pro-Upgrade
- Plattformen
- iOS und Android
- Sprachen
- 22
- Altersfreigabe
- 4+
- Erfordert
- iOS 15.1 oder neuer
Wenn du einen CSS-Selector kennst, kennst du bereits den größten Teil von jQuery.
jQuery übernimmt seine Selector aus CSS und ermöglicht es dir, Aktionen an das Ergebnis anzuhängen. Das macht die Bibliothek zu einem unkomplizierten Einstieg in das DOM, Events und asynchronen Code sowie zu einer praktischen Fähigkeit für die vielen bestehenden Websites, die noch darauf angewiesen sind.
Was es ist
jQuery Lernen: Programmieren ist eine iOS- und Android-Kurs-App für die jQuery JavaScript library. Sie umfasst 22 Kurse mit 48 Lektionen von Niveau A1 bis C1, einen Live-JavaScript-Editor mit einer Seitenvorschau, die auf dem Gerät mit integriertem jQuery 3.7.1 ausgeführt wird, 20 Debugging-Missionen, 20 geführte HTML- und CSS-Projekte, 50 Interviewfragen, 50 Quizfragen und ein Cheatsheet mit 91 Einträgen. Ein KI-Mentor erklärt Selector, Fehler und AJAX-Aufrufe in verständlicher Sprache.
In der App
So sieht es aus
Der Kurs
Das behandelt der jQuery-Kurs
Zusammengestellt aus der CoddyKit-Kursliste für jQuery: von der ersten $-Funktion über Plugins und Tests bis zum Arbeiten mit modernem JavaScript.
Willkommen bei jQuery und erste Schritte
Was jQuery ist, welches konkrete Problem es gelöst hat und warum es noch immer auf so vielen Websites eingesetzt wird – anschließend eine erste Chain und die Grundlagen für Anfänger.
Elemente auswählen und das DOM durchlaufen
Elemente auswählen, anschließend fortgeschrittene Attribut- und Pseudoklassen-Selektoren verwenden und sich im DOM von einem Element zum nächsten bewegen.
DOM-Manipulation und Styling
Elemente in zwei Kursen erstellen, einfügen, verschieben und entfernen sowie CSS und Klassen aus dem Code heraus ändern.
Events und Delegation
Eventverwaltung, anschließend Eventdelegation für später hinzugefügte Elemente und die Verwaltung benutzerdefinierter Events.
Animationen und Effekte
Grundlegende Animationen, anschließend komplexe Animationen und benutzerdefinierte Effekte wie verkettete Abläufe und eigenes Easing.
Formulare, Daten und Templating
Dynamische Inhalte mit Datenattributen und Templating sowie fortgeschrittene Formularverarbeitung und Validierung.
AJAX, Deferred-Objekte und Promises
AJAX-Operationen und die Verarbeitung entfernter Daten, anschließend Deferred-Objekte und Promises zur Verwaltung asynchronen Codes.
Plugins, Performance und Tests
Benutzerdefinierte Selektoren und Filterung, robuste Plugins entwickeln, Performance und Best Practices, jQuery in modernes JavaScript integrieren und jQuery-Anwendungen testen.
So funktioniert es
So funktioniert eine Lektion
Jede Lektion stellt eine kurze Erklärung neben Code, den du selbst ausführst, sodass die Idee getestet wird, bevor du weitermachst.
Lies eine kurze Lektion
Öffne ein Thema und lies eine kurze Erklärung zu einem Selector, einem Event oder einem Effekt. Die Lektionen sind kurz genug für eine Busfahrt, und der Kurs führt dich von der ersten Chain bis zu Plugins und Testing.
Schreibe die Chain und sieh zu, wie die Seite reagiert
Im Live-Editor schreibst du HTML, CSS und jQuery und führst alles gleichzeitig aus. Der Editor führt deinen Code erneut aus, sobald du mit dem Tippen aufhörst — ohne Server und ohne Build-Schritt — und die Seitenvorschau zeigt das Ergebnis.
Behebe einen Fehler und frage dann den Mentor
Die Missionen geben dir fehlerhaften Code und fordern dich auf, den Fehler zu finden: einen Click-Handler, bei dem this window ist, ein Menü, das immer weiter rutscht, oder einen Speichervorgang, der zweimal ausgelöst wird. Wenn ein Konzept oder ein Fehler unverständlich ist, erklärt der KI-Mentor es noch einmal mit einfacheren Worten.
Was steckt drin
Das ist in der App enthalten
22
Kurse, A1 bis C1
22 Kurse mit 48 Lektionen, die bei der $-Funktion und deiner ersten Chain beginnen und über Selector, DOM-Manipulation, Events, Animationen, Formulare, AJAX, Plugins und Performance hinausführen.
3.7.1
jQuery integriert
Die Seitenvorschau wird auf dem Gerät mit integriertem jQuery 3.7.1 ausgeführt, sodass der Editor auch offline funktioniert.
20
Debugging-Missionen
Fehler, die sich realistisch anfühlen und die du beheben sollst, etwa eine Chain, die mit einem String endet, oder ein Löschen-Button, der nur bei den ersten Zeilen funktioniert.
20
Geführte Seitenprojekte
20 HTML- und CSS-Projekte, in denen du das Markup erstellst, mit dem deine Selector später arbeiten.
91
Cheatsheet und Quizfragen
Ein Cheatsheet mit 91 Einträgen zu Selector, Events, Effekten und AJAX-Methoden sowie 50 Quizfragen und 50 Interviewfragen.
KI
KI-Mentor
Frage zu einem Selector, einem Fehler oder einem AJAX-Aufruf und erhalte eine verständliche Antwort. Der kostenlose Tarif umfasst 3 Fragen pro Tag.
Hintergrund
Lohnt es sich noch, jQuery zu lernen, und wofür wird es verwendet?
jQuery ist eine JavaScript library, mit der du Elemente auf einer Webseite kürzer auswählen, verändern, auf Klicks reagieren und Daten laden kannst, ohne die Seite neu zu laden. Neuere Frameworks haben viele neue Projekte übernommen, aber ein großer Teil der bestehenden Websites läuft noch mit jQuery. Deshalb bleibt es eine praktische Fähigkeit in der Webentwicklung, diesen Code zu lesen, zu reparieren und zu erweitern. Außerdem ist jQuery ein unkomplizierter Weg, das DOM, Events und asynchrones JavaScript kennenzulernen, bevor du zu umfangreicheren Tools wechselst.
Die $-Funktion und Chainingeine Zeile, mehrere Aktionen
Wenn du $ mit einem Selector aufrufst, erhältst du ein jQuery-Objekt, und fast jede Methode gibt dieses Objekt erneut zurück. Dadurch kannst du beispielsweise eine Liste auswählen, eine Klasse hinzufügen und sie einblenden — als eine gut lesbare Zeile statt als vier separate Anweisungen.
SelectorCSS-Wissen lässt sich übertragen
Class-, ID-, Attribut- und Pseudo-Class-Selector funktionieren weitgehend wie in einem Stylesheet. Mit Traversal-Methoden navigierst du anschließend von einem Element zu seinen übergeordneten Elementen, Kindern oder Geschwistern. So erreichst du die richtige Zeile, wenn eine Seite Hunderte ähnlicher Zeilen enthält.
Event-Delegationdie Lösung für später hinzugefügte Elemente
Ein Handler, der an einen Button angehängt ist, existiert nur für Buttons, die beim Ausführen des Codes bereits vorhanden waren. Wenn du ihn an ein übergeordnetes Element anhängst und per Selector filterst, funktioniert er auch für später hinzugefügte Zeilen. Das ist ein klassischer Grund dafür, dass ein Löschen-Button nur bei alten Zeilen funktioniert.
Worauf sich this beziehtein häufiger Fehler
Innerhalb eines jQuery-Handlers ist this das Element, das das Event empfangen hat. Eine Arrow Function oder ein falsch platzierter Callback kann das jedoch ändern. Einen Handler zu debuggen, bei dem this zu window geworden ist, ist ein typischer erster echter Fehler.
AJAX und PromisesDaten ohne Neuladen
$.ajax() sendet eine Anfrage und ermöglicht es der Seite, sich zu aktualisieren, sobald die Antwort eintrifft. Deferred-Objekte und Promises strukturieren mehrere solcher Anfragen, sodass ein Schritt auf einen anderen wartet, anstatt Callbacks zu verschachteln.
Passend
Für wen es geeignet ist – und für wen nicht
Es passt zu dir, wenn du
- Du kennst ein wenig HTML und CSS und möchtest Seiten auf Klicks und Formulare reagieren lassen
- Du betreust eine auf jQuery basierende Website und musst ihren Code lesen und reparieren
- Du bereitest dich auf ein Frontend-Interview vor, in dem Legacy-jQuery noch vorkommt
- Du möchtest Code auf dem Smartphone schreiben und sofort eine Seitenvorschau sehen
- Du lernst am besten in kurzen Einheiten und möchtest Fragen an einen Mentor stellen können
Du bist hier nicht richtig, wenn du
- Du möchtest ein modernes Framework wie React lernen; diese App vermittelt jQuery und das DOM
- Du möchtest, dass jeder Kurs kostenlos ist: Der erste Kurs, das erste Projekt und zwei Missionen sind kostenlos, mit Pro schaltest du den Rest frei
- Du erwartest eine kostenlose Version ohne Werbung, da Pro die Werbung entfernt
Fragen
Häufig gestellte Fragen
Wie lernt man jQuery am besten auf dem Smartphone?
Am effektivsten ist es, Code zu schreiben und zu sehen, wie sich die Seite verändert, statt nur über Selektoren zu lesen. jQuery Lernen: Programmieren bietet für jede kurze Lektion einen Live-Editor mit Seitenvorschau. jQuery 3.7.1 ist integriert, sodass der Code auf dem Gerät ausgeführt wird, und ein KI-Mentor erklärt alles, was unklar bleibt. Der Einstieg ist kostenlos auf iOS und Android.
Ist jQuery dasselbe wie JavaScript?
Nein. JavaScript ist die Programmiersprache; jQuery ist eine in JavaScript geschriebene Bibliothek, die häufige Aufgaben wie das Auswählen von Elementen, das Reagieren auf Klicks und das Senden von AJAX-Anfragen verkürzt. jQuery Lernen: Programmieren vermittelt jQuery in einem JavaScript-Editor, sodass du beides gemeinsam übst und siehst, wie eine Chain auf normalen DOM-Code abgebildet wird.
Lohnt es sich noch, jQuery zu lernen?
Für neue Projekte entscheiden sich viele Teams für andere Tools, aber ein großer Teil bestehender Websites läuft weiterhin mit jQuery. Deshalb ist es eine praktische Fähigkeit, diesen Code zu lesen und zu reparieren. Außerdem ist jQuery ein leichter Einstieg in das DOM, Events und asynchrones JavaScript. jQuery Lernen: Programmieren enthält Interviewfragen für Frontend-Stellen, in denen Legacy-jQuery noch immer vorkommt.
Gibt es jQuery Lernen: Programmieren für iPhone und Android?
Ja. jQuery Lernen: Programmieren ist im App Store für iPhone (iOS 15.1 oder neuer) und bei Google Play für Android verfügbar. Die Benutzeroberfläche gibt es in 22 Sprachen, darunter Englisch, Spanisch, Deutsch, Französisch, Portugiesisch, Japanisch, Koreanisch, Arabisch, Hindi und Türkisch. Der von dir geschriebene Code bleibt jedoch in jeder Sprache jQuery und JavaScript.
Kann ich jQuery-Code in der App offline ausführen?
Ja, im Editor. jQuery 3.7.1 ist in jQuery Lernen: Programmieren integriert, sodass die Seitenvorschau auch offline auf dem Gerät ausgeführt wird. Funktionen, die den KI-Mentor benötigen, erfordern eine Internetverbindung.
Welche Themen behandelt der jQuery-Kurs?
Die 22 Kurse reichen von der $-Funktion und Selektoren über DOM-Manipulation, Styling, Events und Delegation bis hin zu Animationen, Formularen, AJAX, Deferred-Objekten und Promises. Anschließend geht es um benutzerdefinierte Selektoren, das Schreiben von Plugins, Performance, die Integration von jQuery in modernes JavaScript und Tests.
Was sind die Debugging-Missionen?
Dabei handelt es sich um 20 Übungen, in denen du fehlerhaften jQuery-Code erhältst und den Bug finden musst – so, wie es auch bei der Arbeit vorkommt. Beispiele sind ein Click-Handler, bei dem this auf das window zeigt, eine Chain, die mit einem String endet, ein Löschen-Button, der nur bei alten Zeilen funktioniert, ein Menü, das nach dem Verlassen weitergleitet, und ein Speichervorgang, der zweimal ausgelöst wird.
Muss ich zuerst JavaScript oder HTML können?
Ein wenig HTML und CSS sind hilfreich, da jQuery-Selektoren auf Markup arbeiten und sich an CSS orientieren. jQuery Lernen: Programmieren enthält außerdem 20 geführte HTML- und CSS-Seitenprojekte, mit denen du das Markup erstellen kannst, auf das deine Selektoren angewendet werden. Der Kurs beginnt bei der ersten Chain.
Ist jQuery Lernen: Programmieren kostenlos?
Du kannst kostenlos starten: mit dem ersten Kurs, dem ersten geführten Projekt, zwei Missionen, dem Editor, Quizzen, Interviewfragen, dem Spickzettel und 3 Fragen an den KI-Mentor pro Tag. Die kostenlose Version zeigt Werbung. Pro schaltet alle Kurse, Projekte und Missionen, die Zertifikatsprüfung und unbegrenzten Zugriff auf den KI-Mentor frei und entfernt die Werbung. Pro ist als wöchentliches, monatliches oder jährliches Abonnement oder als einmaliger lebenslanger Kauf erhältlich. Eine Zertifikatsprüfung am Ende des Kurses ist in Pro enthalten.
Ist die App mit jQuery verbunden?
Nein. jQuery ist eine Marke der OpenJS Foundation, und jQuery Lernen: Programmieren ist eine unabhängige Lern-App, die weder mit der OpenJS Foundation verbunden ist noch von ihr unterstützt wird.
Loslegen
Schreibe noch heute deine erste jQuery-Kette
Kostenlos starten auf iOS und Android – in 22 Sprachen.
Mehr von CoddyKit
Verfügbar auf iOS und Android.