In 2 Monaten zum Frontend Engineer

Was am Ende dasteht

Voraussetzung: Der Grundlagenkurs oder gleichwertiges Wissen.

• Eine Anwendung mit Next.js, die auf einem Telefon in unter zwei Sekunden steht.
• Formulare, die mit der Tastatur bedienbar sind und Fehler verständlich melden.
• Ein gemessenes Vorher-Nachher deiner eigenen Seite, nicht nur ein Gefühl.

Der Plan, Woche für Woche

6 Module über 8 Wochen. Nach jedem Modul eine Prüfung, am Ende die Abschlussprüfung.

1. Modul 1 · Woche 1 bis 2

   Aufbau, Gestaltung, Zugänglichkeit

   Du schreibst HTML, das ohne CSS Sinn ergibt, und bedienst deine Seite ohne Maus.

   Prüfung · 14 Fragen · 25 Min.
   • Bedeutung vor Aussehenfrei13 Min.
   • Formulare, die funktionieren14 Min.
   • Das Kastenmodell und der Fluss12 Min.
   • Flexbox und Grid13 Min.
   • Responsiv ohne Schmerzen12 Min.
   • Gestaltungsmittel, die tragen13 Min.
   • Warum und für wen11 Min.
   • Tastatur und Fokus12 Min.
   • Namen, Rollen, Zustände12 Min.

2. Modul 2 · Woche 3 bis 4

   Die Sprache

   Du kannst Daten umformen, asynchron arbeiten und Fehler behandeln.

   Prüfung · 14 Fragen · 25 Min.
   • Werte und Typen7 Min.
   • Funktionen und Geltungsbereich7 Min.
   • Listen und Objekte umformen7 Min.
   • Asynchron verstehen7 Min.
   • Fehler behandeln7 Min.
   • Module und Abhängigkeiten7 Min.
   • Das DOM anfassen7 Min.

3. Modul 3 · Woche 5

   Typen, die tragen

   Du beschreibst Daten so, dass der Übersetzer den Fehler findet und nicht der Nutzer.

   Prüfung · 10 Fragen · 20 Min.
   • Warum Typen6 Min.
   • Die Typen, die man braucht6 Min.
   • Enge Typen statt any7 Min.
   • Typen an der Grenze7 Min.

4. Modul 4 · Woche 6

   Bausteine

   Du schneidest Zustand richtig und weißt, wann ein Effekt der falsche Weg ist.

   Prüfung · 12 Fragen · 20 Min.
   • Bausteine und Eigenschaften6 Min.
   • Zustand richtig schneiden7 Min.
   • Listen, Schlüssel und Formulare7 Min.
   • Effekte und wann du keinen brauchst6 Min.
   • Daten holen und zwischenspeichern7 Min.
   • Bausteine zum Wiederverwenden6 Min.

5. Modul 5 · Woche 7

   Anwendungen

   Du baust mit Next.js Routen, lädst Daten am richtigen Ort und lieferst aus.

   Prüfung · 12 Fragen · 20 Min.
   • Routen und Layouts6 Min.
   • Server- und Clientbausteine7 Min.
   • Daten laden und zwischenspeichern7 Min.
   • Formulare und Serveraktionen7 Min.
   • Bilder, Schriften, Metadaten6 Min.

6. Modul 6 · Woche 8

   Tempo und Qualität

   Du misst Ladezeit statt sie zu schätzen und testest das, was wirklich brechen kann.

   Prüfung · 12 Fragen · 20 Min.
   • Die drei Zahlen6 Min.
   • Messen statt glauben6 Min.
   • Was wirklich hilft6 Min.
   • Zwischenspeicher verstehen6 Min.
   • Was man testet und was nicht7 Min.
   • Tests, die nicht flackern7 Min.

Die Abschlussprüfung

Was danach Sinn ergibt

Fremde Zertifikate, die auf diesem Kurs aufbauen. Keine Vermittlung, keine Beteiligung.

• Meta über Coursera

  Meta Front-End Developer Professional Certificate

  Abonnement bei Coursera; Ansehen ohne Zertifikat ist kostenlos · rund sieben Monate bei sechs Stunden je Woche · Englisch mit deutschen Untertiteln

  Zum Anbieter↗

• freeCodeCamp

  Responsive Web Design

  kostenlos · rund 300 Stunden · Englisch

  Zum Anbieter↗