Über Lernen der Webentwicklung

Wir haben ursprünglich den Lernbereich "Webentwicklung" auf MDN im Jahr 2016 gestartet, um MDN für Nicht-Experten zugänglicher zu machen und angehende Webentwickler von "Anfänger zu Komfortabler" zu führen.

Die Inhalte waren ziemlich erfolgreich, doch ein paar Jahre später stellten wir fest, dass die Struktur verbesserungswürdig war. Anfänger möchten wirklich einen robusten Weg haben, dem sie folgen können, um das nötige Wissen zu erwerben, anstatt selbst herausfinden zu müssen, was und wann sie lernen sollten.

Darüber hinaus spricht Mozilla täglich mit Fachleuten aus der Branche und wir erhalten regelmäßig Feedback zu den Wissenslücken bei Neueinstellungen. Personalverantwortliche beobachten oft:

• Zu viel Fokus auf die Nutzung von Frameworks, um Webanwendungen schnell zu entwickeln, gepaart mit einem mangelnden Verständnis der zugrunde liegenden Technologien hinter diesen Frameworks. Dies führt zu einem Mangel an Problemlösungsfähigkeiten und einer geringeren langfristigen Beschäftigungsfähigkeit, wenn sich Werkzeuge ändern.
• Mangel an grundlegenden Best Practices wie Semantik, Barrierefreiheit und responsivem Design. Dies führt zu einem Mangel an Benutzerfokus, was zu Einschränkungen der Benutzerfreundlichkeit führt.
• Wissenslücken darüber, wie Browser grundsätzlich funktionieren, wie sie Informationen bereitstellen und welche Interaktivität man kostenlos erhält. Dies führt dazu, dass Lösungen überkompliziert und oft unzugänglich sind.
• Begrenzte Problemlösungskompetenzen, Teamarbeit, Recherche und andere wichtige Soft Skills.

Als Ergebnis haben wir einen Lehrplan erstellt, der Menschen dabei helfen soll, bessere Fähigkeiten zu erlernen, um sie beschäftigungsfähiger zu machen und ihnen zu ermöglichen, ein besseres, zugänglicheres und verantwortungsbewussteres Web von morgen zu gestalten. Wir möchten, dass sie die bestmöglichen Erfolgschancen haben. Wir haben den MDN-Lehrplan Anfang 2024 gestartet.

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

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

• Studierende, die in der Branche einen Job bekommen möchten, was möglicherweise den Erwerb einer entsprechenden Qualifikation oder Zertifizierung beinhaltet. Der Lehrplan dient als Leitfaden dafür, was sie lernen sollten.
• Bestehende Webentwickler, die ihre Fähigkeiten "aufleveln" möchten, sicherstellen, dass ihre Fähigkeiten aktuell sind und feststellen, welche Wissenslücken sie noch weiter vertiefen sollten.
• Nicht-Frontend-Webentwickler, die bereits Entwicklungserfahrung in anderen Bereichen haben (zum Beispiel Backend-Webentwickler oder plattformspezifische Entwickler), die in die Frontend-Webentwicklung einsteigen möchten und einen Leitfaden zu den Themen suchen, die sie lernen sollten.

Lehrkräfte können diese Inhalte als Leitfaden bei der Erstellung von Programmen, Einheiten und Bewertungsspezifikationen für einen webbezogenen Universitätsabschluss, einen Hochschulkurs, einen Programmierschulkurs oder Ähnliches verwenden. Die Einhaltung der Lernziele in unseren Artikeln hilft 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 Lehrkräfte.

Der Begriff Frontend-Entwickler kann mehrdeutig sein; er kann für verschiedene Menschen unterschiedliche Bedeutungen haben, und von Personen, die im Frontend arbeiten, kann erwartet werden, eine Vielzahl unterschiedlicher Aufgaben zu erledigen.

Dieses Artikelsatz versucht nicht, jedes Thema, das ein Webentwickler möglicherweise im Detail kennen muss, zu lehren. Der Lehrplan deckt Folgendes ab:

