Über Learn Web Development

Hintergrund und Motivation

Wir haben den Bereich MDN Learn Web Development ursprünglich 2016 gestartet, um MDN für Nicht-Experten zugänglicher zu machen und Webentwickler am Anfang ihrer Laufbahn von „Anfänger zu sicher im Umgang“ zu begleiten.

Die Inhalte waren recht erfolgreich, aber einige Jahre später stellten wir fest, dass die Struktur unzureichend war. Anfänger wünschen sich einen soliden Lernpfad, dem sie folgen können, um die benötigten Kenntnisse zu erwerben, statt selbst herausfinden zu müssen, was sie wann lernen sollen.

Darüber hinaus spricht Mozilla täglich mit Branchenexperten, und wir erhalten regelmäßig Feedback zu Wissenslücken bei Neueinstellungen. Personalverantwortliche beobachten häufig:

• Einen zu starken Fokus auf die Nutzung von Frameworks, um schnell Web-Apps zu erstellen, verbunden mit einem mangelnden Verständnis der zugrunde liegenden Technologien hinter diesen Frameworks. Dies führt zu unzureichenden Problemlösungsfähigkeiten und geringerer langfristiger Beschäftigungsfähigkeit, wenn sich Werkzeuge ändern.
• Einen Mangel an zentralen Best Practices wie Semantik, Barrierefreiheit und Responsive Design. Dies führt zu einer unzureichenden Nutzerorientierung und damit zu Einschränkungen der Benutzerfreundlichkeit.
• Lücken im Wissen darüber, wie Browser grundsätzlich funktionieren, wie sie Informationen bereitstellen und welche Interaktivität kostenlos verfügbar ist. Dies führt dazu, dass Lösungen unnötig kompliziert und häufig nicht barrierefrei werden.
• Eingeschränkte Fähigkeiten bei Problemlösung, Teamarbeit, Recherche und anderen wichtigen Soft Skills.

Daher haben wir ein Curriculum erstellt, das Menschen dabei helfen soll, bessere Fähigkeiten zu erlernen, ihre Beschäftigungsfähigkeit zu verbessern und das bessere, barrierefreiere und verantwortungsvollere Web von morgen zu gestalten. Wir möchten ihnen die bestmögliche Erfolgschance geben. Wir haben das MDN Curriculum Anfang 2024 gestartet.

Allerdings erhielten wir schnell die Rückmeldung, dass Nutzer es verwirrend fanden, zwei Lernressourcen auf MDN zu haben, wobei sich das Curriculum bzw. der Lernpfad an einer Stelle und die Lerninhalte an einer anderen befanden. Daher haben wir das Curriculum im Dezember 2024 in den Lernbereich integriert.

Zielgruppe

Studierende

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

• Studierende, die eine Stelle in der Branche erhalten möchten, was den Erwerb einer entsprechenden Qualifikation oder Zertifizierung umfassen kann. Das Curriculum dient als Leitfaden dafür, was sie lernen sollten.
• Bestehende Webentwickler, die ihre Fähigkeiten weiterentwickeln möchten, sicherstellen wollen, dass ihre Fähigkeiten aktuell sind, und Wissenslücken identifizieren möchten, über die sie mehr lernen sollten.
• Webentwickler, die nicht im Front-End-Bereich tätig sind und bereits Entwicklungserfahrung 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 suchen, die sie lernen sollten.

Lehrende

Lehrende können diesen Inhalt als Leitfaden verwenden, wenn sie Programme, Einheiten und Bewertungsvorgaben für einen webbasierten Universitätsabschluss, einen Hochschulkurs, einen Kurs einer Programmierschule oder Ähnliches erstellen. Die Ausrichtung an den Lernergebnissen in unseren Artikeln hilft sicherzustellen, dass Kurse aktuelle Techniken und Best Practices vermitteln und schlechte Praktiken sowie veraltete Informationen vermeiden.

Weitere Informationen finden Sie auf unserer Seite Ressourcen für Lehrende.

Umfang

Der Begriff Front-End-Entwickler kann mehrdeutig sein; er kann für verschiedene Personen unterschiedliche Bedeutungen haben, und von Personen, die im Front End arbeiten, kann erwartet werden, dass sie eine große Vielfalt unterschiedlicher Aufgaben übernehmen.

Was abgedeckt wird

Diese Artikelreihe versucht nicht, jedes Thema zu vermitteln, das ein Webentwickler möglicherweise umfassend kennen sollte. Das Curriculum deckt Folgendes ab:

