Frontend-Entwickler-Roadmap

Lerne HTML, CSS und JavaScript gut genug, um aus einer leeren Datei eine Seite zu bauen, nimm TypeScript und ein Framework dazu (React ist die sichere Wahl), lerne Git und baue dann drei oder vier echte Projekte ohne Tutorial und stelle sie online. Genau das ist dieser Pfad, in genau dieser Reihenfolge. Die Projekte zählen mehr als die Zertifikate: Ein Frontend-Portfolio ist das Einzige, was eine Personalverantwortliche in dreißig Sekunden beurteilen kann.

Zuerst HTML, dann CSS, dann JavaScript - und gib JavaScript die meiste Zeit. Mit HTML fühlt man sich nach ein paar Wochen wohl, mit CSS nach etwa einem Monat; JavaScript ist eine vollwertige Programmiersprache und die Stelle, an der die meisten autodidaktischen Frontend-Entwickler abkürzen. Dieser Pfad gibt ihr drei Abschnitte plus einen Abschnitt zum DOM, bevor überhaupt ein Framework auftaucht.

Für einen Job fast immer: Die große Mehrheit professioneller React- und Next.js-Codebasen ist in TypeScript geschrieben, und eine Stellenanzeige mit „JavaScript“ meint in der Praxis meist TypeScript. Es ist ein kurzer Schritt, sobald JavaScript sitzt - deshalb steht es hier direkt vor React und nicht am Ende.

React, sofern eine konkrete Stelle, die du willst, nichts anderes verlangt. Es hat mit großem Abstand die meisten Stellenausschreibungen und das größte Ökosystem, und Next.js darauf ist das, womit die meisten neuen Produktivseiten gebaut werden. Die Ideen - Komponenten, State, Props, Rendering - lassen sich später in ein bis zwei Wochen auf Vue und Angular übertragen. Dieser Pfad lehrt React und Next.js.

Etwa sechs bis neun Monate bei einer Stunde am Tag bis zum Junior-Niveau mit Portfolio. Auf diesem Pfad brauchen HTML und CSS zusammen sechs bis acht Wochen, JavaScript zwei bis drei Monate, TypeScript zwei Wochen, React und Next.js sechs Wochen, und der Projektschritt dauert so lange, wie du weiterbaust. Die Zahl, die zählt, sind fertige Projekte, nicht fertige Lektionen.

Nicht als eigene Kurse, und wir sagen das lieber, als die Seite aufzublähen. Semantisches Markup, die Grundlage barrierefreier Seiten, gehört zum HTML-Schritt, und Reacts eigenes State-Handling wird behandelt; ein Testing-Kurs, tiefere Arbeit an Barrierefreiheit und eine State-Bibliothek stehen auf der Curriculum-Roadmap und kommen als neue Schritte in diesen Pfad, sobald sie erscheinen.

Ja, wenn die Kurse ein Portfolio hervorbringen - genau deshalb endet dieser Pfad mit acht Projekten. Arbeitgeber prüfen eine Seite, die du gebaut hast und die sie öffnen können, eine Git-Historie, die zeigt, dass du sie gebaut hast, und ein Gespräch, in dem du ein Layout und eine Komponente erklären kannst. Alle drei kommen aus diesem Pfad; keines davon erfordert ein kostenpflichtiges Bootcamp.

Ja. Schließe jeden Schritt ab, und du erhältst ein kostenloses Zertifikat für den ganzen Frontend-Entwickler-Pfad. Es listet jeden Kurs auf, den du unterwegs abgeschlossen hast, und verlinkt das Zertifikat jedes Kurses, damit jeder jede genannte Fähigkeit prüfen kann. Du kannst es zu deinem LinkedIn-Profil hinzufügen. Es ist ein Abschlusszertifikat von Coddy, kein akkreditierter Abschluss.