Über das Lernen von Webentwicklung

Wir haben ursprünglich den MDN-Bereich Webentwicklung lernen im Jahr 2016 gestartet, um MDN zugänglicher für Nicht-Experten zu machen und Anfängern auf dem Gebiet der Webentwicklung zu helfen, von "Anfänger" zu "sicher" zu gelangen.

Der Inhalt war ziemlich erfolgreich, aber als wir ein paar Jahre weitermachten, stellten wir fest, dass die Struktur suboptimal war. Anfänger wünschen sich wirklich einen robusten Weg, dem sie folgen können, um das Wissen zu erhalten, das sie benötigen, anstatt selbst herauszufinden, was wann gelernt werden sollte.

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

• Zu viel Fokus auf die Nutzung von Frameworks zum schnellen Erstellen von Web-Apps, verbunden 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 zu geringerer langfristiger Beschäftigungsfähigkeit, wenn 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, was zu Usability-Einschränkungen führt.
• Wissenslücken darüber, wie Browser grundlegend funktionieren, wie sie Informationen bereitstellen und welche Interaktivität Sie kostenlos erhalten. Dies führt dazu, dass Lösungen übermäßig kompliziert und oft unzugänglich sind.
• Eingeschränkte Problemlösungsfähigkeiten, Teamwork, Forschung und andere wichtige Soft Skills.

Als Ergebnis haben wir ein Curriculum erstellt, um Menschen dabei zu helfen, ein besseres Fertigkeitsset zu erlernen, das sie beschäftigungsfähiger macht und ihnen ermöglicht, ein besseres, zugänglicheres und verantwortungsvolleres Web von morgen zu bauen. Wir möchten ihnen die bestmögliche Chance auf Erfolg geben. Wir haben das MDN-Curriculum Anfang 2024 gestartet.

Jedoch erhielten wir schnell Feedback, dass die Nutzer 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.

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

• Studenten, die einen Job in der Branche bekommen möchten, was das Erlangen einer relevanten Qualifikation oder Zertifizierung beinhalten kann. Das Curriculum dient als Leitfaden dafür, was sie studieren sollten.
• Existierende Webentwickler, die ihre Fähigkeiten "aufs nächste Level" bringen möchten, indem sie sicherstellen, dass ihr Fertigkeitensatz aktuell ist und Wissenslücken identifizieren, über die sie mehr lernen sollten.
• Nicht-Frontend-Webentwickler, die bereits Erfahrung im Entwickeln in anderen Bereichen haben (zum Beispiel Backend-Webentwickler oder plattformspezifische Entwickler), die sich in die Frontend-Webentwicklung einarbeiten 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 ein webbezogenes Universitätsstudium, einen College-Kurs, einen Coding School-Kurs oder Ähnliches nutzen. Die Einhaltung der Lernziele in unseren Artikeln trägt dazu bei, dass Kurse aktuelle Techniken und Best Practices lehren und schlechte Praktiken sowie veraltete Informationen vermeiden.

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

Der Begriff Frontend-Entwickler kann mehrdeutig sein; es kann für verschiedene Menschen unterschiedliche Dinge bedeuten, und Personen, die am Frontend arbeiten, können erwartet werden, eine Vielzahl von verschiedenen Aufgaben zu übernehmen.

Diese Artikelreihe versucht nicht, jedes Thema, das von einem Webentwickler möglicherweise erwartet wird, detailliert zu lehren. Das Curriculum umfasst Folgendes:

