Über das Lernen von Webentwicklung

Wir haben ursprünglich den MDN Learn Web Development-Bereich 2016 gestartet, mit dem Ziel, MDN für Nicht-Experten zugänglicher zu machen und Anfängern in der Webentwicklung zu helfen, vom "Anfänger zum Komfortablen" zu gelangen.

Die Inhalte waren ziemlich erfolgreich, aber ein paar Jahre später stellten wir fest, dass die Struktur unterdurchschnittlich war. Anfänger wünschen sich wirklich einen robusten Pfad, dem sie folgen können, um das Wissen zu erwerben, das sie benötigen, anstatt erwartet zu werden, herauszufinden, was sie lernen und wann.

Darüber hinaus spricht Mozilla täglich mit Fachleuten aus der Branche und erhält regelmäßig Feedback zu Wissenslücken bei Neueinstellungen. Einstellungsmanager beobachten häufig:

• Zu viel Fokus auf die schnelle Erstellung von Webanwendungen mit Frameworks, gepaart mit einem Mangel an Verständnis für die zugrunde liegenden Technologien hinter diesen Frameworks. Dies führt zu einem Mangel an Problemlösungsfähigkeiten und einer geringeren langfristigen Beschäftigungsfähigkeit, da sich die Werkzeuge ändern.
• Ein Mangel an grundlegenden Best Practices wie Semantik, Zugänglichkeit und responsivem Design. Dies führt zu einem Mangel an Benutzerfokus und damit zu Einschränkungen in der Benutzerfreundlichkeit.
• Lücken im Wissen über die grundlegende Funktionsweise von Browsern, wie sie Informationen bereitstellen und welche Interaktivität Sie kostenlos erhalten. Dies führt dazu, dass Lösungen überkompliziert und oft unzugänglich sind.
• Begrenzte Problemlösungs-, Teamarbeits-, Forschungs- und andere wichtige Soft Skills.

Als Ergebnis haben wir einen Lehrplan erstellt, um Menschen dabei zu helfen, ein besseres Skillset zu erlernen, das sie beschäftigungsfähiger macht und es ihnen ermöglicht, ein besseres, zugänglicheres und verantwortungsbewussteres Web von morgen zu bauen. Wir möchten, dass sie die bestmöglichen Erfolgschancen haben. Wir haben den MDN Curriculum Anfang 2024 gestartet.

Allerdings erhielten wir schnell Feedback, dass Benutzer es verwirrend fanden, zwei Lernressourcen auf MDN zu haben, mit dem Curriculum/Lernpfad an einem Ort und den Lerninhalten an einem anderen Ort. Als Ergebnis haben wir das Curriculum im Dezember 2024 in den Lernbereich integriert.

Dieser Lehrplan ist nützlich für mehrere Gruppen von Studenten:

• Studenten, die ein Job in der Branche bekommen möchten, was möglicherweise den Erwerb eines einschlägigen Abschlusses oder einer Zertifizierung beinhaltet. Der Lehrplan dient als Leitfaden dafür, was sie lernen sollten.
• Bestehende Webentwickler, die ihre Fähigkeiten "verbessern" möchten, um sicherzustellen, dass ihr Skillset aktuell ist und Wissenslücken zu identifizieren, über die sie mehr lernen sollten.
• Nicht-Front-End-Webentwickler, die bereits Erfahrung in der Entwicklung in anderen Bereichen haben (zum Beispiel Back-End-Webentwickler oder plattformspezifische Entwickler), die in die Front-End-Webentwicklung einsteigen möchten und einen Leitfaden zu den Themen wünschen, die sie lernen sollten.

Lehrer können diesen Inhalt als Leitfaden verwenden, wenn sie Programme, Einheiten und Bewertungsspezifikationen für einen webbezogenen Universitätsabschluss, Hochschulkurs, Programmierkurs oder ähnliches erstellen. Das Einhalten der Lernziele in unseren Artikeln hilft sicherzustellen, dass Kurse aktuelle Techniken und Best Practices lehren und schlechte Praktiken und veraltete Informationen vermeiden.

