Über "Webentwicklung lernen"

Hintergrund und Motivation

Wir haben ursprünglich 2016 den Abschnitt "Webentwicklung lernen" auf MDN gestartet, um MDN für Nicht-Experten zugänglicher zu machen und Anfängern in der Webentwicklung zu helfen, vom „Anfänger zum Komfortablen“ zu gelangen.

Der Inhalt war ziemlich erfolgreich, aber nach ein paar Jahren stellten wir fest, dass die Struktur unterdurchschnittlich war. Anfänger wollen wirklich einen soliden Weg, dem sie folgen können, um das nötige Wissen zu erlangen, anstatt herausfinden zu müssen, was sie lernen sollen und wann.

Darüber hinaus spricht Mozilla jeden Tag mit Branchenprofis und wir erhalten regelmäßig Feedback zu Wissenslücken bei neuen Mitarbeitern. Personalverantwortliche beobachten häufig:

• Zu großer Fokus auf die Nutzung von Frameworks, um Web-Apps 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 zu einer geringeren langfristigen Beschäftigungsfähigkeit, da sich die Werkzeuge ändern.
• Mangel an grundlegenden Best Practices wie Semantik, Barrierefreiheit und responsivem Design. Dies führt zu einem Mangel an Nutzerfokus, was zu Einschränkungen bei der Benutzerfreundlichkeit führt.
• Wissenslücken darüber, wie Browser grundlegend funktionieren, wie sie Informationen bereitstellen und die Interaktivität, die Sie kostenlos erhalten. Dies führt zu übermäßig komplizierten und oft unzugänglichen Lösungen.
• Eingeschränkte Problemlösungs-, Teamarbeit-, Recherche- und andere wichtige Soft Skills.

Daher haben wir einen Lehrplan erstellt, um Menschen zu helfen, ein besseres Fähigkeiten-Set zu lernen, um sie beschäftigungsfähiger zu machen und ihnen zu ermöglichen, ein besseres, zugänglicheres und verantwortungsbewussteres Web von morgen zu bauen. Wir möchten, dass sie die bestmögliche Chance auf Erfolg haben. Wir haben den MDN-Lehrplan Anfang 2024 gestartet.

