Menu
CoddyTech
Ścieżka nauki

Roadmapa MERN stack developera

Darmowe kursy w kolejności, w jakiej potrzebuje ich MERN stack developer: HTML, CSS i JavaScript dla strony, React dla interfejsu, potem Node.js i Express dla serwera, MongoDB dla danych i logowanie, które je chroni. Jeden język, JavaScript, od pierwszego tagu do ostatniej trasy API, a każda lekcja działa w przeglądarce.

711,880+ osób zapisanych na te kursy

718 lekcje808 wyzwania3,295 pytania quizowe

Roadmapa MERN stack krok po kroku

5 kursy16 sekcje718 lekcje808 wyzwania3,295 pytania quizowe

Każdy krok to dział istniejącego kursu 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
    Zacznij ten krokZacznijElementy, linki, formularze i semantyczny HTML, potem selektory, model pudełkowy, flexbox, grid i układy responsywne. React będzie później pisał HTML za ciebie, więc to jest język, którym mówi.ZacznijOsobna strona
  2. 2
  3. 3
  4. 4
    Zacznij ten krokZacznijKomponenty, JSX, propsy, stan, zdarzenia, listy i kontrolowane formularze, a na koniec mała karta społecznościowa budowana krok po kroku. React to interfejs, który będzie obsługiwać twoje API.ZacznijOsobna strona
  5. 5
    Zacznij ten krokZacznijJavaScript poza przeglądarką: argumenty wiersza poleceń, moduły, odczyt i zapis plików, callbacki, promisy, async i await, pętla zdarzeń i zdarzenia. Budujesz narzędzie do notatek w wierszu poleceń.ZacznijOsobna strona
  6. 6
  7. 7
    Zacznij ten krokZacznijDokumenty i kolekcje z poziomu API w Expressie: wstawianie, ObjectId, filtry, operatory aktualizacji, unikalne indeksy, agregacja i $lookup. Potem to, kto może widzieć dane: haszowane hasła, sesje, JWT, właściciele i role administratora, nagłówki bezpieczeństwa i limity żądań.Zacznij
  8. 8
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

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ę MERN stack z Coddy

  • Każda warstwa działa obok twojego kodu. Komponenty React renderują się, gdy piszesz, serwer Express odpowiada na pasek żądań, w którym wybierasz metodę, nagłówki i treść JSON, a zapytania MongoDB działają na bazie danych, którą otworzysz w zakładce Data. Nic do instalowania, więc wystarczy szkolny laptop.
  • Jeden język dla całego stosu. Pierwsze kroki ścieżki to JavaScript i przeglądarka, więc gdy pojawia się Node.js, serwer to nowe idee, a nie nowy język: te same funkcje, obiekty i kod asynchroniczny, tylko teraz odpowiadają na żądania.
  • Projekt w każdym dziale backendu: narzędzie do notatek w wierszu poleceń, strona z przepisami, API do śledzenia zadań, API ocen książek na MongoDB i aplikacja do notatek z kontami. Każdy budujesz lekcja po lekcji, a oceniają go testy, które wysyłają prawdziwe żądania do twojego serwera.
  • Podpowiedzi, które czytają twój kod. Gdy trasa zwraca 404, zapytanie nic nie zwraca albo logowanie wpuszcza niewłaściwego użytkownika, Bugsy, tutor AI, patrzy na twój kod i wskazuje linijkę, nie pisząc poprawki za ciebie.

Najczęstsze pytania o MERN stack

Czym jest MERN stack?

To sposób na zbudowanie całej aplikacji internetowej w JavaScripcie za pomocą czterech narzędzi: MongoDB przechowuje dane jako dokumenty, Express zamienia program w Node.js w serwer WWW i API, React buduje interfejs działający w przeglądarce, a Node.js uruchamia JavaScript na serwerze. Kod React w przeglądarce wywołuje API w Expressie, które czyta i zapisuje dane w MongoDB.

Jak rozwija się skrót MERN?

MERN to MongoDB, Express, React i Node.js. Kolejność to kolejność liter w słowie, a nie kolejność nauki: w tej ścieżce zaczynasz od strony (HTML, CSS, JavaScript i React), a potem przechodzisz do serwera (Node.js i Express) i bazy danych (MongoDB).

Czym zajmuje się MERN stack developer?

Buduje funkcje od bazy danych po ekran: projektuje dokumenty MongoDB, pisze trasy w Expressie, które je tworzą, odczytują, aktualizują i usuwają, chroni te trasy logowaniem i buduje strony w React, które je wywołują. Wszystkie cztery narzędzia to JavaScript, więc jeden developer może przeprowadzić funkcję przez każdą warstwę.

Czy warto jeszcze uczyć się MERN stack?

Tak. React i Node.js to dwa z najczęściej używanych narzędzi w tworzeniu aplikacji internetowych, a Express i MongoDB to ich najczęstsi partnerzy, więc umiejętności przydają się nawet w zespołach, które używają innej bazy danych lub frameworka. Nauka jednego stosu od początku do końca uczy też, jak składa się każda aplikacja internetowa, a właśnie to sprawdzają rozmowy rekrutacyjne.

MERN stack czy MEAN stack: czego się uczyć?

MERN, dla większości osób, które zaczynają teraz.Oba stosy dzielą MongoDB, Express i Node.js, a różnią się tylko frontendem: React w MERN, Angular w MEAN. React jest szerzej używany i łatwiej od niego zacząć, a przejście później na Angulara oznacza naukę jednego nowego frameworka, a nie nowego stosu.

Ile trwa nauka MERN stack?

Około ośmiu do dziesięciu miesięcy przy godzinie dziennie, aby ukończyć tę ścieżkę. HTML i CSS zajmują około sześciu tygodni, JavaScript i przeglądarka dwa do trzech miesięcy, React około miesiąca, a pięć działów Node.js (Node.js, Express, REST API, MongoDB, logowanie) kolejne trzy miesiące. Jeśli znasz już JavaScript, zacznij od kroku z Reactem, a zajmie to około czterech miesięcy.

Czy mogę nauczyć się MERN stack bez instalowania czegokolwiek?

Tak, w tej ścieżce. Każda lekcja działa w przeglądarce: React renderuje się obok edytora, twoje programy w Node.js działają w terminalu, serwery odpowiadają na pasek żądań, a dział o MongoDB używa bazy danych w pamięci, która rozumie API sterownika MongoDB. Gdy później zbudujesz własną aplikację, zainstalujesz Node.js i MongoDB na swoim komputerze, a kod przeniesiesz bez zmian.

Czy dostanę certyfikat za ścieżkę MERN stack developer?

Tak. Ukończ każdy krok, a dostaniesz jeden darmowy certyfikat za całą ścieżkę MERN stack developer. Wymienia on każdy kurs ukończony po drodze oraz linkuje do certyfikatu każdego kursu, więc każdy może sprawdzić każdą wymienioną umiejętność. Możesz dodać go do profilu na LinkedInie. To certyfikat ukończenia od Coddy, a nie akredytowana kwalifikacja.

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ę MERN stack developer za darmo

Zacznij naukę