8 Wege um JavaScript (kostenlos) zu lernen

Du willst JavaScript lernen? Super! Denn wer braucht heutzutage noch langweilige statische Websites, die nur aus Text bestehen? Niemand! Mit JavaScript erschaffst du interaktive Elemente und bietest deinen Kunden echten Mehrwert! Denn JavaScript ist die Sprache für das world wide web!

Du bist noch unentschlossen? 9 gute Gründe, um JavaScript zu lernen:

• JavaScript ist DIE Sprache des World Wide Web!
• JavaScript ist die einzige Sprache, die jeder Browser versteht!
• JavaScript macht das web erst interaktiv!
• JavaScript kann auch im backend (z.B.) auf dem Server verwendet werden.
• JavaScript ist vielseitig einsetzbar
• JavaScript ist populär
• JavaScript zusammen mit React kann für die Entwicklung von WebApps verwendet werden
• JavaScript ist vergleichsweise einfach zu erlernen
• JavaScript Entwickler:innen haben exzellente Jobaussichten!

Das sind eine ganze Menge Gründe, um gleich loszulegen. Informiere dich am besten direkt in den nächsten Kapiteln wie du JavaScript lernen kannst!

JavaScript interaktiv und kostenlos lernen

JavaScript Hero

Kosten: kostenlos
Kursplattform: jshero.net
Anbieter: Stefan Trenkel
Umfang: über 100 Aufgaben
Sprache: Deutsch
Geeignet für: Programmieranfänger
Zertifikat: Nein
Einschätzung: Eine tolle interaktive Plattform für absolute Programmieranfänger, die einen leichten Einstieg in die wundervolle Welt des Programmierens suchen

Du bist Programmieranfänger:in und suchst einen einfachen, intuitiven und interaktiven Einstieg in JavaScript? Dann musst du nicht länger suchen! Der Entwickler Stefan Trenkel stellt dir mit JavaScript Hero ein kostenloses, interaktives Tutorial für JavaScript zu Verfügung. Gerade für Neulinge, die bislang noch gar nichts mit Programmierung am Hut haben ist diese Tutorial ideal, da keinerlei Vorraussetzungen nötig sind und du alles Wichtige quasi „on the fly“ lernst!

Stefan Trenkel stellt über 100 Lektionen kostenlos und werbefrei zur Verfügung. Neben dem Einstieg in JavaScript eignet sich das Tutorial durch seine Erklärungen, Hilfestellungen und Lösungstips auch für jeden oder jede, der/die nach einem generellen Einstieg in Programmierung sucht.

Ich halte dieses Tutorial für wirklich herausragend und finde es großartig, dass der Entwickler Stefan Trenkel diesen interaktiven JavaScript Crashkurs allen Interessierten hier zur Verfügung stellt!

freeCodeCamp: JavaScript Algorithms and Data Structures

Kosten: kostenlos
Kursplattform: freeCodeCamp
Anbieter: freeCodeCamp
Umfang: rund 300 einzelne Aufgaben in 9 Themenbereichen
Sprache: Englisch
Geeignet für: Anfänger
Zertifikat: Ja
Einschätzung: Eine tolle Möglichkeit JavaScript kostenlos und interaktiv zu lernen

Auf freeCodeCamp findest du viele hunderte Stunden an Material, um dich interaktiv mit Webentwicklung zu befassen. Da darf JavaScript keinesfalls fehlen! Gut für dich: es gibt insgesamt 9 verschiedene JavaScript Tutorials mit rund 300 verschiedenen Einzelaufgaben auf der Plattform!

Übrigens: ich fand vereinzelte Hinweise im web, dass Aufgaben bei freeCodeCamp nicht funktionieren, und das Leute den Code nicht zum Laufen bekommen haben: dass kann eventuell mit Browsereinstellungen zu tun haben. Im Zweifel kannst du auch einfach mal einen anderen Browser probieren. Zum Beispiel scheint Microsoft Edge (zumindest bestimmte Versionen) Probleme zu bereiten.

Lerne JavaScript mit Onlinekursen auf Deutsch

Udemy: Der ultimative JavaScript Komplettkurs

Kosten: einmalig 129,99 EUR (teils hohe Rabatte möglich) oder 29,99 EUR pro Monat
Kursplattform: Udemy
Bewertung auf der Plattform: 4,7 (von 5)
Anbieter: Ruben Winkler
Umfang: 41,5 Stunden Video
Sprache: Deutsch
Geeignet für: Anfänger
Zertifikat: Abschlussbescheinigung
Einschätzung: Super umfangreicher, gut gemachter Kurs für alle JavaScript Aspiranten!