Leider erhielten wir schnell Feedback, dass Benutzer es verwirrend fanden, zwei Lernressourcen auf MDN zu haben, mit dem Lehrplan/Lernpfad an einem Ort und dem Lerninhalt an einem anderen Ort. Infolgedessen haben wir den Lehrplan im Dezember 2024 in den Lernbereich integriert](/de/docs/Learn_web_development/Changelog#december_2024).

Zielgruppe

Studenten

Dieser Lehrplan ist nützlich für mehrere Studentengruppen:

• Studenten, die in der Branche einen Job finden möchten, was möglicherweise das Erreichen einer verwandten Qualifikation oder Zertifizierung beinhaltet. Der Lehrplan fungiert als Leitfaden für das, was sie studieren sollten.
• Bestehende Webentwickler, die ihre Fähigkeiten "aufrüsten" möchten, um sicherzustellen, dass ihre Fähigkeiten aktuell sind, und Lücken in ihrem Wissen zu identifizieren, die sie weiter vertiefen sollten.
• Nicht-Frontend-Webentwickler, die bereits Entwicklungserfahrung in anderen Bereichen haben (zum Beispiel Backend-Webentwickler oder plattformspezifische Entwickler), die sich in die Frontend-Webentwicklung begeben möchten und einen Leitfaden zu den Themen suchen, die sie lernen sollten.

Lehrkräfte

Lehrkräfte können diesen Inhalt als Leitfaden nutzen, wenn sie Programme, Einheiten und Bewertungsspezifikationen für einen webbezogenen Universitätsabschluss, Collegekurs, Programmierkurs oder ähnliche erstellen. Das Einhalten der Lernziele in unseren Artikeln wird dazu beitragen sicherzustellen, dass Kurse aktuelle Techniken und Best Practices lehren und schlechte Praktiken und veraltete Informationen vermeiden.

Um mehr zu erfahren, konsultieren Sie unsere Seite Ressourcen für Lehrende.

Umfang

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

Was abgedeckt wird

Diese Reihe von Artikeln versucht nicht, jedes Thema, das ein Webentwickler möglicherweise im Detail wissen sollte, 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, um die Denkweise und Einstellung zu fördern, die erforderlich ist, um einen Job zu sichern.
• Umweltwissen wie Computer- und Dateisysteme, im Web surfen, Grundlagen der Befehlszeile und Code-Editoren.
• Mehrere „Erweiterungen“, die wir als nützliches zusätzliches Wissen zum Erlernen betrachten, während Entwickler ihr Wissen erweitern und sich spezialisieren. Dazu gehören:
  • CSS-Transforms und Animation
  • Häufige Kategorien von Web-APIs (zum Beispiel Medien, Grafik und clientseitige Speicherung)
  • Grundlagen der serverseitigen Webentwicklung
  • Leistung
  • Sicherheit und Datenschutz
  • Testing

Detaillierungsgrad

Die vorgestellten Themen werden in unterschiedlichen Detailgraden behandelt.

• Einige werden ausführlich behandelt, zum Beispiel HTML- und CSS-Grundlagen. Es ist wichtig, diese klar zu verstehen, bevor ein Student zu weit in seiner Lernreise voranschreitet.
• Einige werden eher oberflächlich behandelt, zum Beispiel Versionskontrolle oder Testing. Es ist wichtig, zu verstehen, was diese Themen sind, und mit einigen Grundlagen zu beginnen, aber diese Arten von Fähigkeiten können weitervertieft werden, während Sie Ihre Karriere fortsetzen.

Was nicht abgedeckt wird

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

• Erschöpfende 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 erschöpfende Abdeckung über mehrere Plattformen hinweg; das wäre außerhalb des Umfangs für MDN.
• Tiefgründige Abdeckung traditioneller relationaler Datenbanken (zum Beispiel MySQL oder Postgres) und anderer serverseitiger Datenspeicher (zum Beispiel Cloud-Datenbanken wie MongoDB oder Firestore). Wir bieten eine kurze Einführung in solche Technologien in unseren Modulen zur Programmierung serverseitiger Websites.
• Tiefgehende DevOps-Themen wie Cloud-Plattformen für Bereitstellung und Automatisierung (zum Beispiel Amazon AWS, Google Cloud Platform und Microsoft Azure) und Containerisierungstools (zum Beispiel Kubernetes und Docker). Wir berühren leicht einige Tools, die als im DevOps-Bereich angesehen werden – wie GitHub und automatisierte Testwerkzeuge – aber diese haben deutliche Überschneidungen im Bereich des Frontend-Entwicklers.
• Grafikdesign über die grundlegenden Kenntnisse hinaus, die in Design für Entwickler umrissen sind.
• Fähigkeiten im Zusammenhang mit Rollen wie Produkt- und Programmmanagement (zum Beispiel Organisation, Recherche und Planung).

Zuschreibung

Diese Ressource ist kostenlos für jeden zu nutzen. Wenn Sie sie nützlich finden, bitten wir Sie, folgendes in Betracht zu ziehen:

• Verlinken Sie darauf. Zum Beispiel könnte ein Lehrender das Folgende in sein öffentliches Programm 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 Studenten und Lehrende wie möglich beginnen, dieses Material zu nutzen und es als Standard für Basiswissen in der Webentwicklung anzusehen.

Aktualisierungsprozess

Die Webentwicklungsindustrie ä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 Entwickler bekannter konformer Kurse kontaktieren, um sie darüber zu informieren, dass sich der Kurs geändert hat, und sie ermutigen, ihre Kurse gegebenenfalls zu überprüfen/aktualisieren.

Wir beabsichtigen, dies im 2. Quartal jedes Jahres zu tun, um Lehrenden Zeit zu geben, im zweiten und dritten Quartal Änderungen umzusetzen, bevor das folgende akademische Jahr beginnt.

Häufig gestellte Fragen

Fragen zur Partnerschaft mit Scrimba

Wie weiß MDN, dass Scrimbas Kurse qualitativ hochwertig sind und den Best Practices folgen?

Scrimba hatte bereits einen großartigen Ruf, bevor wir mit ihnen über eine Partnerschaft sprachen. 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, mit einem Fokus auf die Erhöhung der Abdeckung von Best Practices und Konformität zu unseren Kernmodulen. Scrimba hat unser gesamtes Feedback umgesetzt, und der FDCP ist jetzt noch besser als zuvor. Da er nun unserem Lehrplankern entspricht, 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 Benutzer-navigation zu Scrimba von MDN, und dies geschieht durch die eigenen Aktionen des Nutzers beim 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 dafür entscheidet, mit Scrimba-Inhalten zu interagieren.

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

Einige Scrimba-Inhalte erfordern ein bezahltes 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 notwendig sind, um MDN Webentwicklung lernen zu nutzen – sie sind eine Verbesserung für diejenigen, die für einen strukturierten Kurs bezahlen möchten, der unseren Lehrplankern abdeckt. Sie können dennoch alle unsere Lernziele kostenlos erreichen, indem Sie unsere Artikel durcharbeiten.

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

Ja, sobald Sie alle Themen des Frontend Developer Career Path abgeschlossen haben, können Sie auf ein Abschlusszertifikat zugreifen, um es potenziellen Arbeitgebern zu zeigen oder in Ihr Portfolio aufzunehmen. Siehe Wo finde ich mein Abschlusszertifikat? für weitere Informationen.