Über das Lernen der Webentwicklung

Wir haben ursprünglich den MDN Learn Web Development-Bereich im Jahr 2016 eingeführt, um MDN für Nicht-Experten zugänglicher zu machen und Anfängern im Web-Development zu helfen, vom "Anfänger zum Komfortablen" zu gelangen.

Der Inhalt war ziemlich erfolgreich, aber nach ein paar Jahren bemerkten wir, dass die Struktur suboptimal war. Anfänger möchten wirklich einen soliden Pfad, dem sie folgen können, um das benötigte Wissen zu erlangen, anstatt selbst herausfinden zu müssen, was sie lernen sollen und wann.

Darüber hinaus spricht Mozilla jeden Tag mit Branchenprofis und erhält regelmäßig Rückmeldungen über die Wissenslücken bei Neueinstellungen. Personalverantwortliche beobachten oft:

• Zu viel Fokus darauf, Web-Apps schnell mit Frameworks zu erstellen, in Verbindung mit einem Mangel an Verständnis der zugrundeliegenden 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 Nutzerfokus, was zu Nutzbarkeitseinschränkungen führt.
• Wissenslücken darüber, wie Browser grundsätzlich funktionieren, wie sie Informationen zugänglich machen und welche Interaktivität Sie kostenlos erhalten. Dies führt dazu, dass Lösungen überkompliziert und oft unzugänglich sind.
• Begrenzte Problemlösungs-, Teamarbeit-, Forschungs- und andere wichtige Soft Skills.

Daher haben wir einen Lehrplan erstellt, um Menschen zu helfen, bessere Fähigkeiten zu erlernen, sie beschäftigungsfähiger zu machen und sie zu befähigen, ein besseres, zugänglicheres, verantwortungsvolleres Web von morgen zu bauen. Wir möchten ihnen die bestmögliche Chance auf Erfolg geben. Wir haben den MDN-Lehrplan Anfang 2024 eingeführt.

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

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

• Studierende, die in der Branche arbeiten möchten, was das Erlangen einer entsprechenden Qualifikation oder Zertifizierung einschließen könnte. Der Lehrplan wird als Leitfaden dienen, was sie lernen sollten.
• Bereits bestehende Webentwickler, die ihre Fähigkeiten "aufstocken" möchten, um sicherzustellen, dass ihr Fachwissen up-to-date ist und Wissenslücken zu identifizieren, die sie intensiver untersuchen sollten.
• Nicht-Frontend-Webentwickler, die bereits Erfahrung in anderen Bereichen haben (z.B. Backend-Webentwickler oder plattformspezifische Entwickler), die in die Frontend-Webentwicklung einsteigen möchten und einen Leitfaden zu den Themen wünschen, die sie lernen sollten.

Pädagogen können diesen Inhalt als Leitfaden bei der Erstellung von Programmen, Einheiten und Bewertungsspezifikationen für einen webbezogenen Universitätsabschluss, Hochschulkurs, Coding-School-Kurs oder ähnliches verwenden. Die Einhaltung der in unseren Artikeln beschriebenen Lernziele kann sicherstellen, dass Kurse aktuelle Techniken und Best Practices lehren und schlechte Praktiken sowie veraltete Informationen vermeiden.

Für weitere Informationen konsultieren Sie unsere Seite Ressourcen für Pädagogen.

Der Begriff Frontend-Entwickler kann mehrdeutig sein; er kann für verschiedene Menschen unterschiedliche Bedeutungen haben, und Personen, die an der Frontend-Entwicklung arbeiten, können erwartet werden, eine Vielzahl von unterschiedlichen Aufgaben zu erfüllen.

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