Der Kurs ist im Vergleich auf Udemy wirklich sehr gut bewertet und die weitaus überwiegenden Kursteilnehmer sind begeistert! Auf vereinzelte negative Bewertungen und Feedback antwortet der Dozent und geht auf die Kritik ein. Da dies nicht alle Dozenten machen möchte ich das hier nochmal besonders loben!

Inhaltlich erhältst du in dem Kurs eine sehr gute Einführung in JavaScript. Du bekommst eine Erklärung der Basics: Variablen, Kontrollstrukturen, Operatoren, Funktionen, etc. Außerdem lernst du gerade für Webentwicklung wichtige Dinge wie das DOM (Document Object Model), Arbeit mit Cookies oder die Interaktion mit html im Allgemeinen. Sehr lobenswert ist außerdem, dass du im Laufe des Kurses ein praktisches Projekt bearbeitest. Also! Echtes „learning by doing“.

Ich habe mir natürlich einzelne Videos angesehen und bin von der Qualität des Kurses sehr angetan. Der Dozent macht eine gute Sache: er spricht langsam und deutlich und wie ich finde hat er eine ingesamt angenehme Art, die Kursinhalte zu vermitteln. Gut gemacht sind auch die Erklärgrafiken. Was mich etwas gestört hat, ist die etwas schnörkelige Schriftart. Ich persönliche bevorzuge serifenfreie Schriften! Das ist allerdings Geschmacksache.

Wie bei Udemy üblich ist die Preisgestaltung etwas undurchsichtig: du hast die Möglichkeit den Kurs für 129,99 EUR zu kaufen und bekommst somit lebenslangen Zugriff. Wenn du einen günstigen Zeitpunkt abpasst, erhältst du den Kurs eventuell stark rabattiert. Es sind Rabatte von über 80% drin! Alternativ kannst du dir den Kurs im Abo für 29,99 EUR anschauen.

Udemy: Die ultimative JavaScript Masterclass vom Anfänger zum Profi

Kosten: einmalig 94,99 EUR (teils hohe Rabatte möglich) oder 29,99 EUR pro Monat
Kursplattform: Udemy
Bewertung auf der Plattform: 4,6 (von 5)
Anbieter: Jannis Seemann
Umfang: 37 Stunden Video
Sprache: Deutsch
Geeignet für: Anfänger
Zertifikat: Abschlussbescheinigung
Einschätzung: Von einfachen Kontrollstrukturen bis hin zu Error Handling und NodeJs: ein wirklich umfassender Kurs!

Den Kurs erhältst du z.B. im Abo für 29,99 EUR im Monat. Alternativ kannst du den Kurs auch kaufen. Der reguläre Preis beträgt 94,99 EUR. Mein Tipp: Udemy hat immer wieder Rabattaktionen. Wenn du den idealen Zeitpunkt abwartest, bekommst du den Kurs stark reduziert. Zum Zeitpunkt an dem ich das hier schreibe, gibt es den Kurs z.B. für nur 11,99 EUR zu kaufen!

Du erfährst in diesem Kurs alles Wissenswerte zum Thema JavaScript und erhältst eine solide Einführung in die Basics. Der Dozent Jannis Seemann setzt zudem ein paar Schwerpunkte. So gibt es etwa zwei Stunden Material zum Thema Error Handling und dem Testen von Software. Sicherlich wichtige Themen, denn in der Praxis geht selten alles glatt und du bist regelmäßig mit Debugging beschäftigt!

Im Gegensatz zum JavaScript Kurs von Ruben Winkler, ist der Umfang der Praxis etwas geringer. Jannis Seemann hat in seinem Kurs ein Praxisprojekt eingebaut, dass insgesamt etwa 6-7 Stunden ausmacht. Dafür erfährst du inhaltlich auch etwas mehr und bekommst z.B. einen kleinen Crashkurs in HTML und CSS.

Wie üblich habe ich für dich in einige der Videos reingeschaut: Der Kurs ist insgesamt sehr schön gemacht. Dich erwarten hochwertige Videos mit einer guten Qualität. Ich finde es sympathisch, dass Jannis in den Videos in einem kleinen Ausschnitt meist selbst zu sehen ist!

JavaScript Onlinekurse von Top-Institutionen mit Zertifikat

Coursera: Programming with JavaScript