• Kerntechnische Fähigkeiten wie semantisches HTML, CSS und grundlegende JavaScript-Kenntnisse.
• 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 ist, um einen Job zu sichern.
• Umweltwissen wie Computer- und Dateisysteme, Internetsurfen, Grundlagen der Kommandozeile und Code-Editoren.
• Mehrere "Erweiterungen", die wir als nützliche zusätzliche Fähigkeiten ansehen, die Entwickler erlernen sollten, wenn sie anfangen, ihr Wissen zu erweitern und sich zu spezialisieren. Dies umfasst:
  • CSS-Transformationen und Animation
  • Gemeinsame Kategorien von Web-APIs (z.B. Medien, Grafiken und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Leistung
  • Sicherheit und Datenschutz
  • Testen

Die präsentierten Themen werden in unterschiedlichem Detaillierungsgrad behandelt.

• Einige werden ausführlich behandelt, zum Beispiel die Grundlagen von HTML und CSS. Diese sind wichtig, um ein klares Verständnis zu haben, bevor ein Student zu weit auf seiner Lernreise voranschreitet.
• Einige werden oberflächlicher behandelt, beispielsweise 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 erweitert werden, während Sie Ihre Karriere fortsetzen.

Es gibt auch einige Bereiche, die wir explizit in diesem Curriculum nicht behandeln, 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. Wir bieten jedoch keine umfassende Abdeckung über mehrere Plattformen; das wäre außerhalb des Umfangs 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 Modulen Programmierung von serverseitigen Websites.
• Tiefergehende DevOps-Themen wie Cloud-Plattformen für Bereitstellung und Automatisierung (z.B. Amazon AWS, Google Cloud Platform und Microsoft Azure) und Container-Tools (z.B. Kubernetes und Docker). Wir streifen leicht einige Tools, die im DevOps-Bereich angesiedelt sind – wie GitHub und automatische Testtools – aber diese haben klare Überlappungen mit dem Frontend-Entwicklerbereich.
• Grafikdesign über das grundlegende Wissen hinaus, das in Design für Entwickler umrissen wird.
• Fähigkeiten, die mit Rollen wie Produkt- und Programmmanagement verbunden sind (z.B. Organisation, Forschung und Planung).

Diese Ressource ist kostenlos für jeden nutzbar. Wenn Sie sie nützlich finden, bitten wir Sie um Folgendes:

• Verlinken Sie darauf. Zum Beispiel könnte ein Pädagoge 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 es lieben, wenn so viele Studenten und Pädagogen wie möglich mit der Nutzung dieses Materials beginnen und es als Standard für das Basiswissen von Webentwicklern sehen würden.

Die Webentwicklungsbranche ä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 bekannter konformer Kurse kontaktieren, um ihnen mitzuteilen, dass sich der Kurs geändert hat, und sie dazu ermutigen, ihre Kurse bei Bedarf zu überprüfen/aktualisieren.

Wir beabsichtigen, dies im zweiten Quartal jedes Jahres zu tun, um den Pädagogen Zeit zu geben, im zweiten/dritten Quartal Änderungen umzusetzen, bevor das folgende akademische Jahr beginnt.

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

Scrimba hatte bereits einen großartigen Ruf, bevor wir angefangen haben, mit ihnen über eine Partnerschaft zu sprechen. Wir haben jedoch nicht einfach den Worten der Community geglaubt. Wir haben einen umfassenden Review des Scrimba Frontend Developer Career Path (FDCP) durchgeführt und ihnen Feedback zu möglichen Verbesserung gegeben, mit Fokus auf die Erhöhung der Abdeckung von Best Practices und Übereinstimmung mit unseren Kernmodulen. Scrimba hat all unser Feedback umgesetzt, und der FDCP ist jetzt noch besser als zuvor. Da es jetzt mit unserem Curriculum-Core konform ist, sind wir sicher, dass es den MDN-Standards entspricht.

Teilt MDN Benutzerdaten mit Scrimba?

Wir priorisieren Benutzerdatenschutz und Transparenz. Die einzige Information, die MDN mit Scrimba teilt, ist die Navigation von Benutzern zu Scrimba von MDN aus, und dies geschieht durch ihre eigenen Handlungen durch das Folgen eines Links, der als extern gekennzeichnet ist.

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

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

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

Es ist auch erwähnenswert, dass Scrimbas Kurse nicht notwendig sind, um die MDN-Lernwebentwicklung zu nutzen – 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 alle unsere Lernergebnisse 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, um es potenziellen Arbeitgebern zu zeigen oder in Ihr Portfolio aufzunehmen. Weitere Informationen finden Sie unter Wo finde ich mein Abschlusszertifikat?.