• 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 Denkweise und Einstellung, die notwendig sind, um einen Job zu sichern.
• Umweltwissen wie Computer- und Dateisysteme, das Surfen im Web, Grundlagen der Befehlszeile und Code-Editoren.
• Mehrere "Erweiterungen", die wir als nützliche zusätzliche Fähigkeiten ansehen, die Entwickler erlernen können, wenn sie ihr Wissen erweitern und sich spezialisieren. Dazu gehören:
  • CSS-Transformationen und Animation
  • Allgemeine Kategorien von Web-APIs (zum Beispiel Medien, Grafiken und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Leistung
  • Sicherheit und Privatsphäre
  • Tests

Die vorgestellten Themen werden in unterschiedlichen Detailgraden behandelt.

• Einige Themen werden eingehend behandelt, zum Beispiel HTML- und CSS-Grundlagen. Diese sind wichtig, um voranzukommen, bevor ein Studierender zu weit auf seiner Lernreise fortschreitet.
• Einige Themen werden oberflächlicher behandelt, zum Beispiel Versionskontrolle oder Tests. 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 in Ihrer Karriere fortschreiten.

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

• Umfassende 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. Allerdings bieten wir keine umfassende Abdeckung über mehrere Plattformen hinweg; das wäre für MDN nicht im Rahmen.
• Ausführliche 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 zu solchen Technologien in unseren Modulen zur serverseitigen Website-Programmierung.
• Tiefgründige DevOps-Themen wie Cloud-Plattformen für Bereitstellung und Automatisierung (zum Beispiel Amazon AWS, Google Cloud Platform und Microsoft Azure) und Containerisierungswerkzeuge (zum Beispiel Kubernetes und Docker). Wir berühren leicht einige Werkzeuge, die im DevOps-Bereich angesiedelt sind — wie GitHub und automatisierte Testwerkzeuge — aber diese haben deutliche Überschneidungen im Bereich der Frontend-Entwicklung.
• Grafikdesign über das grundlegende Wissen hinaus, das in Design für Entwickler umrissen ist.
• Fähigkeiten, die mit Rollen wie Produkt- und Programmmanagement verbunden sind (zum Beispiel Organisation, Recherche und Planung).

Diese Ressource ist frei für jedermann nutzbar. Wenn Sie sie nützlich finden, bitten wir Sie, Folgendes zu erwägen:

• Verlinken Sie darauf. Zum Beispiel könnte ein Lehrkraft folgendes in ihren ö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 so viele Studierende und Lehrkräfte wie möglich anfangen, dieses Material zu verwenden und sich darauf als Standardwissen für Webentwickler zu einigen.

Die Webentwicklungsbranche verändert sich ständig und rasch. Um unsere Empfehlungen aktuell zu halten, werden wir unser Material regelmäßig überprüfen, unser Änderungsprotokoll aktualisieren und jährlich eine Ankündigung machen, indem wir die Ersteller bekannter konformer Kurse kontaktieren, um sie wissen zu lassen, dass der Kurs geändert wurde, und sie dazu ermutigen, ihre Kurse entsprechend zu überprüfen/aktualisieren.

Wir beabsichtigen, dies jedes Jahr im zweiten Quartal zu tun, um Lehrkräften in Quartal 2/3 Zeit zu geben, Änderungen vor dem Beginn des folgenden akademischen Jahres umzusetzen.

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

Scrimba hatte bereits einen großartigen Ruf, bevor wir begannen, mit ihnen über eine Partnerschaft zu sprechen. Wir haben uns jedoch nicht nur auf das Wort der Community verlassen. Wir haben Scrimbas Frontend Developer Career Path (FDCP) umfassend überprüft und ihnen Feedback zu möglichen Verbesserungen gegeben, mit dem Schwerpunkt auf der Erweiterung der Best Practices und der Konformität mit unseren Kernmodulen. Scrimba hat all unser Feedback umgesetzt, und der FDCP ist noch besser als zuvor. Jetzt, da er mit unserem Lehrplan Core übereinstimmt, sind wir zuversichtlich, dass er den MDN-Standards entspricht.

Teilt MDN Benutzerdaten mit Scrimba?

Wir priorisieren den Datenschutz und die Transparenz der Benutzer. Die einzige Information, die MDN mit Scrimba teilt, ist die Benutzerführung zu Scrimba von MDN aus, und dies geschieht durch deren eigene Aktionen, indem sie einem als extern markierten Link folgen.

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

Scrimbas Inhalte sind nicht kostenlos. Steht das nicht im Widerspruch zu MDNs Philosophie, 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 sei auch darauf hingewiesen, dass Scrimbas Kurse nicht notwendig sind, um MDN Lernen Webentwicklung zu nutzen – sie sind eine Ergänzung für diejenigen, die für einen strukturierten Kurs bezahlen möchten, der unseren Lehrplan Core abdeckt. Sie können alle unsere Lernergebnisse kostenlos erreichen, 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 potenziellen Arbeitgebern zeigen oder in Ihr Portfolio aufnehmen können. Weitere Informationen finden Sie unter Wo finde ich mein Abschlusszertifikat?.