Kosten: 49 EUR pro Monat (kostenlose Audit/Gasthörerversion verfügbar)
Kursplattform: Coursera
Bewertung auf der Plattform: 4,7 (von 5)
Anbieter: Meta (ehemals Facebook)
Umfang: 42 Stunden
Sprache: Englisch
Geeignet für: Anfänger
Zertifikat: Ja (in der kostenpflichtigen Version)
Einschätzung: Professioneller Kurs, der kaum Wünsche offen lässt!

Was gibt es Besseres als JavaScript direkt von den Experten fürs (Social) Web zu lernen? Hier ist deine Chance! Wenn du dem Kurs als Gasthörer (Audit) folgst, bekommst du den Kurs zudem kostenlos! Möchtest du ein Zertifikat z.B. für deinen Lebenslauf, so musst du 49 EUR pro Monat zahlen.

Der Kurs ist Teil der Spezialisierung „Meta Front-End-Entwickler Zertifikat über berufliche Qualifikation„. In dieser Spezialisierung bekommst du die volle Dröhnung Web Entwicklung: in ingesamt 9 Kursen lernst du HTML und CSS, JavaScript, Versionskontrolle (ein nicht zu unterschätzendes Thema!), React sowie UX/UI Design.

Zurück zum JavaScript Kurs: Im Kurs „Programming with JavaScript“ startest du mit den Basics: Variablen, Kontrollstrukturen, Bedingungen, Operatoren, u.ä. In Woche 2 des Kurses erfährst du z.B. Details zu Funktionen, Arrays oder Debugging.

Spannend fand ich Woche 3: hier lernst du etwas über „Programming Paradigms“ (Programmierungsparadigmen). Letztlich geht es bei Programmierungsparadigmen um Konzepte und die übergeordnete Arte und Weise wie du programmierst.

Gerade als Anfänger solltest du Wert drauf legen, nicht nur die Syntax einer Programmiersprache zu lernen. Viel wichtiger sind meist allgemeine Konzepte: also z.B. prozedurale Programmierung, objektorientierte Programmierung, funktionale Programmierung, Erstellung von wiederverwendbarem Code z.B. in Funktionen, Klassen, oder Modulen.

Die Videoqualität ist sehr gut. Die Videos sind professionell produziert. Leider ist der Anteil an Kursinhalten, die du lesen solltest relativ hoch. Positiv fand ich die Übungsaufgaben zur Selbstkontrolle sowie die praktischen Programmieraufgaben.

Achtung! Einige Kursteilnehmer berichten von frustrierenden Erfahrungen mit eingereichten Coding-Aufgaben. Diese werden als nicht bestanden gewertet, obwohl ihr Code wohl außerhalb von Coursera gut funktioniert. Falls du ähnliche Probleme hast, lohnt es sich vielleicht mal einem anderen Browser zu probieren (selbst getestet habe ich das aber nicht).

Coursera: JavaScript Basics

Kosten: 49 EUR pro Monat (kostenlose Audit-/Gasthörerversion verfügbar)
Kursplattform: Coursera
Bewertung auf der Plattform: 4,7 (von 5)
Anbieter: University of California Davis
Umfang: 21 Stunden
Sprache: Englisch
Geeignet für: Anfänger
Zertifikat: Ja
Einschätzung: Gut gemachter Kurs für deinen Start in die Entwicklung mit JavaScript!

Dieser großartige Kurs wird dir von der UC Davis angeboten. Der professionelle Kurs wird von William Mead präsentiert. Der Kurs ist Teil der Spezialisierung JavaScript for Beginners. Die Spezialisierung besteht aus ingesamt 4 einzelnen Kursen.

Im Kurs lernst du zunächst etwas zur Geschichte von JavaScript. Das ist recht nützlich, denn einige Eigenheiten von JavaScript lassen sich nur historisch erklären. Natürlich lernst du die Basics: Variablen, Kontrollstrukturen und – ganz wichtig – wie du JavaScript verwendest, um mit HTML und CSS Elementen zu interagieren.

Ich habe für dich in den Kurs reingeschaut und fand ihn ziemlich gut. Du darfst dich auf gute Video- und Audioqualität freuen und kannst deinen Lernfortschritt immer wieder mit kleinen Übungsaufgaben testen. Insgesamt also eine runde Sache!

Geniale kostenlose Plattformen

The Modern JavasScript Tutorial auf JavaScript.info

