Junior Frontend Developer 2026
Stellenanzeigen für Junior-Frontend-Entwickler in der Türkei stapeln Docker, CI/CD, GraphQL und Cloud auf React. Diese Roadmap sortiert die Liste: das Fundament, das du wirklich für eine Einstellung brauchst, das, was oft in Anzeigen steht, aber nicht nötig ist, und das, was du im Job lernst.
20 Technologien oberflächlich zu kennen ist nicht mehr wert, als keine davon richtig zu kennen. Geh der Reihe nach vor, klick jedes Thema an, um zu sehen, was du wissen musst, und hake ab, was du gelernt hast.
- KernDas solltest du gut können, bevor du dich bewirbst
- WünschenswertTaucht oft in Stellenanzeigen auf und verschafft dir einen Vorteil
- SpäterWenn du im Job bist und es brauchst
Klicke auf ein Thema, um zu sehen, was du wissen musst und wo du es lernen kannst.
- 01
Grundlagen
Das, worauf alles andere aufbaut. Überspringst du es, kommst du in jeder späteren Phase wieder darauf zurück.
- 02
Werkzeuge
Die Alltagswerkzeuge, die du brauchst, um im Team zu arbeiten.
- 03
Framework
Der Teil, den Stellenanzeigen wirklich verlangen. Wenn dein Fundament solide ist, geht das schneller, als du denkst.
- 04
Jobreif werden
Dinge, die oft in Stellenanzeigen stehen und dich von anderen Bewerbern abheben.
- 05
Das kannst du später lernen
Dinge, die du in Stellenanzeigen siehst, aber nicht brauchst, um eingestellt zu werden. Du lernst sie in Produktion, wenn der Bedarf entsteht, gemeinsam mit deinem Team.
Thema für Thema
Jedes Thema auf der Karte mit Beschreibung, Wissenswertem und Ressourcen — in einer Liste.
01Grundlagen
Wie funktioniert das Web?· Kern
Zu wissen, was passiert, wenn du eine Adresse in den Browser tippst, hilft dir, die Hälfte der Fehler zu verstehen, auf die du stößt. Tiefe brauchst du hier nicht – das große Ganze reicht.
Das solltest du wissen
- Das Client-Server-Modell: Eine Anfrage geht raus, eine Antwort kommt zurück
- Grob wissen, was ein Domainname, DNS und Hosting sind
- Wie der Browser HTML, CSS und JavaScript nimmt und auf den Bildschirm zeichnet
Ressourcen
HTTP und HTTPS· Kern
Die Sprache, die das Frontend spricht. Wenn du Methoden und Statuscodes lesen kannst, kannst du API-Fehler selbst debuggen.
Das solltest du wissen
- Wann du GET, POST, PUT, PATCH und DELETE einsetzt
- Statuscodes: 200, 201, 301, 400, 401, 403, 404, 500
- Request- und Response-Header
- Warum HTTPS ein Muss ist
Ressourcen
DNS und Domainnamen· Kern
Wie ein Domainname zu einem Server aufgelöst wird. Das Erste, worauf du stößt, wenn du dein Projekt online stellst.
Ressourcen
Der Browser und das Rendering· Kern
Der Weg von HTML zum DOM und von CSS zu den Pixeln auf dem Bildschirm. Sobald es um Performance geht, landen alle wieder hier.
Das solltest du wissen
- Das DOM und das CSSOM
- Layout, Paint, Composite
- Render-blockierende Ressourcen
Ressourcen
HTML· Kern
Das Skelett der Seite. Viele überspringen es, weil „HTML einfach ist“, dabei deckt dieses Thema in Interviews die meisten Lücken auf: Das richtige Tag entscheidet über Barrierefreiheit und SEO.
Das solltest du wissen
- Dokumentstruktur: head, body, Meta-Tags
- Das richtige Tag wählen: div ist nicht die Antwort auf alles
Ressourcen
Semantisches HTML· Kern
header, nav, main, article, section, button – jedes davon hat eine Bedeutung. Screenreader und Suchmaschinen lesen diese Bedeutung.
Das solltest du wissen
- Wenn man darauf klickt, ist es ein button; wenn es irgendwohin führt, ein a
- Reihenfolge der Überschriften: h1 → h2 → h3
- Landmark-Elemente
Ressourcen
Formulare· Kern
Du wirst sie in fast jedem Job schreiben. label, Input-Typen und die eingebaute Validierung des Browsers ersparen dir viel JavaScript.
Das solltest du wissen
- Ein label mit seinem input verbinden
- Input-Typen: email, number, date …
- required, pattern, min/max
Ressourcen
Barrierefreiheit· Kern
Eine Seite, die sich per Tastatur bedienen und mit einem Screenreader lesen lässt. Von einem Junior wird kein Expertenwissen erwartet, aber die Grundlagen schon.
Das solltest du wissen
- Alt-Texte
- Fokusreihenfolge bei der Tastaturbedienung
- Farbkontrast
- aria nur dann einsetzen, wenn du es wirklich brauchst
Ressourcen
SEO-Grundlagen· Wünschenswert
title, description, Überschriftenstruktur und sprechende URLs. Wenn du sauberes semantisches HTML schreibst, hast du schon die halbe Miete.
Ressourcen
CSS· Kern
Ein Design in Code verwandeln. Auch wenn du Tailwind nutzt, steckt darunter CSS – wenn du Box-Modell und Layout nicht verstehst, kommst du auch mit Tailwind nicht weiter.
Das solltest du wissen
- Selektoren und Spezifität
- Einheiten: px, rem, %, vw
- Vererbung und die Kaskade
Ressourcen
Box-Modell· Kern
Jedes Element ist eine Box: Content, Padding, Border, Margin. Die meisten Layout-Bugs kommen von hier.
Das solltest du wissen
- box-sizing: border-box
- Margin Collapsing
- display: block, inline, inline-block
Ressourcen
Flexbox· Kern
Ausrichtung entlang einer Achse. Die meisten Layouts, die du heute schreibst, sind Flexbox.
Ressourcen
Grid· Kern
Layout auf zwei Achsen. Für Karten-Raster und Seitengerüste ist es deutlich einfacher als Flexbox.
Ressourcen
Responsive Design· Kern
Dieselbe Seite, vom Smartphone bis zum Breitbildschirm. Mobile-first zu schreiben ist keine Vorliebe mehr, sondern der Standard.
Das solltest du wissen
- Media Queries
- Der Mobile-first-Ansatz
- Flexible Einheiten und clamp()
Ressourcen
Tailwind CSS· Wünschenswert
Es steht in den meisten Stellenanzeigen, und wenn du CSS kannst, lernst du es in einer Woche. Die Reihenfolge zählt: erst CSS, dann Tailwind.
Ressourcen
JavaScript· Kern
Die wichtigste Station auf der Karte. Die meisten, die bei React stecken bleiben, hängen eigentlich bei JavaScript fest. Hetz hier nicht.
Das solltest du wissen
- Variablen, Typen, Funktionen
- Bedingungen und Schleifen
- Objekte und Arrays
Ressourcen
Moderne Syntax· Kern
Dinge, die du in jeder Zeile React-Code siehst. Wenn du sie nicht flüssig lesen kannst, wird sich React schwer anfühlen.
Das solltest du wissen
- let / const, Arrow Functions
- Destructuring und Spread
- Template Literals
- Optional Chaining (?.) und ??
Ressourcen
Array-Methoden· Kern
map, filter, reduce, find. So renderst du in React Listen und formst Daten um.
Ressourcen
Das DOM und Events· Kern
React nimmt dir das ab – aber du solltest es zuerst von Hand machen, damit du verstehst, was React eigentlich löst.
Das solltest du wissen
- Elemente auswählen und ändern
- addEventListener
- Event Bubbling und Delegation
Ressourcen
Asynchrones JavaScript· Kern
Daten abrufen, auf sie warten, Fehler abfangen. Das Lieblingsthema der Interviewer.
Das solltest du wissen
- Callback → Promise → async/await
- Daten mit fetch abrufen
- Fehler mit try/catch behandeln
- Grob wissen, was die Event Loop ist
Ressourcen
Scope und Closures· Kern
Der Schlüssel, um zu verstehen, warum sich React Hooks so verhalten, wie sie es tun.
Ressourcen
Module· Kern
02Werkzeuge
Git und GitHub· Kern
Du nutzt es vom ersten Tag an. Code sichern, Branches anlegen, mergen und mit deinem Team teilen. Auch dein Portfolio lebt hier.
Ressourcen
Commits und Historie· Kern
add, commit, status, log, diff. Kleine Commits machen, die jeweils eine Bedeutung haben.
Ressourcen
Branching und Merging· Kern
Branches anlegen, mergen und Konflikte lösen. Keine Angst vor Konflikten zu haben, ist für sich genommen schon eine Fähigkeit.
Ressourcen
Pull Requests· Kern
So kommt Code im Team zusammen. Einen PR öffnen, eine Beschreibung schreiben und auf Review-Kommentare reagieren.
Ressourcen
Entwicklungsumgebung· Kern
Die Werkzeuge, mit denen du ein Projekt aufsetzt, ausführst und Bugs aufspürst.
npm / pnpm· Kern
Pakete installieren, die package.json lesen, Skripte ausführen.
Das solltest du wissen
- Der Unterschied zwischen dependencies und devDependencies
- npm run dev / build
- Warum es die Lock-Datei gibt
Ressourcen
Vite· Kern
Der heutige Standardweg, ein React-Projekt zu starten. Grob zu wissen, was ein Build-Tool macht, reicht.
Ressourcen
Browser-DevTools· Kern
ESLint und Prettier· Wünschenswert
Ein Tool die Diskussionen über den Code-Stil entscheiden lassen. Die meisten Projekte bringen sie schon eingerichtet mit – zu wissen, wofür sie da sind, reicht.
Ressourcen
03Framework
React· Kern
Es steht in fast jeder Junior-Frontend-Anzeige in der Türkei. Die offizielle Dokumentation auf react.dev lohnt sich, von vorne bis hinten gelesen zu werden.
Ressourcen
Komponenten und JSX· Kern
Die UI in kleine, wiederverwendbare Teile zerlegen.
Das solltest du wissen
- Die Regeln von JSX
- Daten per Props übergeben
- Bedingtes Rendering und Listen (key)
Ressourcen
State und Events· Kern
Interaktivität mit useState. Die eigentliche Fähigkeit ist zu entscheiden, wo ein Stück State leben soll.
Das solltest du wissen
- useState
- State nach oben verlagern (Lifting State Up)
- Kontrollierte Formular-Inputs
Ressourcen
Effekte· Kern
Wann du useEffect brauchst – und, wichtiger noch, wann nicht.
Ressourcen
Weitere Hooks· Kern
useRef, useMemo, useContext und eigene Hooks schreiben.
Ressourcen
Routing· Kern
Apps mit mehr als einer Seite. React Router oder das Routing deines Frameworks.
Ressourcen
Globaler State· Wünschenswert
Context reicht meistens aus. Wenn du Zustand oder Redux in einer Stellenanzeige siehst, versteh die Idee; die API musst du nicht auswendig kennen.
Ressourcen
TypeScript· Kern
Es steht inzwischen in fast jeder Stellenanzeige, und die meisten neuen Projekte starten mit TypeScript. Niemand erwartet fortgeschrittene Typ-Akrobatik – die Nutzung im Alltag zählt.
Ressourcen
Grundlegende Typen· Kern
type und interface· Kern
Die Form deiner Daten beschreiben. Einen Typ für die Antwort schreiben können, die eine API zurückschickt.
Ressourcen
TypeScript mit React· Kern
Prop-Typen, State-Typen, Event-Typen. Das ist der Großteil der täglichen Arbeit.
Ressourcen
Generics· Wünschenswert
Sie lesen zu können reicht. Niemand erwartet von einem Junior, eigene generische Typen zu schreiben.
Ressourcen
Mit APIs arbeiten· Kern
Der größte Teil der Frontend-Arbeit besteht darin, Daten aus einer API anzuzeigen und Daten zurückzusenden. Nicht das Backend schreiben – mit ihm sprechen.
REST und JSON· Kern
Endpoints, Methoden, Request Bodies, JSON-Antworten. Eine API mit Postman oder einem ähnlichen Tool ausprobieren.
Ressourcen
Laden und Fehler· Kern
Was zeigst du, während die Daten unterwegs sind, und was passiert, wenn ein Fehler zurückkommt? Der Teil, den Junior-Projekte am häufigsten auslassen.
Das solltest du wissen
- Lade-, Fehler- und Leerzustände
- Eine Anfrage abbrechen
- Fehlermeldungen, die für den Nutzer wirklich etwas bedeuten
TanStack Query· Wünschenswert
Übernimmt Datenabruf, Caching und Retries für dich. Taucht oft in Stellenanzeigen auf.
Ressourcen
Wie Authentifizierung funktioniert· Wünschenswert
Was ein Token ist, was ein Cookie ist, woran du erkennst, dass ein Nutzer eingeloggt ist. Nicht bauen – von der Frontend-Seite aus verstehen.
Ressourcen
04Jobreif werden
Next.js· Wünschenswert
Lerne es nach React, nicht davor. Es steht in einem guten Teil der Anzeigen; zu verstehen, warum es Server-Side Rendering gibt, ist ein guter Einstieg.
Ressourcen
Dateibasiertes Routing· Wünschenswert
SSR, SSG, CSR· Wünschenswert
Wo und wann eine Seite generiert wird. Die Konzepte zu kennen, bringt dich im Interview weit.
Ressourcen
Testen· Wünschenswert
Von einem Junior wird keine Teststrategie erwartet; erwartet wird, dass du einen einfachen Komponententest schreiben kannst und weißt, warum Tests geschrieben werden.
Vitest· Wünschenswert
Testing Library· Wünschenswert
Ein echtes Projekt· Kern
Mir ist ein Junior lieber, der in einem echten Projekt erklären kann, warum er jede Technologie gewählt hat, als ein Lebenslauf mit 15 Frameworks. Dorthin führt dich die ganze Roadmap.
Das solltest du wissen
- Keine Todo-App – ein Projekt, das ein echtes Problem löst
- Eines, das Daten aus einer echten API holt und Lade- und Fehlerzustände behandelt
- Eines, das auf dem Smartphone gut aussieht und sich per Tastatur bedienen lässt
Deployment· Kern
Wenn sich dein Projekt nicht unter einer URL öffnen lässt, existiert es praktisch nicht. Mit Vercel, Netlify oder Cloudflare Pages dauert es ein paar Minuten.
Ressourcen
README· Kern
Was das Projekt macht, wie man es startet und warum du deine Entscheidungen so getroffen hast. Die erste Datei, die Recruiter lesen – und oft die einzige.
Deine Entscheidungen erklären· Kern
„Warum Zustand?“, „Warum diese Ordnerstruktur?“ Ein Interview misst im Kern, wie du auf solche Fragen antwortest.
05Das kannst du später lernen
Wie das Backend funktioniert· Später
Das Backend zu verstehen ist für Frontend-Entwickler sehr nützlich. APIs zu schreiben und Datenbanken sowie Authentifizierung aufzusetzen, ist jedoch ein Full-Stack-Job.
Node.js· Später
Eine einfache API zu schreiben und dein Frontend daran anzubinden, öffnet dir die Augen. Für eine Junior-Frontend-Stelle nicht erforderlich.
Ressourcen
GraphQL· Später
Wenn dein Unternehmen es nutzt, lernst du es in einer Woche. Erst kommt REST.
Ressourcen
Infrastruktur· Später
Meistens gibt es jemanden im Team, der das aufsetzt. Von dir wird erwartet, dass du nutzen kannst, was schon da ist.
Docker· Später
Ein Projekt in einem Container ausführen. Ein bestehendes Dockerfile lesen zu können, reicht für den Anfang.
Ressourcen
CI/CD· Später
Tests bei jedem Push, ein Deployment bei jedem Merge. In deinem ersten Job findest du es bereits eingerichtet vor.
Ressourcen
Cloud· Später
AWS, GCP, Azure. Fürs Frontend läuft es meist auf ein CDN und statisches Hosting hinaus.
Architektur· Später
Architektur, Skalierbarkeit, Code Reviews, Mentoring. Das kommt mit der Erfahrung; wenn du das in einer Junior-Anzeige siehst, ist wahrscheinlich etwas durcheinandergeraten.
Skalierbarkeit· Später
Eine wachsende Codebasis beherrschbar halten. Dafür musst du zuerst in einer großen Codebasis gearbeitet haben.
Fortgeschrittene Performance· Später
Core Web Vitals, Bundle-Analyse, Render-Optimierung. Ein grundlegendes Gespür für Performance reicht – den Rest lernst du im Job.
Ressourcen