• Grundlegende technische Fähigkeiten wie semantisches HTML sowie Grundlagen von CSS und JavaScript.
• Best Practices wie Barrierefreiheit, Responsive Design und Theorie des UI-Designs.
• Wichtige Werkzeuge wie Frameworks und Versionskontrolle.
• Soft Skills zur Förderung der Denkweise und Haltung, die erforderlich sind, um eine Stelle zu erhalten.
• Kenntnisse über die Umgebung wie Computer- und Dateisysteme, das Surfen im Web, Grundlagen der Kommandozeile und Code-Editoren.
• Mehrere „Erweiterungen“, die unserer Meinung nach nützliche zusätzliche Fähigkeiten darstellen, die Entwickler beim Ausbau ihrer Kenntnisse und der Entwicklung von Spezialisierungen erlernen sollten. Dazu gehören:
  • CSS-Transformationen und Animationen
  • Häufige Kategorien von Web API (zum Beispiel Medien, Grafik und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Performance
  • Sicherheit und Datenschutz
  • Testen

Detailgrad

Die vorgestellten Themen werden unterschiedlich detailliert behandelt.

• Einige werden ausführlich behandelt, zum Beispiel die Grundlagen von HTML und CSS. Es ist wichtig, diese gut zu verstehen, bevor ein Studierender auf seiner Lernreise zu weit fortschreitet.
• Einige werden oberflächlicher behandelt, zum Beispiel Versionskontrolle oder Testen. Es ist wichtig zu verstehen, was diese Themen sind, und mit einigen Grundlagen zu beginnen, aber solche Fähigkeiten können im weiteren Verlauf der Karriere ausgebaut werden.

Was nicht abgedeckt wird

Es gibt außerdem mehrere Bereiche, die wir in diesem Curriculum ausdrücklich nicht behandeln:

• Vollständige Abdeckung von Back-End-Sprachen/-Plattformen. Wir bieten zwar 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 mehrerer Plattformen; das würde den Rahmen von MDN sprengen.
• Detaillierte Abdeckung traditioneller relationaler Datenbanken (zum Beispiel MySQL oder Postgres) und anderer serverseitiger Datenspeicher (zum Beispiel Cloud-Datenbanken wie MongoDB oder Firestore). In unseren Modulen zur serverseitigen Website-Programmierung bieten wir eine kurze Einführung in solche Technologien.
• Vertiefende DevOps-Themen wie Cloud-Plattformen für Bereitstellung und Automatisierung (zum Beispiel Amazon AWS, Google Cloud Platform und Microsoft Azure) sowie Containerisierungswerkzeuge (zum Beispiel Kubernetes und Docker). Wir behandeln einige Werkzeuge, die dem DevOps-Bereich zugerechnet werden — etwa GitHub und automatisierte Testwerkzeuge — nur am Rande, doch diese überschneiden sich deutlich mit dem Bereich von Front-End-Entwicklern.
• Grafikdesign über die in Design für Entwickler beschriebenen Grundkenntnisse hinaus.
• Fähigkeiten im Zusammenhang mit Rollen wie Produkt- und Programmmanagement (zum Beispiel Organisation, Recherche und Planung).

Quellenangabe

Diese Ressource kann von allen kostenlos verwendet werden. Wenn Sie sie nützlich finden, bitten wir Sie, Folgendes in Betracht zu ziehen:

• Verlinken Sie darauf. Beispielsweise könnte ein Lehrender 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 anderen davon! Wir würden uns freuen, wenn möglichst viele Studierende und Lehrende dieses Material nutzen und sich daran als Standard für grundlegende Kenntnisse von Webentwicklern orientieren.

Aktualisierungsprozess

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 veröffentlichen. Dabei kontaktieren wir die Ersteller bekannter konformer Kurse, um sie darüber zu informieren, dass sich das Curriculum geändert hat, und sie dazu anzuregen, ihre Kurse gegebenenfalls zu überprüfen und zu aktualisieren.

Wir beabsichtigen, dies jedes Jahr im zweiten Quartal zu tun, damit Lehrende im zweiten und dritten Quartal Zeit haben, Änderungen vor Beginn des folgenden akademischen Jahres umzusetzen.

Häufig gestellte Fragen

Fragen zur Partnerschaft mit Scrimba

Woher weiß MDN, dass die Kurse von Scrimba hochwertig sind und Best Practices folgen?

Scrimba hatte bereits einen ausgezeichneten Ruf, bevor wir mit ihnen über eine Partnerschaft sprachen. Wir haben uns jedoch nicht nur auf das Urteil der Community verlassen. Wir haben Scrimbas Frontend Developer Career Path (FDCP) umfassend überprüft und ihnen Feedback zu möglichen Verbesserungen gegeben. Dabei lag der Fokus auf einer stärkeren Abdeckung von Best Practices und der Übereinstimmung mit unseren Kernmodulen. Scrimba hat unser gesamtes Feedback umgesetzt, und der FDCP ist noch besser als zuvor. Da er nun unserem Curriculum Core entspricht, sind wir zuversichtlich, dass er mit den MDN-Standards übereinstimmt.

Teilt MDN Nutzerdaten mit Scrimba?

Wir priorisieren Datenschutz und Transparenz. Die einzigen Informationen, die MDN mit Scrimba teilt, betreffen die Navigation von Nutzern von MDN zu Scrimba. Dies geschieht durch ihre eigenen Handlungen, indem sie einem als extern gekennzeichneten Link folgen.

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

Die Inhalte von Scrimba sind nicht kostenlos. Steht das nicht im Widerspruch zur Philosophie von MDN, kostenlose Inhalte anzubieten?

Viele Inhalte von Scrimba erfordern ein kostenpflichtiges Abonnement, aber sie bieten auch mehrere vollständige Kurse an, auf die Sie nach der Registrierung kostenlos zugreifen können.

Es ist außerdem wichtig zu betonen, dass die Kurse von Scrimba nicht erforderlich sind, um MDN Learn Web Development zu nutzen — sie sind eine Ergänzung für Personen, die für einen strukturierten Kurs bezahlen möchten, der den Kern unseres Curriculums abdeckt. Sie können weiterhin alle unsere Lernergebnisse kostenlos erlernen, indem Sie unsere Artikel durcharbeiten.

Wird nach Abschluss von Scrimbas Frontend Developer Career Path eine Zertifizierung vergeben?

Ja, sobald Sie alle Themen im Frontend Developer Career Path abgeschlossen haben, können Sie auf ein Abschlusszertifikat zugreifen, das Sie mit potenziellen Arbeitgebern teilen oder in Ihr Portfolio aufnehmen können. Weitere Informationen finden Sie unter Where can I find my completion certificate?.