Kosten: kostenlos
Kursplattform: javascript.info
Anbieter: Ilya Kantor und über 50 weitere Autoren
Umfang: 20-30 Stunden
Sprache: Englisch
Geeignet für: Anfänger und Fortgeschrittene
Zertifikat: Nein
Einschätzung: Solide Einführung in JavaScript und die Nutzung von JavaScript im Browser

The Modern JavaScript Tutorial ist ein toller Open Source Kurs den du auf JavaScript.info findest. Im Gegensatz zu anderen Plattformen musst du dich nicht vorab registrieren. Ein großer Vorteil wenn du deine E-Mail Adresse nicht überall angeben willst!

Der Kurs ist sehr stark auf die Anwendung von JavaScript im Browser angelegt. Willst du dich als Entwickler auf das Frontend konzentrieren, bis du hier ganz gut aufgehoben.

Du findest eine Reihe von Code Beispielen und siehts genau wie Dinge umgesetzt werden. Über eine Verlinkung mit Plunker kannst du direkt eigenen Code im Browser ausführen und so ohne große Hürden experimentieren. Schön sind in dem Zusammenhang auch die kleinen Coding-Aufgaben, die du während des Kurses lösen kannst.

Im Gegensatz zu einigen anderen Kursen, die ich dir in diesem Artikel vorstelle geht es im „Modern JavaScript Tutorial“ weniger projektbasiert zu. Das heißt wenn du JavaScript lieber durch das Bearbeiten von kleineren und größeren Projekten erlernen willst, dann empfehle ich dir The Odin Project (scrolle einfach etwas runter).

Übrigens: der Kurs ist inzwischen in über 10 Sprachen verfügbar. Leider ist die deutsche Übersetzung noch nicht so weit fortgeschritten. Falls du dich dazu entscheidest, den Kurs mitzumachen, kannst du ja am Ende etwas zur Übersetzung beitragen.

The Odin Project: Full Stack JavaScript

Kosten: kostenlos
Kursplattform: The Odin Project
Anbieter: 5000 Mitwirkende auf „The Odin Project“
Umfang: mehr als 200 Stunden
Sprache: Englisch
Geeignet für: Fortgeschrittene
Zertifikat: Nein
Einschätzung: DER Open Source Kurs, um in der Webentwicklung durchzustarten

Wenn du es wirklich ernst meinst mit der Webentwicklung, dann könnte das die kostenlose Plattform für dich sein, um zum JavaScript Experten zu werden! The Odin Project wurde 2013 gegründet, ist komplett OpenSource und wird von über 5000 freiwilligen Mitwirkenden weiterentwickelt!

The Odin Project schreibt „Learning by Doing“ groß. Das heißt im Laufe des Kurses musst du viele einzelne Projekte abschließen und veröffentlichst diese auf GitHub. Das ist natürlich eine super Grundlage für ein Portfolio mit dem du dich später bewerben kannst! Außerdem lernst du programmieren nur wenn du auch wirklich versuchst eigene Programme zum laufen zu bringen!

Was mir auch sehr gut gefiel: bei The Odin Project wird wirklich bis zum Ende gedacht, denn das Programm „Full Stack Java Script“ endet mit einem kleinen Kurs „Getting Hired“. Hier erhältst du wertvolle Tipps für die Jobsuche!

Insgesamt deckt diese geniale Plattform den ganzen Prozess ab: du lernst JavaScript, erhältst einen kleinen „Refresher“ für HTML und CSS und gehst am Ende gut vorbereitet auf Jobsuche! Damit steht deiner Karriere als Webentwickler nichts mehr im Wege!

Lerne Programmieren mit JavaScript Projekten für Anfänger

Online Kurse sind natürlich eine schöne Sache, um den Einstieg in das Programmieren zu finden. Willst du allerdings wirklich richtig Coden lernen, so suchst du dir am besten kleinere Projekte, die du dann selbständig löst. Auf diese Weise tastest du dich langsam an größere Aufgaben heran.

Denkanstöße für Projekte

Wenn du dich wirklich herausfordern willst, so macht es überhaupt keinen Sinn wenn ich dir genau beschreibe wie du vorgehen sollst oder sogar Projektideen mit Code verlinke. Daher habe ich dir eine Liste mit reinen Ideen, Vorschlägen und Denkanstößen zusammengestellt:

