Über das Erlernen der Webentwicklung

Wir hatten ursprünglich den MDN Learn Web Development-Bereich im Jahr 2016 gestartet mit dem Ziel, MDN für Nicht-Experten zugänglicher zu machen und Anfängern in der Webentwicklung zu helfen, von "Anfängern zu Komfortablen" zu werden.

Der Inhalt war ziemlich erfolgreich, aber im Laufe der Jahre stellten wir fest, dass die Struktur suboptimal war. Anfänger wünschen sich wirklich einen robusten Weg, dem sie folgen können, um das nötige Wissen zu erlangen, anstatt selbst herausfinden zu müssen, was wann zu lernen ist.

Darüber hinaus spricht Mozilla täglich mit Branchenexperten und erhält regelmäßig Feedback zu den Wissenslücken bei Neueinstellungen. Personalverantwortliche stellen häufig fest:

• Zu großer Fokus auf die Nutzung von Frameworks, um schnell Webanwendungen zu erstellen, verbunden mit einem Mangel an Verständnis der zugrunde liegenden Technologien hinter diesen Frameworks. Dies führt zu einem Mangel an Problemlösungsfähigkeiten und geringerer langfristiger Beschäftigungsfähigkeit, da sich Werkzeuge ändern.
• Ein Mangel an grundlegenden Best Practices wie Semantik, Zugänglichkeit und responsivem Design. Dies führt zu einem Mangel an Nutzerfokus, was zu Einschränkungen in der Benutzerfreundlichkeit führt.
• Wissenslücken darüber, wie Browser grundlegend funktionieren, wie sie Informationen anzeigen und welche Interaktivität kostenlos ist. Dies führt zu überkomplizierten und oft unzugänglichen Lösungen.
• Begrenzte Problemlösungs-, Teamarbeits-, Forschungs- und andere wesentliche Soft Skills.

Daraus resultiert, dass wir ein Curriculum erstellt haben, um Menschen zu helfen, bessere Fähigkeiten zu erlernen, ihre Beschäftigungsfähigkeit zu verbessern und ihnen zu ermöglichen, ein besseres, zugänglicheres, verantwortungsvolleres Web von morgen zu schaffen. Wir möchten ihnen die bestmöglichen Erfolgschancen geben. Wir haben das 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. Daher haben wir das Curriculum im Dezember 2024 in den Lernbereich integriert.

Dieses Curriculum ist nützlich für mehrere Gruppen von Studenten:

• Studenten, die einen Arbeitsplatz in der Branche finden möchten, was möglicherweise das Erlangen einer verwandten Qualifikation oder Zertifizierung umfasst. Das Curriculum fungiert als Leitfaden für das, was sie studieren sollten.
• Bestehende Webentwickler, die ihre Fähigkeiten "aufwerten" möchten, um sicherzustellen, dass ihr Fähigkeiten aktuell sind, und Lernlücken erkennen, über die sie mehr erfahren sollten.
• Nicht-Front-End-Webentwickler mit bestehender Erfahrung in anderen Bereichen (zum Beispiel Back-End-Webentwickler oder plattformspezifische Entwickler), die in die Front-End-Webentwicklung einsteigen möchten und einen Leitfaden zu den Themen suchen, die sie lernen sollten.

Pädagogen können diesen Inhalt als Leitfaden verwenden, wenn sie Programme, Einheiten und Bewertungsspezifikationen für einen webbezogenen Universitätsabschluss, Hochschulkurs, Coding School-Kurs oder Ähnliches erstellen. Die Einhaltung der Lernergebnisse in unseren Artikeln trägt dazu bei, sicherzustellen, dass Kurse aktuelle Techniken und Best Practices lehren und schlechte Praktiken und veraltete Informationen vermeiden.

Um mehr zu erfahren, besuchen Sie unsere Seite Ressourcen für Pädagogen.

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

Dieses Artikelsystem versucht nicht, jedes Thema, das ein Webentwickler möglicherweise wissen könnte, in der Tiefe zu lehren. Das Curriculum umfasst Folgendes:

