Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Lernen Sie Webentwicklung

Das wesentliche Skillset für neue Frontend-Entwickler

Willkommen bei MDN Lernen Sie Webentwicklung (auch bekannt als Learn). Diese Ressource bietet eine strukturierte Reihe von Tutorials, die die wesentlichen Fähigkeiten und Praktiken lehren, um ein erfolgreicher Frontend-Entwickler zu werden, zusammen mit Herausforderungen und weiteren empfohlenen Ressourcen.

Über Lernen Sie Webentwicklung

  • Lehrt die wesentlichen Fähigkeiten und Kenntnisse, die jeder Frontend-Entwickler für beruflichen Erfolg und Relevanz in der Branche benötigt, wie sie im MDN Curriculum definiert sind.

  • Erstellt von der MDN-Community und verfeinert mit Erkenntnissen von Schülern, Lehrern und Entwicklern aus der breiteren Web-Community.

  • Entwickelt, um Sie vom "Anfänger" zum "Komfortablen" zu führen (nicht vom "Anfänger" zum "Experten"), sodass Sie genügend Wissen haben, um fortgeschrittenere Ressourcen zu nutzen (wie den Rest von MDN).

Hinweis: Letzte Aktualisierung: August 2025 (siehe Changelog).

Wissen Sie nicht, wo Sie anfangen sollen?

Noch nie programmiert?

Unsere Getting started-Module bieten Setup-Tutorials und grundlegende Konzepte und Hintergrundinformationen für absolute Anfänger. Sie sollten hier beginnen, wenn Sie ein absoluter Anfänger sind (d.h. wenn Sie noch keinen Code-Editor installiert oder Code geschrieben haben).

Möchten Sie die Grundlagen beherrschen?

Unsere Core-Module bieten eine strukturierte Reihe von Tutorials, die die wesentlichen Fähigkeiten und Praktiken für einen erfolgreichen Frontend-Entwickler lehren.

Über die Grundlagen hinaus?

Unsere Erweiterungsmodule decken nützliche zusätzliche Fähigkeiten ab, die Sie lernen sollten, wenn Sie beginnen, Ihr Wissen zu erweitern und sich zu spezialisieren. Bearbeiten Sie diese nach Abschluss unserer Kernmodule.

Arbeiten Sie in einer Schule?

Nutzen Sie unsere Module, um Ihre Lehre zu leiten, schauen Sie sich unsere Seite für Pädagogen für weitere Ideen an oder melden Sie Ihre Schüler bei Scrimbas Frontend Developer Career PathMDN-Lernpartner an.

Testen Sie Ihre Fähigkeiten

Im gesamten Kurs finden Sie mehrere Artikel, die Ihnen helfen sollen, zu überprüfen, ob Sie verstanden haben, was wir Ihnen im Kurs beibringen. Es gibt zwei Arten:

  • "Testen Sie Ihre Fähigkeiten"-Artikel treten häufiger auf und testen Ihr Wissen zu einem einzelnen isolierten Feature wie HTML-Links, dem CSS-Box-Modell oder JavaScript-Funktionen.
  • "Herausforderungen" treten seltener auf und testen Ihre Fähigkeit, mehrere Features zusammen zu nutzen, um eine vollständige Website oder ein Programm zu erstellen.

Die meisten Fragen enthalten HTML/CSS/JavaScript-Codeblöcke, die den Ausgangscode für jede Aufgabe zeigen. Der empfohlene Weg, jede Aufgabe zu erledigen, besteht darin, den "Play"-Button in einem der Codeblöcke zu drücken, um das Beispiel im MDN Playground zu öffnen und den Code entsprechend den Anweisungen der Frage zu bearbeiten.

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit dem Reset-Button im MDN Playground löschen. Wenn Sie wirklich feststecken, können Sie (meistens) die Lösung am Ende jedes Fragensegments ansehen oder um Hilfe bitten.

Hinweis: Wenn Sie es vorziehen, in Ihrem eigenen Editor oder in einem Online-Editor (wie CodePen oder JSFiddle) zu arbeiten, können Sie den Code aus dem MDN Playground in Ihre gewählte Umgebung kopieren.

Einige Fragen enthalten keine Codeblöcke, von denen aus Sie starten können, und bitten Sie stattdessen, Starter-Dateien herunterzuladen, um auf Ihrem lokalen Computer zu arbeiten. Manchmal liegt das an der komplexen Natur der Frage, und manchmal wollten wir einfach nur etwas Abwechslung hineinbringen.

Unsere Codebeispiele erhalten

Die Codebeispiele, die Sie im Lernbereich finden, sind auf GitHub verfügbar:

Kontaktieren Sie uns

Wenn Sie aus irgendeinem Grund mit uns in Kontakt treten möchten, nutzen Sie die Kommunikationskanäle. Wir würden gerne von Ihnen hören, ob Sie etwas auf der Seite als falsch oder fehlend empfinden, Anfragen für neue Lerninhalte haben, Hilfe bei nicht verstandenen Themen benötigen oder andere Fragen oder Bedenken haben.

Wenn Sie daran interessiert sind, Inhalte zu entwickeln oder zu verbessern, schauen Sie sich an, wie Sie helfen können und nehmen Sie Kontakt auf! Wir sprechen sehr gerne mit Ihnen, egal ob Sie ein Lernender, Lehrer, erfahrener Webentwickler oder jemand anderes sind, der daran interessiert ist, das Lernerlebnis zu verbessern.

Siehe auch

The Frontend Developer Career Path MDN-Lernpartner

Scrimbas Frontend Developer Career Path lehrt alles, was Sie wissen müssen, um ein kompetenter Frontend-Webentwickler zu sein, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, wissensreichen Lehrern und einer unterstützenden Gemeinschaft. Gehen Sie von Null zum ersten Frontend-Job! Viele der Kurselemente sind als eigenständige kostenlose Versionen verfügbar.

Codecademy

Eine großartige interaktive Seite, um Programmiersprachen von Grund auf zu lernen.

freeCodeCamp.org

Interaktive Seite mit Tutorials und Projekten zum Erlernen der Webentwicklung.

Learn JavaScript

Eine ausgezeichnete Ressource für angehende Webentwickler – Lernen Sie JavaScript in einer interaktiven Umgebung, mit kurzen Lektionen und interaktiven Tests, geführt durch automatisierte Bewertung. Die ersten 40 Lektionen sind kostenlos, und der gesamte Kurs ist gegen eine geringe Einmalzahlung verfügbar.