Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon
Ścieżka nauki

Roadmapa full stack developera

Darmowe kursy w kolejności, w jakiej full stack web developer ich potrzebuje: HTML, CSS i JavaScript do strony, TypeScript i React do interfejsu, Next.js do serwera, SQL do danych, a potem Linux, Git i Docker do wdrożenia. JavaScript działa po obu stronach, więc uczysz się jednego języka i używasz go od początku do końca. Każda lekcja działa w przeglądarce, a każdy dział kursu kończy się darmowym certyfikatem.

ZACZNIJ NAUKĘ(za darmo)

830,387+ osób zapisanych na te kursy

880 lekcje883 wyzwania4,346 pytania quizowe

Ścieżka full stack developera krok po kroku

7 kursy16 sekcje880 lekcje883 wyzwania4,346 pytania quizowe

Każdy krok to istniejący kurs Coddy. Przechodź je po kolei albo wskocz do tego, którego ci brakuje: postęp i tak zapisuje się osobno dla każdego kursu.

  1. 1
    Krok 1

    HTML i CSS: stronaOsobna strona

    Zacznij ten krokZacznij    Elementy, linki, formularze i semantyczne znaczniki, a potem selektory, model pudełkowy, flexbox, grid, układy responsywne i przejścia w dwóch działach CSS. Formularze, które tu piszesz, to te same, które twój serwer odczyta w dalszej części ścieżki.ZacznijOsobna strona
    Sekcje po kolei: 3
    1. Podstawy60 lekcje75 wyzwania251 pytania
    2. Stylizacja za pomocą CSS76 lekcje100 wyzwania418 pytania
    3. Mistrzowskie opanowanie CSS43 lekcje40 wyzwania164 pytania
    179 lekcje215 wyzwania833 pytania
  2. 2
    Krok 2

    JavaScript i TypeScriptOsobna strona

    Zacznij ten krokZacznij    Podstawy, logika i sterowanie przepływem, obiekty i klasy w trzech działach, a potem TypeScript: typy, interfejsy, typy generyczne i czytanie błędów kompilatora. To język, w którym piszesz w przeglądarce i na serwerze, więc dostaje więcej czasu niż jakikolwiek inny krok.ZacznijOsobna strona
    Sekcje po kolei: 4
    1. Podstawy77 lekcje102 wyzwania390 pytania
    2. Logika i przepływ programu65 lekcje60 wyzwania325 pytania
    3. Programowanie obiektowe56 lekcje62 wyzwania304 pytania
    4. Wprowadzenie do TypeScript73 lekcje64 wyzwania438 pytania
    271 lekcje288 wyzwania1,457 pytania
  3. 3
  4. 4
    Krok 4

    ReactOsobna strona

    Zacznij ten krokZacznij    Komponenty, JSX, propsy, stan, zdarzenia, listy i kontrolowane formularze, a na koniec mała karta społecznościowa budowana krok po kroku. React to warstwa interfejsu, którą następny krok uruchamia na serwerze.ZacznijOsobna strona42 lekcje37 wyzwania65 pytania
  5. 5
    Krok 5

    Next.js: serwerowa połowaOsobna strona

    Zacznij ten krokZacznij    Routing i layouty, komponenty serwerowe i klienckie, pobieranie danych na serwerze, route handlery dla własnych endpointów API, server actions dla formularzy, stany ładowania i błędów, a potem dziewięcioetapowa aplikacja restauracji z koszykiem, filtrami, opiniami i wyszukiwaniem na żywo. Tutaj piszesz backend.ZacznijOsobna strona47 lekcje32 wyzwania99 pytania
  6. 6
  7. 7
  8. 8
    Krok 8

    DockerOsobna strona

    Zacznij ten krokZacznij    Obrazy, kontenery, pliki Dockerfile, wolumeny i sieci. Kontener pakuje twoją aplikację ze wszystkim, czego potrzebuje do działania, i właśnie tak większość aplikacji webowych trafia dziś na serwer.ZacznijOsobna strona40 lekcje36 wyzwania195 pytania
Co dostajesz
Wszystko, czego potrzebujesz do nauki programowania

Ucz się w praktyce