Für weitere Informationen lesen Sie unsere Seite Ressourcen für Lehrer.

Der Begriff Front-End-Entwickler kann mehrdeutig sein; er kann für verschiedene Menschen unterschiedliche Dinge bedeuten, und Menschen, die am Front-End arbeiten, können erwartet werden, eine Vielzahl von Aufgaben zu erledigen.

Diese Reihe von Artikeln versucht nicht, jedes Thema zu lehren, das von einem Webentwickler möglicherweise in der Tiefe erwartet wird. Der Lehrplan deckt Folgendes ab:

• Kerntechnische Fähigkeiten wie semantisches HTML, CSS und JavaScript-Grundlagen.
• Best Practices wie Zugänglichkeit, responsives Design und UI-Design-Theorie.
• Wichtige Werkzeuge wie Frameworks und Versionskontrolle.
• Soft Skills zur Förderung der Denkweise und Einstellung, die erforderlich sind, um einen Job zu sichern.
• Umgebungswissen wie Computer- und Dateisysteme, Surfen im Web, Grundkenntnisse der Befehlszeile und Code-Editoren.
• Mehrere "Erweiterungen", die wir als nützliche zusätzliche Fähigkeiten ansehen, die entwickelt werden sollten, wenn Entwickler ihr Wissen erweitern und Spezialisierungen entwickeln. Dies schließt ein:
  • CSS-Transformationen und Animationen
  • Häufige Kategorien von Web-APIs (z.B. Medien, Grafiken und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Leistung
  • Sicherheit und Datenschutz
  • Testen

Die vorgestellten Themen werden in unterschiedlichen Detailebenen behandelt.

• Einige werden ausführlich behandelt, z.B. HTML- und CSS-Grundlagen. Es ist wichtig, diese klar zu verstehen, bevor ein Student zu weit in seinem Lernprozess geht.
• Einige werden oberflächlicher behandelt, z.B. Versionskontrolle oder Testen. Es ist wichtig zu verstehen, was diese Themen sind und mit einigen Grundlagen zu beginnen, aber diese Arten von Fähigkeiten können weiterentwickelt werden, während Sie sich in Ihrer Karriere weiterentwickeln.

Es gibt auch mehrere Bereiche, die wir in diesem Lehrplan explizit nicht abdecken, nämlich:

• Erschöpfende Abdeckung von Backend-Sprachen/Plattformen. Wir bieten eine kurze Einführung in Node.js (Express) und Python (Django), da es für jeden Webentwickler nützlich ist zu verstehen, wie HTTP und serverseitige Technologien funktionieren. Doch wir bieten keine erschöpfende Abdeckung über mehrere Plattformen hinweg; das wäre außerhalb des Rahmens von MDN.
• Tiefgehende Abdeckung von traditionellen relationalen Datenbanken (z.B. MySQL oder Postgres) und anderen serverseitigen Datenspeichern (z.B. Cloud-Datenbanken wie MongoDB oder Google Cloud Datastore). Wir bieten eine kurze Einführung in solche Technologien in unseren Server-seitigen Webseitenprogrammierung Modulen.
• Tiefgehende DevOps-Themen wie Cloud-Plattformen für Bereitstellung und Automatisierung (z.B. Amazon AWS, Google Cloud Platform und Microsoft Azure) und Containerisierungstools (z.B. Kubernetes und Docker). Wir berühren leicht einige der als DevOps geltenden Tools – wie GitHub und automatische Testtools – aber diese haben deutliche Überschneidungen in den Bereich der Front-End-Entwicklung.
• Grafikdesign jenseits des im Design für Entwickler beschrieben Grundwissens.
• Fähigkeiten, die mit Rollen wie Produkt- und Programmmanagement verbunden sind (z.B. Organisation, Forschung und Planung).

Diese Ressource ist kostenlos für jeden zu nutzen. Wenn Sie es nützlich finden, bitten wir Sie, Folgendes in Betracht zu ziehen:

• Verlinken Sie es. Beispielsweise könnte ein Lehrer Folgendes in seine öffentlichen Programminformationen aufnehmen:

  html

  <p>
    This course is based on
    <a href="https://developer.mozilla.org/en-US/curriculum/"
      >MDN Learn Web Development</a
    >.
  </p>
  

• Erzählen Sie es anderen! Wir würden uns freuen, wenn so viele Studenten und Lehrer wie möglich beginnen, dieses Material zu verwenden und es als Standard für das grundlegende Wissen von Webentwicklern zu vereinheitlichen.

Die Webentwicklungsbranche ändert sich ständig und schnell. Um unsere Empfehlungen aktuell zu halten, werden wir unser Material regelmäßig überprüfen, unsere Changelog aktualisieren und jedes Jahr eine Ankündigung machen, indem wir die Ersteller bekannter konformer Kurse kontaktieren, um sie wissen zu lassen, dass der Kurs geändert wurde, und ermutigen, ihre Kurse zu überprüfen/aktualisieren, wie es angemessen ist.

Wir beabsichtigen, dies im 2. Quartal jedes Jahres zu tun, um Lehrern im 2./3. Quartal Zeit zu geben, Änderungen vor Beginn des folgenden akademischen Jahres umzusetzen.

Wie weiß MDN, dass die Scrimba-Kurse von hoher Qualität sind und den Best Practices entsprechen?

Scrimba hatte bereits einen großartigen Ruf, bevor wir über eine Partnerschaft mit ihnen zu sprechen begannen. Dennoch haben wir uns nicht nur auf das Wort der Community verlassen. Wir haben eine umfangreiche Überprüfung des Scrimba Frontend Developer Career Path (FDCP) durchgeführt und ihnen Feedback zu möglichen Verbesserungen gegeben, wobei der Fokus auf der Erhöhung der Abdeckung von Best Practices und der Konformität mit unseren Core-Modulen lag. Scrimba hat all unser Feedback umgesetzt, und der FDCP ist jetzt noch besser als zuvor. Da er jetzt mit unserem Curriculum Core übereinstimmt, sind wir zuversichtlich, dass er den MDN-Standards entspricht.

Teilt MDN Benutzerdaten mit Scrimba?

Wir priorisieren den Datenschutz und die Transparenz der Nutzer. Die einzige Information, die MDN mit Scrimba teilt, ist die Benutzernavigation zu Scrimba von MDN aus, und dies geschieht durch ihre eigenen Aktionen, indem sie einem als extern markierten Link folgen.

Wenn wir Scrimba-Inhalte auf MDN einbetten, sieht Scrimba erst dann Benutzerdaten, wenn ein Benutzer beschließt, mit Scrimbas Inhalten zu interagieren.

Scrimbas Inhalte sind nicht kostenlos. Steht das nicht im Widerspruch zur Philosophie von MDN, kostenlose Inhalte bereitzustellen?

Viele von Scrimbas Inhalten erfordern ein kostenpflichtiges Abonnement, aber sie bieten auch mehrere vollständige Kurse an, die nach der Registrierung kostenlos zugänglich sind.

Es ist auch erwähnenswert, dass die Kurse von Scrimba nicht notwendig sind, um MDN Learn Web Development zu nutzen — sie sind eine Ergänzung für diejenigen, die für einen strukturierten Kurs bezahlen möchten, der unser Curriculum Core abdeckt. Sie können immer noch alle unsere Lernziele kostenlos erreichen, indem Sie unsere Artikel durcharbeiten.

Erhält man ein Zertifikat nach Abschluss des Scrimba Frontend Developer Career Path?

Ja, sobald Sie alle Themen im Frontend Developer Career Path abgeschlossen haben, können Sie auf ein Abschlusszertifikat zugreifen, um es potenziellen Arbeitgebern zu zeigen oder in Ihr Portfolio aufzunehmen. Weitere Informationen finden Sie unter Wo finde ich mein Abschlusszertifikat?.