• Erstelle eine Website, die auf Knopfdruck ihr Design ändert z.B. mit den Modi „Natur“, „Elegant“, „Disko“. Hierzu musst du natürlich auch mit HTML und CSS arbeiten.
• Gerade als Webentwickler:in geht es auch darum zukünftigen Kunden oder Arbeitgebern zu zeigen was du kannst: hier darf eine schön animierte Slideshow nicht fehlen!
• Wie wäre es mit einem Projekt nach dem Motto: Wieviel kann ich trinken? Erstelle einen Rechner, der dir ausgibt wie hoch dein Blutalkohol sein wird wenn du über einen gewissen Zeitraum eine bestimmte Menge an Bier, Wein oder Schnäpsen getrunken hast. Du solltest Faktoren wie Körpergewicht, Abbau von Alkohol pro Stunde oder Prozent an Alkohol im jeweiligen Getränk berücksichtigen.
• Baue deine eigene elegant animierte Homepage! Du willst Webentwickler werden? Was liegt da näher als deine Fähigkeiten im Web mit deiner eigenen coolen Seite zu promoten!
• Was hältst du von einem einfachen Spiel wie Schere, Stein, Papier oder Tic-Tac-Toe?
• Wie wäre es mit einem BMI (Body-Mass-Index) Rechner? Erstelle einen Rechner, der dir je nach Körpergröße und Gewicht deinen BMI ausspuckt.
• Kennst du diese Spiele in denen es darum geht neue Sätze zu generieren? Du erstellst eine Seite, die Satzanfänge mit Mittelstücken und Satzenden frei zusammensetzt. Das kann ganz witzig sein!
• Zeige die aktuelle Uhrzeit auf einer Website an. Vielleicht kannst du auch noch Datum und Wochentag ergänzen.
• Kennst du auch Leute mit irrsinnig langen Doppelnamen? Erstelle eine Website, die neue Doppelnamen oder Dreifachnamen ausgibt. Anschließend lässt du die Besucher:innen deiner Website über den witzigsten Doppelnamen abstimmen!
• Du hast sicherlich auch Freunde, die dir WhatsApp-Nachrichten mit mehr Smileys als Text schicken. Probiere doch mal ein Programm zu schreiben, dass den Anteil Smileys im Vergleich zu Text berechnet.

Anhand der Liste kommst du bestimmt auch auf Ideen für weitere coole Projekte. Such dir am besten solche Projekte, die du auch auf einer eigenen Homepage zeigen kannst. Gerade als angehende:r Webdesigner:in liegt es doch auf der Hand deine Fähigkeiten hier zu präsentieren!

Websites mit Programmieraufgaben

Unabhängig von JavaScript habe ich in einem anderen Blogbeitrag mal zwei Webseiten bewertet, die Programmieraufgaben gesammelt haben. Projekt Euler kann ich dir empfehlen, wenn du dich mit mathematischen Problemen befassen willst (Link zum Artikel). Auf der Seite Rosalind wiederum findest du Aufgaben, die einen biologischen Hintergrund haben (Link zum Artikel). Aber Achtung: einfach sind die Aufgaben meist nicht und haben auch keinen Bezug zu Webentwicklung!

Fazit: Welchen Kurs solltest du machen?

Wenn du einen deutschsprachigen Kurs suchst, dann kannst du mit dem interaktiven Tutorial von Stefan Trenkel starten. Gerade als Anfänger ist JavaScript Hero ideal. In diesem interaktiven Tutorial erlernst du JavaScript Schritt für Schritt mit Hilfe von schön gemachten Aufgaben. Super!

Willst du ausführlichere Erklärungen und stehst eher auf einen Videokurs? Dann schaue dir doch einen der deutschsprachigen JavaScript Kurse auf Udemy an. Hier kann ich dir insbesondere den ultimativen JavaScript Komplettkurs empfehlen.

Schreckt dich die englische Sprache nicht ab oder willst du gleichzeitig deine JavaScript Kenntnisse und deine Englischkenntnisse verbessern? Wie wäre es mit einem Kurs auf Coursera? Hier empfehle ich JavaScript Basics von der UC California Davis.

Willst du es wirklich wissen, JavaScript projektbasiert lernen, schreckst vor einer Herausforderung nicht zurück und möchtest dich gleichzeitig optimal auf deine Karriere als Webentwickler:in vorbereiten? Schaue dir den kostenlosen Kurs Full Stack JavaScript auf The Odin Project näher an!

Falls JavaScript doch nicht das Richtige für dich ist, habe ich auch noch andere hochwertige Programmierkurse für dich herausgesucht. Wie wäre es z.B. mit einem kostenlosen Python Kurs?

Viel Spaß beim Lernen!

Häufig gestellte Fragen