Pisz prawdziwy kod, odpytuj bazy danych, twórz strony internetowe i opanuj prompty AI. Nasze interaktywne lekcje obejmują wszystkie umiejętności, których potrzebuje współczesny programista.

playground.js
Edytor kodu
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Dane wejściowe
"Alex"
Wynik
"Hello, Coddy! Alex"

Buduj swoją serię

Ucz się regularnie i patrz, jak rosną twoje postępy! Śledź codzienny nawyk programowania, chroń serię dzięki zamrożeniom i zdobywaj nagrody za każdy dzień nauki.

12 dni serii

Wróć jutro, aby utrzymać serię!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Podwójnie albo nic

Dzień 5 z 7

fire Freeze icon

Zamrożenie serii

2 left

Programuj wszędzie

Zabierz naukę programowania ze sobą! Bez konfiguracji i pobierania plików: po prostu otwórz i zacznij kodować. Dostępne na iOS, Androida i w przeglądarce, z oceną 4,9 gwiazdki.

Python
7Seria
250Wynik
5Energia
Zmienne
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
KONTYNUUJ
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Ścieżka
Cele
Ranking
Profil
4.9
GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Ocena

Nie uczysz się w pojedynkę

Rywalizuj w globalnych rankingach, zapraszaj znajomych po nagrody i świętujcie wspólnie swoje sukcesy. Z przyjaciółmi programuje się lepiej!

Liga Challenger
Liga ChallengerAwansuje 7 najlepszych
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconStrefa awansuleaderboard Arrow Up icon

Każdy sposób nauki

Czytaj, słuchaj, sprawdzaj się, pytaj AI albo wracaj do tego, co już znasz. Każda lekcja dopasowuje się do ciebie.

Wprowadzenie do zmiennych
Audio

Zmienna to nazwany pojemnik przechowujący wartość, do której możesz później odwołać się w programie.

W Pythonie tworzysz ją, pisząc nazwę, znak równości, a potem wartość, którą chcesz zapisać.

Wartość może się zmieniać: ponowne przypisanie po prostu wskazuje nazwą nową wartość.

1xZofia

Zdobądź certyfikat

Zdobywaj certyfikaty za każdy ukończony kurs. Dodaj je do profilu na LinkedIn i CV, aby pokazać pracodawcom swoje umiejętności programistyczne.

CoddyCertyfikat ukończenia
Certyfikat dlaJan Kowalskiza pomyślne ukończenie kursu
python iconPodstawy Pythona
Zweryfikowano
Datasty 2026
LinkedInDodaj do LinkedIn

Dlaczego warto uczyć się full stack developmentu z Coddy

  • Jeden język po obu stronach. Ścieżka uczy JavaScriptu i TypeScriptu w przeglądarce, a potem używa tego samego języka na serwerze przez route handlery i server actions w Next.js, więc backend to nowe idee, a nie drugi język do nauki od zera.
  • Nic do instalowania. HTML i CSS renderują się na żywo obok twojego kodu, SQL działa na prawdziwych tabelach, a kroki z Linuksem, Gitem i Dockerem dają ci prawdziwy terminal w przeglądarce. Cały stos możesz przerobić na laptopie, na którym nigdy nie było żadnego narzędzia programistycznego.
  • Podpowiedzi AI, które czytają twój kod. Gdy komponent się nie renderuje, zapytanie zwraca nie te wiersze albo polecenie kończy się błędem, Bugsy analizuje twój kod i wskazuje kierunek poprawki, nie podając gotowej odpowiedzi.
  • Kolejność to podstawa. Większość kursów full stack pędzi do frameworka w drugim tygodniu. Ta ścieżka daje JavaScriptowi trzy działy, a przeglądarce czwarty, zanim pojawi się React, bo framework da się czytać dopiero wtedy, gdy zna się język pod spodem.

Najczęstsze pytania o to, jak zostać full stack developerem

Kim jest full stack developer?

To programista, który potrafi zbudować obie połowy aplikacji webowej: frontend działający w przeglądarce (HTML, CSS, JavaScript i framework taki jak React) oraz backend działający na serwerze (obsługa żądań, logika biznesowa i baza danych). W praktyce większość full stack developerów jest mocniejsza po jednej stronie, ale potrafi dostarczyć funkcję od tabeli w bazie danych po przycisk, który z niej korzysta, bez przekazywania jej komuś innemu.

