Junior frontend developer musi umieć solidnie HTML, CSS i JavaScript, pracować w Gicie i zrobić w Reakcie działającą aplikację z komunikacją z API. Coraz częściej potrzebny jest też TypeScript i podstawy testowania, a wyróżnia umiejętność weryfikowania kodu od AI i projekt, który możesz sam obronić na rozmowie. Fundamentów nie zastąpi żadne narzędzie, bo bez nich nie sprawdzisz tego, co ono wygeneruje.
Pytanie „co muszę umieć, żeby dostać pierwszą pracę” ma tyle odpowiedzi, ile ogłoszeń. Ten artykuł porządkuje je w trzy poziomy: co musisz umieć, co warto umieć i co Cię wyróżni. Zamiast zgadywać, jak będzie wyglądał rynek w 2027, opieram się na tym, co wiemy dziś: na ankiecie Stack Overflow z 2025 roku i na programie kursu frontendowego, który prowadzimy w devmentor.pl.
Uczciwie: nie mam danych z ofert pracy, więc nie napiszę, że „X% ogłoszeń wymaga TypeScriptu”. Nikt rzetelnie nie przewidzi też liczb na 2027. Dlatego traktuj „2027” jako rok, w którym nadal przydadzą się fundamenty, a nie jako prognozę.
Jeśli zastanawiasz się, czy w ogóle wchodzić do branży, rynek i przebranżowienie opisuje artykuł jak się przebranżowić do IT w 2026. Tutaj skupiamy się na umiejętnościach technicznych.
Jakie technologie faktycznie są w użyciu? Dane ze Stack Overflow 2025
Ankieta Stack Overflow Developer Survey 2025 zadała pytanie, w jakich technologiach respondenci pracowali intensywnie w ciągu ostatniego roku. Oto wyniki dla programistów zawodowych (wszystkich, nie tylko frontendowców):
| Technologia | Odsetek programistów zawodowych |
|---|---|
| JavaScript | 68,8% |
| HTML/CSS | 63% |
| TypeScript | 48,8% |
| React | 46,9% |
| Next.js | 21,5% |
| Angular | 19,8% |
| Vue.js | 18,4% |
| Svelte | 6,9% |
Jak to czytać? Dwie uwagi:
- To sygnał, nie lista ofert. Ankieta mówi, czego ludzie używają w pracy, a nie czego wymagają ogłoszenia dla juniorów. To jednak dobry punkt odniesienia: JavaScript, HTML i CSS to fundament, React jest najpopularniejszy wśród frameworków frontendowych, a TypeScript używa prawie co drugi programista zawodowy.
- Ankieta jest dobrowolna. Wyniki pokazują respondentów, a nie całą branżę, więc nie wyciągaj z nich dokładnych proporcji.
Źródło: Stack Overflow Developer Survey 2025, rozdział Technology.
Poziom 1: co musisz umieć, żeby w ogóle zacząć szukać pracy?
To zestaw, bez którego trudno przejść jakąkolwiek rozmowę techniczną.
HTML i CSS. Semantyczny HTML, układ strony we Flexboksie i Gridzie oraz responsywność. Jeśli nie wiesz, który układ wybrać, zacznij od artykułu Flexbox czy CSS Grid, a stronę dopasuj do telefonu z pomocą media queries. Przydaje się też konwencja nazewnictwa, np. BEM.
JavaScript. Zmienne, funkcje, tablice i obiekty, DOM i zdarzenia, formularze, nowsze elementy języka (ES2015+) oraz kod asynchroniczny (Promise, async/await, fetch). Częsty pretekst do rozmowy to metody tablicowe, które opisuje artykuł metody tablicowe w JavaScript, powtórka przed Reactem. Język rozwija się co roku, a nowości zbiera ECMAScript 2026. Wiedzę z zasad języka (a nie z tutoriali do frameworka) warto sprawdzić w wyzwaniu „czy jestem gotowy na Reacta”.
Git i GitHub. Branche, commity, pull requesty i rozwiązywanie konfliktów, bo praca w zespole wygląda właśnie tak. Zacznij od pracy z własnym repozytorium (clone, fork, pull request), a potem zobacz, jak wygląda praca zespołowa i jak rozwiązać konflikt w Gicie.
Debugowanie. Umiejętność znalezienia błędu we własnym kodzie, bez zgadywania. Podstawy opisuje artykuł o debugowaniu w JavaScript: DevTools, breakpointy i VS Code.
Poziom 2: co warto umieć, żeby oferty nie odrzucały CV?
Tutaj zaczyna się różnica między „uczę się programować” a „mogę pracować w zespole”.
React. Komponenty, props i stan, hooki, pobieranie danych, routing i formularze. W ankiecie to najpopularniejszy framework frontendowy, więc większość materiałów i ofert jest właśnie o nim. Jeśli chcesz zobaczyć, jak komponenty rosną z prostego przykładu, zajrzyj do artykułu o dynamicznym renderowaniu komponentów w React.
TypeScript. Statyczne typowanie na tyle, żeby czytać i pisać typowany kod w projekcie reactowym. Wprowadzeniem jest artykuł TypeScript jako kolejny krok po JavaScript. W naszym programie TypeScript jest materiałem uzupełniającym po JavaScript i React, a prawie połowa programistów zawodowych z ankiety już go używa.
Komunikacja z API. Wysłanie żądania, obsługa stanu ładowania i błędu, praca z JSON. Do ćwiczeń bez prawdziwego backendu pomaga lokalny JSON Server.
Testowanie. Podstawy testów jednostkowych i testowania komponentów. Jak to zrobić w ekosystemie Reacta, pokazuje artykuł o testowaniu komponentów w React Testing Library. Testy w JavaScript opisuje też moduł naszego kursu JavaScript: Testowanie.
Poziom 3: co wyróżnia juniora na tle kilkuset CV?
Umiejętności z poziomów 1 i 2 mają wszyscy kandydaci, którzy poważnie się uczyli. Wyróżniają dodatki.
Next.js. Używa go co piąty programista zawodowy z ankiety (21,5%), a w naszym kursie jest materiałem uzupełniającym po Reaccie. Zdobądź go dopiero, gdy React jest dla Ciebie naturalny.
Dostępność cyfrowa. Poprawne role, etykiety i nawigacja klawiaturą to coraz częściej wymóg, a nie ciekawostka. Umiejętność tę rozwija nasz kurs Audytor WCAG, a jej plusem w pracy jest to, że ułatwia też pisanie testów w React Testing Library (zapytania po roli).
Praca z AI w sposób, który nie obniża jakości. W ankiecie 76,2% programistów zawodowych używa VS Code, 19,3% Cursora, a 10% Claude Code. Narzędzia AI są więc częścią codziennej pracy. Kandydata wyróżnia nie to, że ich używa, ale to, że potrafi sprawdzić, co zwróciły. W praktyce to cztery umiejętności: opisać zadanie tak, by dostać działający kod, przejrzeć wynik jak cudzy kod, zdebugować błąd, zamiast prosić o kolejną poprawkę i wiedzieć, jak uczyć się z AI tak, żeby nie stracić umiejętności.
Rozumienie biznesu. O tym mówi też gość naszego podcastu:
W rozmowie Łukasz Stefański podkreśla trzy rzeczy: że fundamenty są niezbędne, bo bez nich nie zweryfikujesz kodu z AI, że warto zrobić jeden dopracowany projekt zamiast kolejnej listy zadań oraz że programista, który rozumie cel biznesowy, ma przewagę. Pełny skrót rozmowy znajdziesz na stronie odcinka.
Jak sprawdzić swój poziom? Checklista samooceny
Zamiast pytania „czy znam X” odpowiedz na pytanie „czy potrafię zrobić Y bez kopiowania gotowca”. Każde zadanie sprawdza jedną umiejętność:
| Umiejętność | Zadanie sprawdzające |
|---|---|
| HTML i CSS | Zbuduj od zera responsywną stronę z nagłówkiem, listą kart i stopką, która poprawnie wygląda na telefonie i komputerze |
| JavaScript | Napisz przefiltrowaną i posortowaną listę z tablicy obiektów, używając filter, map i sort |
| DOM i zdarzenia | Zrób formularz z walidacją, który pokazuje błędy bez przeładowania strony |
| Asynchroniczność | Pobierz dane z API, pokaż stan ładowania i komunikat o błędzie |
| Git | Utwórz branch, zrób kilka commitów, otwórz pull request i rozwiąż celowo wywołany konflikt |
| Debugowanie | Znajdź błąd w cudzym kodzie, używając breakpointów, a nie console.log |
| React | Zbuduj aplikację z listą, formularzem i routingiem z kilkoma stronami |
| TypeScript | Dodaj typy do komponentu reactowego i jego propsów |
| Testowanie | Napisz test komponentu z formularzem, który nie pęka po zmianie klas CSS |
| AI | Wygeneruj funkcję promptem, napisz do niej testy i znajdź błąd, który AI przeoczyło |
Jeśli któregoś zadania nie umiesz zrobić bez pomocy, masz konkretną rzecz do nauki. Nie ma tu progu zaliczenia, bo nie mam danych, ile zadań „wystarcza”. To lista do znajdowania luk, a nie test kwalifikacyjny.
Jeśli chcesz sprawdzić się na gotowych zadaniach, skorzystaj z bezpłatnego JavaScript Challenge: 27-dniowego wyzwania, w którym co 2 dni dostajesz mailem zadanie w repozytorium na GitHubie, od podstaw HTML, CSS i JavaScriptu po asynchroniczność i testy.
Jak umiejętności przekładają się na rozmowę i portfolio?
Dla każdej umiejętności warto mieć dowód (coś, co można pokazać) i odpowiedź na pytanie, które padnie na rozmowie:
| Umiejętność | Dowód w portfolio | Pytanie z rozmowy |
|---|---|---|
| JavaScript | projekt bez frameworka z DOM i fetch | czym różni się map od forEach, jak działa async/await |
| React | aplikacja z routingiem i formularzem | jak działa stan i czym są hooki, kiedy komponent się renderuje ponownie |
| TypeScript | projekt z typami w komponentach | czym type różni się od interface |
| Git | historia commitów i pull requesty w repozytorium | jak rozwiązujesz konflikt, czym jest rebase |
| Testowanie | testy do kluczowego komponentu | co testujesz, a czego nie, jak mockujesz API |
| Debugowanie | opis w README, jak znalazłeś błąd | jak znajdujesz błąd w nieznanym kodzie |
| Dostępność | formularz obsługiwany klawiaturą | czym są role ARIA, po co etykiety |
Dobre README jest tu częścią dowodu: jak napisać README do projektu na GitHubie. Jakie projekty zrobić, żeby wyróżnić się na tle konkurencji, opisuje artykuł jakie projekty warto robić. Gdy masz już projekt, zadbaj o CV juniora i profil na LinkedInie.
Czy AI sprawi, że junior nie będzie potrzebny?
Nikt nie ma na to pewnej odpowiedzi, a każdy, kto podaje konkretny procent, zgaduje. Warto natomiast rozróżnić dwie rzeczy. AI przyspiesza zadania, które umiesz zweryfikować, i nie zastępuje wiedzy potrzebnej do tej weryfikacji. Dlatego fundamenty z poziomu 1 są ważniejsze, a nie mniej ważne. Więcej o tym, co badania mówią o nauce z AI, przeczytasz w artykule czy nauka programowania w dobie AI ma sens, a o zawodzie programisty w ogóle w tekście czy AI zastąpi programistów, czy tylko zmieni ich pracę.
W jakiej kolejności się tego uczyć?
Sensowny porządek, który zgadza się z tym, jak ułożony jest nasz program frontendowy: najpierw narzędzia i podstawy HTML i CSS, potem JavaScript (podstawy, DOM, zdarzenia, formularze, ES2015+, API, testowanie), dopiero wtedy React (komponenty, kompozycja, stylowanie, Redux, routing, testy) i na końcu TypeScript oraz Next.js. Taka kolejność ma jeden powód: im pewniej znasz JavaScript, tym łatwiej odróżnisz, co jest cechą języka, a co biblioteki. Nad całym programem i opinią o Twojej pracy czuwa mentor, który robi code review: kurs frontend z mentorem. Jeśli dopiero szukasz pracy, sprawdź, gdzie jej szukać i jak przejść proces rekrutacyjny na juniora.
Podsumowanie
- Poziom 1 (musisz): HTML, CSS, JavaScript, Git i debugowanie.
- Poziom 2 (warto): React, TypeScript, praca z API i testy.
- Poziom 3 (wyróżnia): Next.js, dostępność, sprawdzanie kodu od AI i rozumienie biznesu.
- Dane ze Stack Overflow 2025 to sygnał, a nie prognoza: JavaScript 68,8%, React 46,9%, TypeScript 48,8% wśród programistów zawodowych.
- Zamiast „znam X” sprawdź „potrafię zrobić Y bez gotowca”: checklista powyżej wskaże luki.
- Jeden dopracowany projekt z README i testami zrobi więcej niż kolejny tutorial. Zacznij od wyzwania „czy jestem gotowy na Reacta” albo od kursu frontend z mentorem.
