Du möchtest Frontend Webentwickler werden? Hast du bereits Kenntnisse in HTML, JavaScript und CSS? Wenn ja, dann solltest du als nächstes jQuery lernen. Wahrscheinlich fragst du dich jetzt "Was ist jQuery"“.
Was ist jQuery?
jQuery ist einfach gesagt eine JavaScript Bibliothek, mit der du mit wenig Code viel erreichen kannst. Damit werden Dinge wie Ereignisbehandlungen, Animationen und Traversing von HTML Dokumenten viel einfacher. jQuery wurde primär für Leute entwickelt, die kaum Programmiererfahrung haben.
Dementsprechend ist es relativ einfach zu verstehen und anzuwenden. Wenn du ein weltklasse JavaScript Programmierer werden möchtest, solltest du dir etwas Zeit nehmen, um jQuery zu lernen.
Ich habe dir dazu die besten Tipps zusammengestellt. Auf geht’s!
Tipp 1: Belege einen Onlinekurs
Wenn du nach einer Möglichkeit suchst, jQuery schnell und effizient zu lernen, dann ist der beste Tipp sich bei einem guten Onlinekurs anzumelden. Warum? Weil sie sehr benutzerfreundlich aufgebaut sind und es dir ermöglichen, die Inhalte in deinem eigenen Tempo zu lernen. Außerdem kannst du zu schwierigen Konzepten zurückkehren und diese wieder bearbeiten, wenn du sie nochmal auffrischen möchtest. Wenn du momentan nicht genügend Geld hast, um die Kosten eines Onlinekurses zu decken, kannst du dich sogar für ein Stipendium bewerben!
LerneProgrammieren empfiehlt dir mit dem jQuery Schnellstart zu beginnen. In diesem Kurs bekommst du einen umfassenden Überblick über jQuery und dessen Verwendung. Durch klare Anweisungen lernst du schnell, wie du mit minimalem Arbeitsaufwand eine perfekte dynamische Webseite erstellst.
Jetzt kostenlosen Crashkurs sichern (Online Programmieren, keine Installation nötig)
Tipp 2: Gute JavaScript Grundlagen
jQuery basiert auf JavaScript. Du musst also unbedingt sicherstellen, dass du gute JavaScript Kenntnisse besitzt, bevor du jQuery überhaupt ansiehst. Es ist sicher möglich jQuery ohne JavaScript Kenntnisse zu lernen, es ist jedoch viel viel schwieriger.
Wenn du noch nicht so viel über JavaScript weißt, solltest du mit einem Einführungskurs beginnen, wie z.B. dem interaktiven JavaScript Tutorial. Dort bekommst du einen Überblick über die Grundlagen und wie man JavaScript verwenden kann. Den Code kannst du direkt im Browser schreiben. Wenn du keine Zeit hast, das ganze JavaScript Tutorial durchzuarbeiten, dann wirf wenigstens einen kurzen Blick auf unser Lernvideo. Die wichtigsten JavaScript Konzepte werden hier in leicht verständlicher Form vorgestellt. Praktischerweise kannst du das Video einfach auf mobilen Geräten anschauen und so deinen Weg zur Arbeit oder Uni im Bus oder der Bahn nutzen.
Ein JavaScript Handbuch zur Hand zu haben ist auch sehr praktisch, wenn du auf unbekannte Elemente in der Syntax oder Konventionen triffst.
Tipp 3: jQuery mit einem Spickzettel lernen
Wenn du jQuery wirklich lernen möchtest, ist es wichtig dich mit einer Reihe verschiedener Ressourcen vertraut zu machen. Ein Spickzettel ist zum Beispiel eine großartige Sache, um einen Onlinekurs optimal zu nutzen. Du musst nicht alles über jQuery wissen, um es zu verwenden. Es ist viel wichtiger mit Ressourcen vertraut zu sein, die du nutzen kannst, wenn du Konzepte oder Ideen nicht verstehst. Durch einen Spickzetteln kannst du sicherstellen, dass du alles im Kurs verstehst. Du musst nicht alles im Kopf wissen, aber du musst genug wissen, um deinen Spickzettel zu verstehen und ihn im Zweifel zu verwenden, um etwas nachzuschlagen.
Tipp 4: Verstehe den Unterschied zwischen ID und Klassen in HTML
Du kannst jQuery verwenden, um deinen HTML Quellcode direkt zu verändern. Dafür ist es jedoch wichtig, dass du ein wenig von HTML und dessen Interaktionen verstehst. Es gibt zwei Attribute, die du mit jQuery verändern kannst – ID Attribute und Klassenattribute. Dies sind beides sehr unterschiedliche Dinge und müssen auch als solche behandelt werden.
Schauen wir uns zuerst die ID Attribute an. Wenn du einen Code in HTML schreibst, kannst du wichtige Elemente mit einem ID Attribut versehen. Sie sind eindeutig und können nur für ein Element pro Seite verwendet werden. Die jQuery Syntax zum Adressieren eines Elements mit einer bestimmten ID lautet $(‘#elementID‘). Achte darauf, dass du den #-Präfix notierst, mit dem du die ID auswählst.
HTML Klassenattribute sind etwas unterschiedlich. Sie sind weniger selektiv und werden viel häufiger verwendet. Klassenattribute können jedem Element auf einer Seite zugewiesen werden – auch solchen mit einer ID. Sie können so vielen Elementen zugeordnet werden, wie nötig. Das ist sehr nützlich, um beispielsweise ähnliche Elemente zu gruppieren. Die jQuery Syntax zum Adressieren eines Elements nach Klassen lautet (“.elementClass“). Der Präfix “. “ wird für die Auswahl der Klassen verwendet.
Wenn deine HTML und CSS Kenntnisse etwas eingerostet sind, kannst du wieder an ihnen arbeiten, während du jQuery lernst. Schau dir doch mal unseren Anfängerkurs an, um die Grundlagen für HTML, CSS und Webentwicklung aufzufrischen.
Tipp 5: Lerne wie man Selektoren in Variablen speichert
Dieser Tipp ist womöglich erst sinnvoll, wenn du schon mit dem Erlernen von jQuery begonnen hast. Du musst unbedingt lernen, wie du Selektoren effizient zwischenspeichern kannst. Bei der Zwischenspeicherung wird eine Variable gespeichert, auf die du immer wieder zurückgreifen kannst. So muss jQuery nicht jedes Mal nach der Information suchen, wenn du mit einem Selektor ein bestimmtes Objekt aufrufst. Deine Programme werden dadurch schneller ausgeführt.
Du solltest darauf achten, bei der Auswahl eines Variablennamens für deinen zwischengespeicherten Selektor, Präfixe zu verwenden, um die Variablen als jQuery Objekt zu kennzeichnen. Den meisten jQuery Selektoren ist der Präfix $ vorangestellt. Daher ist es einfacher, immer dieselbe Syntax zu verwenden, wenn man Variablen mit jQuery Objekten benennt. Eine Codezeile, in der ein Selektor in einer Variable gespeichert ist, könnte so aussehen:
var $selektorVariable = $(‘selektierteElemente’);
Wie du siehst, ist die Auswahlvariable als jQuery Objekt markiert und dein Code dadurch leichter zu verfolgen. Wenn du mehr über jQuery Selektoren und deren Verwendung erfahren möchtest, dann besuche unsere Seite für jQuery Tutorials.
Tipp 6: Lerne wie man Attribute und Eigenschaften unterscheidet
Kurz zurück zu HTML. Vielleicht war es dir bis jetzt nicht bewusst, aber HTML Attribute und Eigenschaften sind zwei völlig verschiedene Dinge. Es ist wichtig zwischen beiden zu unterscheiden, da sich die jQuery Methoden je nach der behandelnden Methode unterscheiden. Attribute können nur sogenannte string values haben und werden vom HTML Quellcode bestimmt. Die Syntax für die Verwendung von Attributen lautet ().
Eigenschaften sind da anders. Sie werden vom DOM (Document Object Model) definiert und können Werte beliebigen Typs haben. Sie werden mit der Methode prop () behandelt.
Alles, was also nur string values akzeptiert, kann mit der attr()-Methode geändert werden, während alles was andere Werte akzeptiert, einschließlich Zahlen oder Booleschen Werten, mit der prop() Methode bearbeitet werde muss.
Wenn du noch mehr über diese und weitere Methoden erfahren möchtest, dann besuche eine Seite zur jQuery Syntax. Dort kannst du dir prop(), attr() und eine Reihe anderer Methoden genauer ansehen.
Tipp 7: Hab keine Angst um Hilfe zu bitten
Wenn du einer der Menschen warst, der dachte man kann jQuery schnell lernen, aber aufgegeben hat, weil es „zu schwer“ war, dann solltest du es noch einmal versuchen. Als JavaScript Bibliothek kann jQuery eines der wichtigsten Werkzeuge in deinem Programmier-Toolkit sein. Es gibt Millionen von Menschen weltweit, die jQuery fließend beherrschen. Bei Fragen und Problemen wirst du also sicher Hilfe finden, wenn du danach suchst.
Onlineforen sind Orte, an denen sich Leute über das Programmieren und Codierungsprobleme austauschen, um sich zu helfen und zu interagieren. Wenn du deine jQuery Frage in einem relevanten Forum veröffentlichst, wird dir mit ziemlicher Sicherheit jemand helfen können. Zwei gute Anlaufstellen sind hier das offizielle jQuery Forum und das jQuery Forum bei Stack Overflow.
Tipp 8: Stelle sicher, dass du die neueste Version von jQuery verwendest
jQuery verändert sich ständig, da die Bibliothek von einem aktiven Entwicklerteam stets weiterentwickelt wird. Wenn deine jQuery Erfahrung optimal sein soll, sieh zu dass du die neuste Version von jQuery lernst. Zum aktuellen Zeitpunkt dieses Artikels ist 3.4.1 die neueste Version. In dieser findest du eine Reihe von Updates aus früheren Versionen.
Wenn du Zweifel oder Fragen zur aktuellen Version hast, kannst du einfach im offiziellen jQuery 3.0 Upgrade Handbuch nachlesen, welche Änderungen vorgenommen wurden.
Tipp 9: Lerne die jQuery Plugins
Plugins sind großartig. Unabhängig davon, ob du WordPress, Shopify, jQuery oder ein anderes Programm zum Erstellen einer Webseite verwendest, Plugins werden sicher zu deinen besten Freunden gehören. Wenn du jQuery regelmäßig verwenden möchtest, solltest du einige Plugins kennen. Der beste Weg, um jQuery Plugins kennen zu lernen, ist die Verwendung der jQuery UI Bibliothek und den jQuery Plugin Register (Überraschung!). Hier findest zu so ziemlich alles, was du dir vorstellen kannst.
jQuery Plugins kannst du für eine Menge verschiedener Dinge nutzen. Manche wurden entwickelt, um Probleme auf Webseiten zu lösen, während andere für spezifische Funktionen oder einfache Aufgaben verwendet werden. Schau dich am besten mal in einer der eben genannten Bibliotheken um.
Jetzt kostenlosen Crashkurs sichern (Online Programmieren, keine Installation nötig)
Tipp 10: Verbinde dich mit anderen jQuery Benutzern
Ein wesentlicher Teil des Lernens im Umgang mit einer Programmiersprache oder einer Bibliothek ist die Vernetzung zu anderen interessierten Lernenden. Über eins der oben beschriebenen Foren kannst du dich mit anderen Personen in Verbindung setzen und gemeinsam nach Lösungen für Probleme suchen. Manchmal ist es jedoch hilfreicher Personen in echt zu treffen.
Der beste Weg um jQuery von anderen Leuten zu lernen ist, wenn du dich mit einer lokalen Programmiergruppe vernetzt. Auf Facebook findest du sicher Gruppen oder Events in deiner Nähe. Du kannst dich allen Gruppen anschließen, die interessant klingen, auch wenn es sich nicht direkt um eine jQuery Gruppe handelt. In vielen JavaScript oder Frontend-Webentwicklungsgruppen findest du sicher auch Leute mit jQuery Erfahrung. Solche Gruppen sind ein Ort zum Austauschen und Diskutieren.
Alternativ kannst du es auch auf Meetup versuchen. Hier findest du auch sehr oft Gruppen zum Thema Programmieren, egal wo du dich auf der Welt befindest. Auch wenn es in deinem Wohnort keine spezifische jQuery Gruppe gibt, findest du mit Sicherheit eine Gruppe von Frontend Entwicklern, die sich regelmäßig treffen. Darin besteht auch eine große Chance, dass zumindest ein paar von den Mitgliedern sehr qualifiziert sind und dir bei jQuery helfen können.
Zusammenfassung
Du kannst HTML, CSS und JavaScript. Was kommt als nächster Schritt auf deinem Weg zum Frontend Webentwickler? jQuery!
jQuery ist eine Mehrzweck-JavaScript-Bibliothek, die für eine ganze Menge verwendet werden kann. Die besten Frontend-Webentwickler der Welt nutzen jQuery regelmäßig.
Du solltest dir zunächst sicher sein, dass du mit HTML, CSS und JavaScript vertraut bist, da du alle drei Sprachen bei der Verwendung von jQuery brauchen wirst. Wähle dann einen guten Onlinekurs aus und arbeite ihn aufmerksam durch. Handbücher helfen dir, die Feinheiten der Verwendung von jQuery zu verstehen. Eine Vernetzung mit der jQuery Community solltest du ebenfalls nicht unterschätzen.
Mache deinen jQuery Lernprozess Schritt für Schritt. Notizen sind super beim Lernen und durch Nachforschungen und das Benutzen weiterer Ressourcen, kannst du selbst schwierige Konzepte besser verstehen.
- Programmiere echte Apps als Anfänger
- Keine Installation, sofort loslegen
- Komplett praxisbezogen
- Zugriff auf Online-Editor
