Lernen Webentwicklung

Über Lernen Webentwicklung

• Vermittelt die grundlegenden Fähigkeiten und Kenntnisse, die jeder Front-End-Entwickler für beruflichen Erfolg und Branchenrelevanz benötigt, wie im MDN Curriculum definiert.

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

• Entwickelt, um Sie von "Anfänger" zu "komfortabel" zu bringen (nicht von "Anfänger" zu "Experte"), damit Sie genügend Wissen haben, um fortgeschrittenere Ressourcen zu verwenden (wie den Rest von MDN).

Wissen Sie nicht, wo Sie anfangen sollen?

Noch nie programmiert?

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

Möchten Sie das Wesentliche beherrschen?

Unsere Kernmodule bieten eine strukturierte Sammlung von Tutorials, die die wesentlichen Fähigkeiten und Praktiken für den Erfolg als Front-End-Entwickler lehren.

Über die Grundlagen hinaus?

Unsere Erweiterungsmodule decken nützliche zusätzliche Fähigkeiten ab, die Sie lernen sollten, wenn Sie Ihr Wissen erweitern und sich spezialisieren. 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, und sehen Sie sich unsere Seite für Pädagogen für weitere Ideen an.

Testen Sie Ihre Fähigkeiten

Im Verlauf des Kurses finden Sie mehrere Artikel, die Ihnen helfen sollen zu beurteilen, ob Sie verstanden haben, was wir Ihnen im Kurs beibringen. Es gibt zwei Arten:

• "Testen Sie Ihre Fähigkeiten"-Artikel kommen häufiger vor und testen Ihr Wissen über ein einzelnes, isoliertes Feature wie HTML-Links, das CSS-Boxmodell oder JavaScript-Funktionen.
• "Herausforderungen" kommen seltener vor und testen Ihre Fähigkeit, mehrere Funktionen zusammen zu verwenden, 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 Methode, jede Aufgabe abzuschließen, besteht darin, die "Play"-Schaltfläche in einem der Codeblöcke zu drücken, um das Beispiel im MDN Playground zu öffnen und dann den Code gemäß den Frageanweisungen zu bearbeiten.

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit der Zurücksetzen-Schaltfläche im MDN Playground löschen. Wenn Sie wirklich feststecken, können Sie (normalerweise) die Lösung am Ende jedes Frageteils sehen oder Hilfe anfordern.

Einige Fragen enthalten keine Codeblöcke, von denen aus Sie starten können, und bitten Sie stattdessen, Starter-Dateien herunterzuladen, um sie auf Ihrem lokalen Rechner zu bearbeiten. Manchmal liegt das an der komplexen Natur der Frage und manchmal wollten wir einfach die Dinge ein bisschen ändern.

Unsere Codebeispiele abrufen

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

• Der einfachste Weg, sie zu bekommen, ist eine ZIP-Datei des neuesten Haupt-Branches herunterzuladen.
• Wenn Sie mit Git und GitHub vertraut sind, können Sie sich auch entscheiden, das Repository zu klonen.

Kontaktieren Sie uns

Wenn Sie uns aus irgendeinem Grund kontaktieren möchten, nutzen Sie die Kommunikationskanäle. Wir würden gerne von Ihnen hören, wenn Sie denken, dass etwas auf der Seite fehlt oder fehlerhaft ist, für Anfragen zu neuen Lerninhalten, Anfragen nach Hilfe bei Themen, die Sie nicht verstehen, oder andere Fragen oder Anliegen.

Wenn Sie daran interessiert sind, bei der Entwicklung/Verbesserung des Inhalts zu helfen, schauen Sie sich an, wie Sie helfen können, und kontaktieren Sie uns! Wir sind mehr als glücklich, mit Ihnen zu sprechen, 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 Front-End-Webentwickler zu sein, mit unterhaltsamen interaktiven Lektionen und Herausforderungen, sachkundigen Lehrern und einer unterstützenden Gemeinschaft. Gehen Sie von Null zu Ihrem ersten Front-End-Job! Viele der Kurskomponenten 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, 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, begleitet von automatisierten Bewertungen. Die ersten 40 Lektionen sind kostenlos, und der vollständige Kurs ist für eine geringe einmalige Zahlung verfügbar.