• Kerntechnische Fähigkeiten wie semantisches HTML, CSS und JavaScript-Grundlagen.
• Best Practices wie Barrierefreiheit, responsives Design und UI-Design-Theorie.
• Wichtige Werkzeuge wie Frameworks und Versionskontrolle.
• Soft Skills zur Förderung der Einstellung und des Denkens, die für den Job erforderlich sind.
• Umgebungswissen wie Computer und Dateisysteme, das Web durchsuchen, Grundlagen der Befehlszeile und Code-Editoren.
• Mehrere "Erweiterungen", die wir als nützliche zusätzliche Fähigkeiten ansehen, die Entwickler lernen sollten, während sie ihr Wissen erweitern und Spezialgebiete entwickeln. Dazu gehören:
  • CSS-Transformationen und Animation
  • Gemeinsame Kategorien von Web-APIs (zum Beispiel Medien, Grafik und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Leistung
  • Sicherheit und Datenschutz
  • Testen

Die präsentierten Themen werden in unterschiedlichem Detailgrad behandelt.

• Einige werden gründlich behandelt, zum Beispiel HTML- und CSS-Grundlagen. Diese sind wichtig, um ein klares Verständnis zu haben, bevor ein Schüler zu weit auf seiner Lernreise fortschreitet.
• Einige werden oberflächlicher behandelt, zum Beispiel Versionskontrolle oder Testen. Es ist wichtig zu verstehen, was diese Themen sind und mit einigen Grundlagen anzufangen, aber diese Arten von Fähigkeiten können erweitert werden, wenn Sie Ihre Karriere fortsetzen.

Es gibt auch mehrere Bereiche, die wir ausdrücklich nicht in diesem Curriculum abdecken, nämlich:

• Umfassende Abdeckung von Back-End-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. Wir bieten jedoch keine umfassende Abdeckung auf mehreren Plattformen; das wäre außerhalb des MDN-Umfangs.
• Tiefgehende Abdeckung von traditionellen relationalen Datenbanken (zum Beispiel MySQL oder Postgres) und anderen serverseitigen Datenspeichern (zum Beispiel Cloud-Datenbanken wie MongoDB oder Google Cloud Datastore). Wir bieten eine kurze Einführung in solche Technologien in unseren Modulen zur Server-seitigen Website-Programmierung.
• Tiefgehende DevOps-Themen wie Cloud-Plattformen für Provisionierung und Automatisierung (zum Beispiel Amazon AWS, Google Cloud Platform und Microsoft Azure) und Containerisierungs-Tools (zum Beispiel Kubernetes und Docker). Wir berühren leicht einige Werkzeuge, die im DevOps-Bereich angesehen werden – wie GitHub und automatisierte Test-Tools –, aber diese haben deutliche Überschneidungen im Bereich des Front-End-Entwicklers.
• Grafikdesign über das grundlegende Wissen hinaus, das in Design für Entwickler skizziert wird.
• Fähigkeiten, die mit Rollen wie Produkt- und Programmmanagement verbunden sind (zum Beispiel Organisation, Forschung und Planung).

Diese Ressource ist für jeden kostenlos nutzbar. Wenn Sie sie nützlich finden, bitten wir Sie, Folgendes in Erwägung zu ziehen:

• Setzen Sie einen Link darauf. Zum Beispiel könnte ein Pädagoge das Folgende in seine öffentliche Programminformation aufnehmen:

  htmlCopy to Clipboard

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

• Erzählen Sie anderen davon! Wir würden uns freuen, wenn so viele Schüler und Lehrkräfte wie möglich beginnen, dieses Material zu nutzen und es als Standard für grundlegendes Webentwicklerwissen zu etablieren.

Die Webentwicklungsbranche verändert sich ständig und schnell. Um unsere Empfehlungen aktuell zu halten, werden wir unser Material regelmäßig überprüfen, unser Änderungsprotokoll aktualisieren und jedes Jahr eine Ankündigung machen, indem wir die Ersteller von bekannten konformen Kursen kontaktieren, um ihnen mitzuteilen, dass sich der Kurs geändert hat, und sie ermutigen, ihre Kurse bei Bedarf zu überprüfen/aktualisieren.

Wir beabsichtigen, dies im zweiten Quartal jedes Jahres zu tun, um Pädagogen im zweiten/dritten Quartal Zeit zu geben, Änderungen vor dem Start des folgenden akademischen Jahres umzusetzen.

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

Scrimba hatte bereits einen großartigen Ruf, bevor wir mit ihnen über eine Partnerschaft gesprochen haben. Wir haben jedoch nicht einfach das Wort der Community dafür genommen. Wir haben eine umfassende Bewertung von Scrimbas Frontend Developer Career Path (FDCP) durchgeführt und ihnen Feedback zu möglichen Verbesserungen gegeben, wobei wir den Schwerpunkt auf die Erhöhung der Abdeckung von Best Practices und die Konformität mit unseren Kernmodulen gelegt haben. Scrimba hat all unser Feedback implementiert, und der FDCP ist noch besser als zuvor. Da es jetzt mit unserem Curriculum Core konform ist, sind wir zuversichtlich, dass es den MDN-Standards entspricht.

Teilt MDN Benutzerdaten mit Scrimba?

Wir legen großen Wert auf den Schutz der Privatsphäre und Transparenz der Nutzer. Die einzige Information, die MDN mit Scrimba teilt, ist die Navigation des Nutzers zu Scrimba von MDN aus, und dies geschieht durch ihre eigenen Handlungen, indem sie einem Link folgen, der als extern gekennzeichnet ist.

In Fällen, in denen wir Scrimba-Inhalte auf MDN einbetten, sieht Scrimba keine Nutzerdaten, bis ein Nutzer sich entscheidet, mit Scrimbas Inhalt zu interagieren.

Die Inhalte von Scrimba sind nicht kostenlos. Steht das nicht im Widerspruch zu MDNs Philosophie, kostenlose Inhalte bereitzustellen?

Viele Inhalte von Scrimba erfordern ein kostenpflichtiges Abonnement, aber sie bieten auch mehrere vollständige Kurse an, die kostenlos zugänglich sind, nachdem man sich registriert hat.

Es ist auch erwähnenswert, dass Scrimbas Kurse nicht erforderlich sind, um von MDN Learn Web Development zu profitieren – sie sind eine Ergänzung für diejenigen, die für einen strukturierten Kurs zahlen möchten, der unser Curriculum Core abdeckt. Sie können dennoch alle unsere Lernziele kostenlos durch das Durcharbeiten unserer Artikel erreichen.

Wird bei Abschluss des Scrimba Frontend Developer Career Path ein Zertifikat verliehen?

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