• Kerntechnische Fähigkeiten wie semantisches HTML, CSS und Grundlagen von JavaScript.
• 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 erforderlich sind, um einen Job zu sichern.
• Umweltwissen wie Computer- und Dateisysteme, das Surfen im Web, Grundlagen der Kommandozeile und Code-Editoren.
• Mehrere "Erweiterungen", die wir als nützliche zusätzliche Fähigkeiten empfinden, die Lernende erlernen sollten, wenn sie beginnen, ihr Wissen zu erweitern und Spezialisierungen zu entwickeln. Dazu gehören:
  • CSS-Transformationen und Animationen
  • Häufige Kategorien von Web-APIs (z.B. Medien, Grafiken und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Leistung
  • Sicherheit und Privatsphäre
  • Tests

Die präsentierten Themen werden in unterschiedlichem Detailgrad abgedeckt.

• Einige werden ausführlich behandelt, z.B. die Grundlagen von HTML und CSS. Es ist wichtig, diese klar zu verstehen, bevor ein Studierender zu weit auf seiner Lernreise geht.
• Einige werden oberflächlicher behandelt, z.B. 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 im Verlauf der Karriere weiter ausgebaut werden.

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

• Erschöpfende 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 erschöpfende Abdeckung über mehrere Plattformen hinweg; das würde den Rahmen von MDN sprengen.
• Detaillierte 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 Modulen zur Serverseitigen Website-Programmierung.
• 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 Werkzeuge, die als Teil des DevOps-Bereichs angesehen werden – wie GitHub und automatisierte Testwerkzeuge –, aber diese haben eine deutliche Überschneidung mit dem Bereich des Front-End-Entwicklers.
• Grafikdesign über das Grundwissen hinaus, das in Design für Entwickler umrissen ist.
• Fähigkeiten, die mit Rollen wie Produkt- und Programmmanagement verbunden sind (z.B. Organisation, Forschung und Planung).

Diese Ressource steht jedem zur freien Nutzung zur Verfügung. Wenn Sie es nützlich finden, bitten wir Sie, Folgendes in Betracht zu ziehen:

• Verlinken Sie darauf. Zum Beispiel könnte ein Pädagoge Folgendes in seine öffentlichen Programminformationen 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 Studenten und Pädagogen wie möglich beginnen, dieses Material zu nutzen und sich um es als Standard für das grundlegende Wissen von Webentwicklern zu versammeln.

Die Webentwicklungsbranche verändert sich ständig und schnell. Um unsere Empfehlungen auf dem neuesten Stand zu halten, werden wir unser Material regelmäßig überprüfen, unser Änderungsprotokoll aktualisieren und jedes Jahr eine Ankündigung machen, indem wir die Ersteller bekannter konformer Kurse kontaktieren, um sie darüber zu informieren, dass sich der Kurs geändert hat, und sie ermutigen, ihre Kurse nach Bedarf zu überprüfen/aktualisieren.

Wir haben vor, dies im zweiten Quartal jedes Jahres zu tun, um Pädagogen im zweiten und dritten Quartal Zeit zu geben, Veränderungen zu implementieren, bevor das folgende akademische Jahr beginnt.

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

Scrimba hatte bereits einen großartigen Ruf, bevor wir Gespräche über eine Partnerschaft führten. Wir haben jedoch nicht nur auf das Wort der Community vertraut. Wir haben eine umfassende Überprüfung von Scrimbas Frontend Developer Career Path (FDCP) durchgeführt und ihnen Feedback zu möglichen Verbesserungen gegeben, wobei wir uns auf die Erhöhung der Abdeckung von Best Practices und die Konformität mit unseren Kernmodulen konzentrierten. Scrimba hat all unser Feedback umgesetzt, und der FDCP ist besser als je zuvor. Da er nun mit unserem Lehrplan konform ist, sind wir zuversichtlich, dass er den MDN-Standards entspricht.

Teilt MDN Nutzerdaten mit Scrimba?

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

In Fällen, in denen wir Scrimba-Inhalte auf MDN einbetten, wird Scrimba keine Nutzerdaten sehen, bis der Nutzer sich entscheidet, mit Scrimbas Inhalten zu interagieren.

Scrimbas Inhalte sind nicht kostenlos. Steht das nicht im Widerspruch zu MDNs Philosophie der Bereitstellung kostenloser Inhalte?

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 Scrimbas Kurse nicht erforderlich sind, um die MDN Lern-Webentwicklung zu nutzen — sie sind eine Erweiterung für diejenigen, die bereit sind, für einen strukturierten Kurs zu bezahlen, der unseren Lehrplankern abdeckt. Sie können alle unsere Lernziele kostenlos durch das Arbeiten mit unseren Artikeln erreichen.

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, um es potenziellen Arbeitgebern zu zeigen oder es in Ihr Portfolio aufzunehmen. Weitere Informationen finden Sie unter Wo finde ich mein Abschlusszertifikat?.