Lernen Sie Webentwicklung

Willkommen bei MDN Learning Web Development (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 weiterführenden empfohlenen Ressourcen.

• Lehrt die wesentlichen Fähigkeiten und das Wissen, das jeder Frontend-Entwickler im Berufsleben benötigt, um erfolgreich zu sein und für die Branche relevant zu bleiben, wie im MDN Curriculum definiert.

• Erstellt von der MDN-Community und verfeinert mit Einblicken von Studenten, Lehrkräften und Entwicklern aus der breiteren Web-Community.

• Entwickelt, um Sie von "Anfänger" zu "vertraut" zu führen (nicht von "Anfänger" zu "Experte"), und gibt Ihnen genug Wissen, um fortgeschrittenere Ressourcen (wie den Rest von MDN) zu nutzen.

Noch nie zuvor programmiert?

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

Möchten Sie die Grundlagen meistern?

Unsere Kernmodule bieten eine strukturierte Reihe von Tutorials, die die wesentlichen Fähigkeiten und Praktiken lehren, um ein erfolgreicher Frontend-Entwickler zu werden.

Über die Grundlagen hinaus?

Unsere Erweiterungsmodule decken nützliche zusätzliche Fähigkeiten ab, die gelernt werden sollten, wenn Sie beginnen, Ihr Wissen zu erweitern und Spezialisierungen zu entwickeln. Gehen Sie zu diesen über, nachdem Sie unsere Kernmodule abgeschlossen haben.

Arbeiten Sie an einer Schule?

Verwenden Sie unsere Module, um Ihren Unterricht zu leiten, besuchen Sie unsere Seite für Lehrkräfte für weitere Ideen, oder melden Sie Ihre Studenten beim Scrimba Frontend Developer Career Path^{MDN-Lernpartner} an.

Während des Kurses finden Sie mehrere Artikel, die Ihnen helfen sollen einzuschätzen, ob Sie verstanden haben, was wir Ihnen im Kurs lehren. Es gibt zwei Arten:

• "Testen Sie Ihre Fähigkeiten"-Artikel treten häufiger auf und prüfen Ihr Wissen über ein einzelnes isoliertes Merkmal wie HTML-Links, das CSS-Boxmodell oder JavaScript-Funktionen.
• "Herausforderungen" treten seltener auf und prüfen 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. Die empfohlene Vorgehensweise, um jede zu lösen, besteht darin, auf die "Play"-Schaltfläche in einem der Codeblöcke zu klicken, um das Beispiel im MDN Playground zu öffnen und dann den Code gemäß den Anweisungen der Frage zu bearbeiten.

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit der Schaltfläche Zurücksetzen im MDN Playground löschen. Wenn Sie wirklich stecken bleiben, können Sie (normalerweise) die Lösung am Ende jedes Fragebereichs ansehen oder um Hilfe bitten.

Einige Fragen enthalten keine Codeblöcke zum Starten und bitten Sie stattdessen, Starterdateien herunterzuladen, um auf Ihrer lokalen Maschine daran zu arbeiten. Manchmal liegt dies an der komplexen Natur der Frage, manchmal wollten wir einfach nur ein bisschen Abwechslung hineinbringen.

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

• Der einfachste Weg, sie zu bekommen, ist, ein ZIP der neuesten Hauptcode-Zweigstelle herunterzuladen.
• Wenn Sie mit Git und GitHub vertraut sind, können Sie auch das Repository klonen.

Wenn Sie mit uns über irgendetwas in Kontakt treten möchten, verwenden Sie die Kommunikationskanäle. Wir würden gerne von Ihnen hören über alles, was Sie für falsch oder fehlend auf der Seite halten, Anfragen für neue Lernthemen, Anfragen um Hilfe bei Dingen, die Sie nicht verstehen, oder jede andere Frage oder Sorge.

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

Der Frontend Developer Career Path ^{MDN-Lernpartner}

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

Codecademy

Eine großartige interaktive Seite zum Lernen von Programmiersprachen von Grund auf.

freeCodeCamp.org

Interaktive Seite mit Tutorials und Projekten, um Webentwicklung zu lernen.

Learn JavaScript

Eine ausgezeichnete Ressource für angehende Webentwickler - Lernen Sie JavaScript in einer interaktiven Umgebung, mit kurzen Lektionen und interaktiven Tests, geleitet von automatisierter Bewertung. Die ersten 40 Lektionen sind kostenlos, und der vollständige Kurs ist gegen eine kleine einmalige Zahlung verfügbar.