Jak zostać web developerem?

Naucz się HTML, CSS i JavaScriptu na tyle dobrze, żeby zbudować stronę od pustego pliku, dodaj jeden framework (React), poznaj sposób, w jaki serwer odpowiada na żądania i jak przechowuje się dane (w tej ścieżce Next.js i SQL), naucz się Gita i buduj projekty, które możesz opublikować w sieci i wyjaśnić. Pracodawcy zatrudniają na podstawie tego, co możesz im pokazać, więc projekty liczą się bardziej niż jakikolwiek certyfikat. Ta ścieżka to właśnie ta sekwencja, w tej kolejności, i jest darmowa.

Czego uczyć się najpierw: frontendu czy backendu?

Najpierw frontend. Wynik każdej linijki widzisz na ekranie, więc błędy są oczywiste, a motywacja nie spada. Backend dużo łatwiej zrozumieć, gdy strona, która go wywołuje, jest już gotowa. Dlatego ta ścieżka spędza pierwsze cztery kroki w przeglądarce i dopiero potem przechodzi do serwera i bazy danych.

Dlaczego ta ścieżka używa na serwerze JavaScriptu zamiast Pythona?

Bo JavaScript to jedyny język, który działa w przeglądarce, więc używanie go także na serwerze oznacza jeden język dla całego stosu. Next.js, zbudowany na Reakcie, pozwala temu samemu kodowi renderować strony na serwerze, odpowiadać na żądania API i obsługiwać wysyłanie formularzy. Jeśli wolisz pisać backend w Pythonie, ścieżka Backend developer w Coddy uczy drogi przez Pythona.

Czy potrzebuję bootcampu, żeby zostać full stack developerem?

Nie. Bootcamp daje harmonogram, grupę i doradztwo zawodowe, i każe sobie za to płacić. Same umiejętności to te same, których uczy ta ścieżka, a darmowe materiały dobrze je obejmują. Bootcamp nie skróci jednak praktyki: setek małych ćwiczeń i kilku prawdziwych projektów. Jeśli potrafisz utrzymać stałą godzinę dziennie bez nauczyciela, który cię sprawdza, darmowa ścieżka zaprowadzi cię w to samo miejsce.

Ile trwa droga do zostania full stack developerem?

Około dziewięciu do dwunastu miesięcy przy godzinie dziennie, żeby dojść do poziomu juniora. W tej ścieżce HTML i CSS zajmują razem od sześciu do ośmiu tygodni, JavaScript i przeglądarka od dwóch do trzech miesięcy, TypeScript i React około sześciu tygodni, Next.js miesiąc, SQL od trzech do czterech tygodni, a Linux, Git i Docker kolejny miesiąc. Budowanie własnego projektu równolegle z późniejszymi krokami zamienia ten czas w portfolio.

Czy ta ścieżka obejmuje Node.js, Express, uwierzytelnianie albo wdrażanie?

Jeszcze nie jako osobne kursy i wolimy to powiedzieć, niż sztucznie rozdmuchiwać stronę. Kod serwerowy w tej ścieżce pisze się za pomocą route handlerów i server actions w Next.js, które działają na Node.js, ale nie ma kursu Expressa, kursu o łączeniu aplikacji z produkcyjną bazą danych przez ORM ani kursu o uwierzytelnianiu czy wdrażaniu na platformę hostingową. Są w planach programu i dołączą do tej ścieżki jako nowe kroki, gdy się pojawią.

Czy ten kurs full stack jest darmowy i czy dostanę certyfikat?

Tak. Każdy kurs w ścieżce jest darmowy, łącznie z lekcjami, edytorami i terminalem w przeglądarce, podpowiedziami AI i certyfikatami. Każdy dział kursu kończy się darmowym certyfikatem, do zweryfikowania pod własnym adresem URL, który możesz dodać do LinkedIn albo CV.

Inne ścieżki nauki

Te same kursy, ułożone pod inną rolę. Postępy się przenoszą: kurs ukończony na jednej ścieżce liczy się na każdej ścieżce, która go zawiera.

Wszystkie ścieżki nauki
Ilustracja języków programowania w Coddy

Zacznij ścieżkę Full stack developer za darmo

Zacznij naukę