Ponad 650 osób dołaczyło do

zrozumieć React

- kursu od autorów kanału Jak zacząć programować?
Najlepszy i najbardziej innowacyjny kurs React w Polsce.
⭐️⭐️⭐️⭐️⭐️ ⭐️⭐️⭐️⭐️⭐️
Średnia ocena 4.87/5
Szkolenie będzie dostępne w sprzedaży ponownie na jesień 2024. Już teraz zapisz się na listę oczekujących i odbierz pierwszy moduł kursu za darmo!

Dlaczego warto nauczyć się React'a?

  1. Niezbędny

    Niezbędny 🌟

    Według State of JS, React to najbardziej popularne narzędzie front-endowe.
    Starasz się o pracę albo awans? Jeśli nie chcesz zostać w tyle stawki, to daj React’owi szansę!

  2. Uniwersalny

    Uniwersalny 🔧

    Jest to idealna biblioteka do tworzenia aplikacji, stron internetowych oraz aplikacji mobilnych. Łatwo integruje się z backendem, stosuje znane wzorce projektowe oraz świetnie skaluje się wraz ze wzrostem projektu.

  3. Wygodny

    Wygodny 😮‍💨

    Jeśli czysty JavaScript albo skomplikowane frameworki przyprawiają Cię o ból głowy to React będzie dla Ciebie prawdziwym wytchnieniem! Jego architektura i funkcje pozwalają na rozwiązywanie frontendowych zagwozdek w łatwy i przyjemny sposób.

  4. Popularny

    Popularny 📈

    Społeczność Reacta jest ogromna. Powstało też mnóstwo dodatków do Reacta, które ułatwiają codzienną pracę. Co więcej, społeczność ciągle rośnie i nic nie zapowiada, że ten trend się odwróci!

  5. Wydajny

    Wydajny 🚀

    React został stworzony z myślą o tworzeniu piekielnie szybkich i wydajnych aplikacji internetowych. Korzystają z niego wielkie firmy takie jak Facebook, Netflix czy Uber, ale sprawdza się świetnie również w mniejszych projektach.

  1. Niezbędny 🌟

    Według State of JS, React to najbardziej popularne narzędzie front-endowe.
    Starasz się o pracę albo awans? Jeśli nie chcesz zostać w tyle stawki, to daj React’owi szansę!

  2. Uniwersalny 🔧

    Jest to idealna biblioteka do tworzenia aplikacji, stron internetowych oraz aplikacji mobilnych. Łatwo integruje się z backendem, stosuje znane wzorce projektowe oraz świetnie skaluje się wraz ze wzrostem projektu.

  3. Wygodny 😮‍💨

    Jeśli czysty JavaScript albo skomplikowane frameworki przyprawiają Cię o ból głowy to React będzie dla Ciebie prawdziwym wytchnieniem! Jego architektura i funkcje pozwalają na rozwiązywanie frontendowych zagwozdek w łatwy i przyjemny sposób.

  4. Popularny 📈

    Społeczność Reacta jest ogromna. Powstało też mnóstwo dodatków do Reacta, które ułatwiają codzienną pracę. Co więcej, społeczność ciągle rośnie i nic nie zapowiada, że ten trend się odwróci!

  5. Wydajny 🚀

    React został stworzony z myślą o tworzeniu piekielnie szybkich i wydajnych aplikacji internetowych. Korzystają z niego wielkie firmy takie jak Facebook, Netflix czy Uber, ale sprawdza się świetnie również w mniejszych projektach.

Kolejna edycja już na jesień 2024!

Ponad 650 osób dołączyłyo do kursu Zrozumieć React 🎉

Szkolenie będzie ponownie dostępne w sprzedaży na jesień 2024. Już teraz zapisz się do naszej listy mailingowej, aby nie przegapić otwarcia okienka sprzedażowego!

Kim są autorzy kursu?

Autorami kursu są założyciele kanału
Jak zacząć programować? - Filip Mamcarczyk i Kacper Sokołowski.

Od ponad 3 lat dzielą się na kanale wiedzą i doświadczeniem zdobytymi podczas wieloletniej pracy jako programiści. Ich materiały takie jak kursy HTML i CSS czy Typescript zgromadziły w sumie ponad 2 miliony wyświetleń.

Filip jest frontendowcem od 2015 roku. Pracował w firmach różnej wielkości i wykorzystywał przy tym cały wachlarz technologii - od czystego JS, przez Angular po React.

Miał okazję dzielić się swoją wiedzą poza YouTube, m. in. na konferencjach takich jak Front Trends czy NgPoland jako prelegent oraz na warsztatach GirlsJS i NgGirls jako mentor.

Kacper programowaniem zajmuje się od 2010 roku. Ma ogromne doświadczenie programistyczne - JS, frameworki frontendowe, a nawet backend to dla niego chleb powszedni.

Współtworzył krakowską społeczność Meet.js, występował jako speaker na konferencjach takich jak JSConf,JS Poland czy FrontEnd Connect.

Obecnie pracuje jako Tech Leader zespołu tworzącego strony przy użyciu Next.js.

Adam Romański @Hello Roman

"Obserwuję Kacpra i Filipa od kiedy zaczęli działać na YouTube. Mają ogromny dar przekazywania nawet najbardziej zaawansowanej wiedzy w przystępny sposób. Ich praktyczne podejście do programowania sprawia, że ten kurs będzie świetnym materiałem przygotowującym do efektywnej pracy w React."

Opinie uczestników

  • Łukasz

    "Rzadko zdarza mi się opiniować swój zakup ale tym razem postanowiłem zrobić wyjątek. [...] Materiały są aktualne, a same szkolenia są wg mnie bardzo dobrze przygotowane. [...] Póki co jestem na końcu modułu z Fundamentami Reacta i jedyne co mogę powiedzieć, to, że kurs jest fenomenalny. Naprawdę polecam zapoznanie się z kursem, to wg mnie naprawdę bardzo solidny, usystematyzowany produkt z olbrzymią ilością włożonej pracy zarówno od strony technicznej jak i być może przede wszystkim pod kątem samego przekazu wiedzy. Pozdrawiam i polecam."

  • Krzysztof

    "Bardzo dobry kurs, wytłumaczone działanie Reacta spokojnie, jasno a oprócz tego opisy w tle filmów i dużo ciekawych zadań na platformie, dzięki którym łatwiej opanować tą technologię."

  • Mariusz

    "Kurs jest jednym z najlepszych kursów jakie robiłem. Z Reacta zdecydowanie najlepszy."

  • Arek

    "Polecam ten kurs. Podoba mi się sposób prowadzenia. Inne kursy jakie robiłem do tej pory nie wzbudzały mojego zainteresowania kolejnymi lekcjami. Autorska platforma jest bardzo fajnie zrobiona i przejrzysta, aż miło się na niej uczyć. Zadania też są jak na razie ciekawe."

  • Mateusz

    "Uważam, że kurs świetnie nadaje się dla osób zaczynających przygodę z React’em, sam należę do takich osób. Wszystko w kursie jest dokładnie i przejrzyście wyjaśnione, dzięki czemu wszystko jest dla mnie zrozumiałe."

  • Wojtek

    "Poszukiwałem kursu Reacta przez dłuższy czas, wszystko na co trafiałem było bardzo obszerne i w pewnym momencie zaczynało zasypywać wieloma różnymi aspektami. Pomimo tego, że były to dobre kursy, to brakowało im tego zwyczajnego wyjaśnienia podstaw, przez co człowiek gubił się od początku. Panowie zrobili świetną robotę. Po 4 pierwszych modułach potrafiłem już samodzielnie napisać prostą apkę - to chyba mówi samo za siebie. Najlepszy kurs na jaki trafiłem! 🤗Polecam z czystym serduchem ❤️ "

  • Łukasz

    "Dawno gra, książka czy serial, które uwielbiam, mnie aż tak nie pochłonęły! Znacie to uczucie podczas oglądania dobrego serialu, gdy kończy się odcinek i pojawia się w głowie głos "dawaj jeszcze jeden i koniec"? Podobnie słyszę przy tym kursie: "dawaj jeszcze jedną lekcję i koniec", po czym tych "jeszcze jednych" lekcji jest minimum dwie. Polecam, bo oprócz skutecznej nauki, jest to również bardzo dobra rozrywka na zimowe wieczory :D"

  • Adam

    "Mogę szczerze polecić kurs każdemu, kto już dobrze opanował JavaScript i chciałby rozpocząć naukę React i Next. "Zrozumieć React" jest świetnie przygotowany, mam porównanie z innymi popularnymi kursami, nie tylko polskimi. Wszystko super wytłumaczone, bez pośpiechu i skakania po tematach, więc nie trzeba co chwilę przewijać, bo coś się zgubiło. Filip i Kacper pilnują, żeby wszystko działało jak należy i szybko odpowiadają na discordzie."

  • Łukasz

    "Rzadko zdarza mi się opiniować swój zakup ale tym razem postanowiłem zrobić wyjątek. [...] Materiały są aktualne, a same szkolenia są wg mnie bardzo dobrze przygotowane. [...] Póki co jestem na końcu modułu z Fundamentami Reacta i jedyne co mogę powiedzieć, to, że kurs jest fenomenalny. Naprawdę polecam zapoznanie się z kursem, to wg mnie naprawdę bardzo solidny, usystematyzowany produkt z olbrzymią ilością włożonej pracy zarówno od strony technicznej jak i być może przede wszystkim pod kątem samego przekazu wiedzy. Pozdrawiam i polecam."

  • Łukasz

    "Dawno gra, książka czy serial, które uwielbiam, mnie aż tak nie pochłonęły! Znacie to uczucie podczas oglądania dobrego serialu, gdy kończy się odcinek i pojawia się w głowie głos "dawaj jeszcze jeden i koniec"? Podobnie słyszę przy tym kursie: "dawaj jeszcze jedną lekcję i koniec", po czym tych "jeszcze jednych" lekcji jest minimum dwie. Polecam, bo oprócz skutecznej nauki, jest to również bardzo dobra rozrywka na zimowe wieczory :D"

  • Wojtek

    "Poszukiwałem kursu Reacta przez dłuższy czas, wszystko na co trafiałem było bardzo obszerne i w pewnym momencie zaczynało zasypywać wieloma różnymi aspektami. Pomimo tego, że były to dobre kursy, to brakowało im tego zwyczajnego wyjaśnienia podstaw, przez co człowiek gubił się od początku. Panowie zrobili świetną robotę. Po 4 pierwszych modułach potrafiłem już samodzielnie napisać prostą apkę - to chyba mówi samo za siebie. Najlepszy kurs na jaki trafiłem! 🤗Polecam z czystym serduchem ❤️ "

  • Adam

    "Mogę szczerze polecić kurs każdemu, kto już dobrze opanował JavaScript i chciałby rozpocząć naukę React i Next. "Zrozumieć React" jest świetnie przygotowany, mam porównanie z innymi popularnymi kursami, nie tylko polskimi. Wszystko super wytłumaczone, bez pośpiechu i skakania po tematach, więc nie trzeba co chwilę przewijać, bo coś się zgubiło. Filip i Kacper pilnują, żeby wszystko działało jak należy i szybko odpowiadają na discordzie."

  • Mateusz

    "Uważam, że kurs świetnie nadaje się dla osób zaczynających przygodę z React’em, sam należę do takich osób. Wszystko w kursie jest dokładnie i przejrzyście wyjaśnione, dzięki czemu wszystko jest dla mnie zrozumiałe."

  • Arek

    "Polecam ten kurs. Podoba mi się sposób prowadzenia. Inne kursy jakie robiłem do tej pory nie wzbudzały mojego zainteresowania kolejnymi lekcjami. Autorska platforma jest bardzo fajnie zrobiona i przejrzysta, aż miło się na niej uczyć. Zadania też są jak na razie ciekawe."

  • Mariusz

    "Kurs jest jednym z najlepszych kursów jakie robiłem. Z Reacta zdecydowanie najlepszy."

  • Krzysztof

    "Bardzo dobry kurs, wytłumaczone działanie Reacta spokojnie, jasno a oprócz tego opisy w tle filmów i dużo ciekawych zadań na platformie, dzięki którym łatwiej opanować tą technologię."

Co znajdziesz w kursie?

  1. 📖 Lekcje video

    Ponad 30 godzin zwięzłych i praktycznych wykładów w formie video. Przystępne wyjaśnienie mechanizmów React'a. Idealny balans pomiędzy teorią a praktyką! Dokładny spis lekcji jest opisany poniżej, w sekcji "Agenda".

  2. 🛠️ Zadania

    Ponad 100 interaktywnych wyzwań, które utrwalą Twoją wiedzę. Od razu zastosujesz poznaną teorię w praktyce.

  3. 💡 Praktyczny projekt

    Kompleksowy projekt, w którym krok po kroku wykorzystasz zdobytą wiedzę do zbudowania rozbudowanej reactowej aplikacji. Czeka na Ciebie ponad 6 godzin materiału video z tworzenia sklepu e-commerce!

  4. 💬 Dedykowany Discord

    Prywatna społeczność do kontaktu z autorami i innymi osobami biorącymi udział w kursie. Nigdy nie przegapisz ważnych informacji!

  5. 👀 Live Code Review

    Raz na miesiąc, na dedykowanym Discordzie prowadzimy zamknięte sesje Code Review dla społeczności kursu. W pierwszej edycji kursu swoje projekty zgłosiło ponad 35 osób!

  1. 1/5
    Lekcje video

    Ponad 30 godzin zwięzłych i praktycznych wykładów w formie video. Przystępne wyjaśnienie mechanizmów React'a. Idealny balans pomiędzy teorią a praktyką! Dokładny spis lekcji jest opisany poniżej, w sekcji "Agenda".

  2. 2/5
    Zadania

    Ponad 100 interaktywnych wyzwań, które utrwalą Twoją wiedzę. Od razu zastosujesz poznaną teorię w praktyce.

  3. 3/5
    Praktyczny projekt

    Kompleksowy projekt, w którym krok po kroku wykorzystasz zdobytą wiedzę do zbudowania rozbudowanej reactowej aplikacji. Czeka na Ciebie ponad 6 godzin materiału video z tworzenia sklepu e-commerce!

  4. 4/5
    Dedykowany Discord

    Prywatna społeczność do kontaktu z autorami i innymi osobami biorącymi udział w kursie. Nigdy nie przegapisz ważnych informacji!

  5. 5/5
    Live Code Review

    Raz na miesiąc, na dedykowanym Discordzie prowadzimy zamknięte sesje Code Review dla społeczności kursu. W pierwszej edycji kursu swoje projekty zgłosiło ponad 35 osób!

Aktualna wiedza

W "Zrozumieć React" poznasz aktualne funkcje React'a. Zapomnij o komponentach klasowych czy Create React App... W odróżnieniu od większości kursów dostępnych w internecie, skupiamy się na nauczeniu Cię najnowszych narzędzi i najlepszych rozwiązań takich jak:

Zastanawiasz się co jeszcze znajdziesz w kursie? Sprawdź agendę poniżej!

Lekcje demo

Przygotowaliśmy kilka lekcji demo - sprawdź jak wygląda kurs i przy okazji poszerz swoją frontendową wiedzę!

Agenda

Kurs składa się z 11 modułów, a każdy z modułów składa się z kilku do kilkunastu lekcji.

Łącznie lekcje zawierają ponad 30 godzin materiału video i ponad 100 zadań.


lub kliknij w moduł, żeby zobaczyć jego szczegóły.

  1. 1/11
    Fundamenty

    Poznasz fundamenty pracy z React'em, które pozwolą Ci na tworzenie prostych, statycznych aplikacji.

    Na początek pokażemy Ci w praktyczny sposób, czym jest React i JSX oraz przedstawimy najnowsze narzędzia, które pozwolą rozpocząć z nimi pracę. Żadnego wkuwania definicji!

  2. 2/11
    Renderowanie i stan

    Gdybyśmy mogli przekazać Ci tylko jeden moduł wybralibyśmy ten.

    Dokładnie wytłumaczymy Ci najważniejsze mechanizmy React'a - renderowanie, stan i useState. Z doświadczenia wiemy, że porządne opanowanie tych tematów pozwala uniknąć większości problemów podczas pracy z React'em.

    Bez obaw - wyjaśnimy Ci te zagadnienia w prosty i przyjemny sposób.

  3. 3/11
    Stylowanie

    Podczas pierwszych kroków w React bardzo trudno połapać się we wszystkich dostępnych metodach stylowania - w tym module poznasz 4 najważniejsze i najpopularniejsze metody stylowania aplikacji w React.

    Dowiesz się, która z metod będzie najbardziej pasowała do Twoich potrzeb.

  4. 4/11
    Mini-projekt

    Pokażemy Ci jak wykorzystać zebraną wiedzę w praktyczny sposób - stworzymy prosty projekt, w którym wykorzystamy dotychczasowo omówione tematy.

    Nauczymy Cię też jak opublikować aplikację napisaną w Reakcie w internecie (Netlify). Ponadto, podsuniemy Ci parę pomysłów na projekty, dzięki którym możesz samodzielnie poćwiczyć React.

  5. 5/11
    Praca z API i hooki

    Praca z hookami nie jest prostym zagadnieniem, dlatego wytłumaczymy Ci je krok po kroku. Poznasz też podstawy reactowej komunikacji z backendem i REST API.

    Skupimy się również na zaprezentowaniu najlepszych praktyk w pracy z React'em i... paradoksalnie postaramy się zniechęcić Cię do używania niektórych hooków!

  6. 6/11
    Stan, ale trudniejszy

    Po ukończeniu tego modułu będziesz znać zaawansowane techniki zarządzania stanem w React. Dowiesz się jak przekazywać dane między komponentami, używać useContext i useReducer, oraz jak tworzyć własne custom hooki do ułatwienia pracy z danymi i logiką aplikacji.

    Opanowanie wiedzy z tego modułu pozwoli Ci budować bardziej zaawansowane aplikacje w Reakcie i nauczy optymalnego zarządzania stanem.

  7. 7/11
    React Router

    Routing to fundament rozbudowanych aplikacji internetowych. Wyjaśnimy Ci jak go stosować do budowania bardziej kompleksowych aplikacji z wieloma widokami i dynamicznymi ścieżkami.

    Przedstawimy Ci też najnowsze funkcje React Routera takie jak loadery.

  8. 8/11
    Projekt praktyczny

    Ten moduł to prawdziwe wyzwanie praktyczne, gdzie zastosujesz wszystkie zdobyte umiejętności w praktyce.

    Zbudujesz warstwę frontendową kompletnej aplikacji internetowej (sklep e-commerce) od podstaw, od projektu w Figmie po pełne jej wdrożenie.

    Zdobędziesz doświadczenie w pracy nad rzeczywistym projektem, gdzie będziesz musiał/musiała zastosować różnorodne mechanizmy React'a, a także integrować aplikację z zewnętrznymi danymi i API.

  9. 9/11
    Wstęp do Next.js

    Next.js przejął świat React’a szturmem. Pokażemy Ci czym jest i jak go używać. Upewnimy się też, że zdobędziesz wiedzę potrzebną do komercyjnego tworzenia aplikacji reactowych.

    Po ukończeniu tego modułu będziesz znać podstawy Next.js, umieć pracować z komponentami serwerowymi i klienckimi, integrować aplikacje z zewnętrznym back-endem oraz wdrażać aplikacje na platformie Vercel.

  10. 10/11
    Narzędzia profesjonalisty

    Ten moduł pokaże Ci narzędzia bez których trudno wyobrazić sobie codzienną pracę z React'em.

    Pokażemy Ci jak wykorzystać je w prawdziwej pracy - dzięki nim bardzo wzbogacisz swoje CV!

  11. 11/11
    Testowanie

    W tym module zapoznasz się z technikami testowania aplikacji internetowych. Poznasz testy manualne, testy end-to-end, testy jednostkowe oraz testy integracyjne.

    Nauczysz się co i jak powinno się testować oraz dowiesz się jak tworzyć wysokiej jakości testowalny kod. Wiedza z tego modułu znacząco wykracza poza React. Zaaplikujesz ją również do projektów tworzonych w innych frameworkach.

  1. 1. Fundamenty

    Lekcje
    1. Czym jest React?
    2. Hello React!
    3. Jak postawić projekt w React?
    4. JSX
    5. JSX - możliwości i ograniczenia
    6. Komponenty
    7. Props
    8. Children
    9. Conditional Rendering
    10. Dodawanie zdjęć
    2 godz 15 min
    Czego się nauczysz?

    Poznasz fundamenty pracy z React'em, które pozwolą Ci na tworzenie prostych, statycznych aplikacji.

    Na początek pokażemy Ci w praktyczny sposób, czym jest React i JSX oraz przedstawimy najnowsze narzędzia, które pozwolą rozpocząć z nimi pracę. Żadnego wkuwania definicji!

    Jakie technologie i zagadnienia poznasz?
    1. Setup aplikacji
    2. Vite
    3. JSX
    4. Komponenty funkcyjne
    5. React props
  2. 2. Renderowanie i stan

    Lekcje
    1. Renderowanie
    2. Obsługa eventów
    3. Stan i useState
    4. Aktualizowanie stanu
    5. Grupowanie logiki
    6. Formularze
    7. Reconciliation
    8. Listy i tablice
    9. Podnoszenie stanu
    10. Niszczenie stanu
    3 godz 30 min
    Czego się nauczysz?

    Gdybyśmy mogli przekazać Ci tylko jeden moduł wybralibyśmy ten.

    Dokładnie wytłumaczymy Ci najważniejsze mechanizmy React'a - renderowanie, stan i useState. Z doświadczenia wiemy, że porządne opanowanie tych tematów pozwala uniknąć większości problemów podczas pracy z React'em.

    Bez obaw - wyjaśnimy Ci te zagadnienia w prosty i przyjemny sposób.

    Jakie technologie i zagadnienia poznasz?
    1. Event handling
    2. useState
    3. Stan komponentu
    4. Reconciliation
    5. Formularze
    6. Listy i tablice
    7. State lifting
    8. Komunikacja komponentów
  3. 3. Stylowanie

    Lekcje
    1. Klasyczny CSS
    2. Import CSS
    3. Preprocesory
    4. CSS w JS
    5. Tailwind CSS
    2 godz
    Czego się nauczysz?

    Podczas pierwszych kroków w React bardzo trudno połapać się we wszystkich dostępnych metodach stylowania - w tym module poznasz 4 najważniejsze i najpopularniejsze metody stylowania aplikacji w React.

    Dowiesz się, która z metod będzie najbardziej pasowała do Twoich potrzeb.

    Jakie technologie i zagadnienia poznasz?
    1. Stylowanie w React
    2. Import CSS
    3. CSS Modules
    4. styled-components
    5. Tailwind CSS
  4. 4. Mini-projekt

    Lekcje
    1. Aplikacja TODO
    2. Deploy na Netlify
    3. Pomysły na projekty
    1 godz
    Czego się nauczysz?

    Pokażemy Ci jak wykorzystać zebraną wiedzę w praktyczny sposób - stworzymy prosty projekt, w którym wykorzystamy dotychczasowo omówione tematy.

    Nauczymy Cię też jak opublikować aplikację napisaną w Reakcie w internecie (Netlify). Ponadto, podsuniemy Ci parę pomysłów na projekty, dzięki którym możesz samodzielnie poćwiczyć React.

    Jakie technologie i zagadnienia poznasz?
    1. Struktura plików w aplikacji React
    2. Bundlowanie aplikacji React
    3. Deploy na Netlify
  5. 5. Praca z API i hooki

    Lekcje
    1. Setup projektu
    2. useEffect i pobieranie danych
    3. Praca z API
    4. Tablica dependencji
    5. Czyszczenie efektów i strictMode
    6. useMemo
    7. useCallback
    8. memo
    9. useRef
    10. Czy na pewno potrzebujesz hooków?
    3 godz 20 min
    Czego się nauczysz?

    Praca z hookami nie jest prostym zagadnieniem, dlatego wytłumaczymy Ci je krok po kroku. Poznasz też podstawy reactowej komunikacji z backendem i REST API.

    Skupimy się również na zaprezentowaniu najlepszych praktyk w pracy z React'em i... paradoksalnie postaramy się zniechęcić Cię do używania niektórych hooków!

    Jakie technologie i zagadnienia poznasz?
    1. React hooks
    2. useEffect
    3. useMemo
    4. useCallback
    5. memo
    6. useRef
    7. Integracja z back-endem
    8. Error handling
    9. Techniki optymalizacji
  6. 6. Stan, ale trudniejszy Nowość!

    Lekcje
    1. Props drilling
    2. useContext + useState
    3. useReducer
    4. Custom hooki
    5. Portal Nowość!
    2 godz
    Czego się nauczysz?

    Po ukończeniu tego modułu będziesz znać zaawansowane techniki zarządzania stanem w React. Dowiesz się jak przekazywać dane między komponentami, używać useContext i useReducer, oraz jak tworzyć własne custom hooki do ułatwienia pracy z danymi i logiką aplikacji.

    Opanowanie wiedzy z tego modułu pozwoli Ci budować bardziej zaawansowane aplikacje w Reakcie i nauczy optymalnego zarządzania stanem.

    Jakie technologie i zagadnienia poznasz?
    1. Prop spreading
    2. useContext
    3. useReducer
    4. Custom hooks
    5. Portal
  7. 7. React Router

    Lekcje
    1. Czym jest routing?
    2. Jak dodać React Router do projektu?
    3. Nasza pierwsza ścieżka!
    4. Ścieżki zagnieżdżone i <Outlet>
    5. <Link> i <NavLink>
    6. Integracja z back-endem - GET
    7. Integracja z back-endem - POST i PATCH
    8. Rewalidacja
    9. Integracja z back-endem - DELETE i redirect
    10. Obsługa błędów i wolnego back-endu
    2 godz 10 min
    Czego się nauczysz?

    Routing to fundament rozbudowanych aplikacji internetowych. Wyjaśnimy Ci jak go stosować do budowania bardziej kompleksowych aplikacji z wieloma widokami i dynamicznymi ścieżkami.

    Przedstawimy Ci też najnowsze funkcje React Routera takie jak loadery.

    Jakie technologie i zagadnienia poznasz?
    1. Routing
    2. React Router
    3. Integracja z back-endem
    4. Zaawansowana architektura aplikacji React
  8. 8. Projekt praktyczny

    Lekcje
    1. Cele modułu
    2. Projekt w Figmie
    3. Konfiguracja projektu
    4. Struktura projektu
    5. Style globalne
    6. Podział aplikacji na widoki
    7. Wyświetlanie koszyka i ulubionych
    8. Wyświetlanie strony głównej
    9. Wyświetlanie listy produktów
    10. Paginacja
    11. Breadcrumbs
    12. Wyświetlanie strony produktu
    13. Dodawanie do ulubionych
    14. Wyświetlanie i usuwanie z ulubionych
    15. Wybór waluty
    16. Dodawanie do koszyka
    17. Custom Hook
    6 godz
    Czego się nauczysz?

    Ten moduł to prawdziwe wyzwanie praktyczne, gdzie zastosujesz wszystkie zdobyte umiejętności w praktyce.

    Zbudujesz warstwę frontendową kompletnej aplikacji internetowej (sklep e-commerce) od podstaw, od projektu w Figmie po pełne jej wdrożenie.

    Zdobędziesz doświadczenie w pracy nad rzeczywistym projektem, gdzie będziesz musiał/musiała zastosować różnorodne mechanizmy React'a, a także integrować aplikację z zewnętrznymi danymi i API.

    Jakie technologie i zagadnienia poznasz?
    1. Figma
    2. Zaawansowana struktura projektu
    3. Paginacja
    4. Breadcrumbs
  9. 9. Wstęp do Next.js

    Lekcje
    1. Czym jest Next.js?
    2. Hello Next.js!
    3. Podstawy routingu
    4. Komponenty serwerowe
    5. Komponenty klienckie i hydracja
    6. <Image> i next/font
    7. Hosting na Vercel
    8. Mini projekt
    9. Wyświetlanie strony głównej
    10. Wybór waluty
    11. Integracja z back-endem
    12. Optymalizacja obrazków i next/font
    2 godz
    Czego się nauczysz?

    Next.js przejął świat React’a szturmem. Pokażemy Ci czym jest i jak go używać. Upewnimy się też, że zdobędziesz wiedzę potrzebną do komercyjnego tworzenia aplikacji reactowych.

    Po ukończeniu tego modułu będziesz znać podstawy Next.js, umieć pracować z komponentami serwerowymi i klienckimi, integrować aplikacje z zewnętrznym back-endem oraz wdrażać aplikacje na platformie Vercel.

    Jakie technologie i zagadnienia poznasz?
    1. Next.js
    2. Client components
    3. Server components
    4. Integracja z back-endem w Next.js
    5. Vercel
    6. Optymalizacja assetów
  10. 10. Narzędzia profesjonalisty Nowość!

    Lekcje
    1. React Developer Tools
    2. TypeScript
    3. TypeScript + Vite + React
    4. Storybook
    5. React Hook Form Nowość!
    6. TanStack (React) Query Nowość!
    3 godz 30 minut
    Czego się nauczysz?

    Ten moduł pokaże Ci narzędzia bez których trudno wyobrazić sobie codzienną pracę z React'em.

    Pokażemy Ci jak wykorzystać je w prawdziwej pracy - dzięki nim bardzo wzbogacisz swoje CV!

    Jakie technologie i zagadnienia poznasz?
    1. React Developer Tools
    2. Setup aplikacji w Typescript
    3. Popularne typy używane w React
    4. Storybook
    5. React Hook Form
    6. TanStack Query
  11. 11. Testowanie Nowość!

    Lekcje
    1. Wstęp
    2. Dlaczego testujemy oprogramowanie?
    3. Testy manualne
    4. Testy E2E
    5. Analiza testu E2E
    6. Implementacja testu E2E
    7. Plugin do Visual Studio Code
    8. Testy jednostkowe
    9. Wstęp do testów jednostkowych
    10. Jest
    3 godz 30 minut
    Czego się nauczysz?

    W tym module zapoznasz się z technikami testowania aplikacji internetowych. Poznasz testy manualne, testy end-to-end, testy jednostkowe oraz testy integracyjne.

    Nauczysz się co i jak powinno się testować oraz dowiesz się jak tworzyć wysokiej jakości testowalny kod. Wiedza z tego modułu znacząco wykracza poza React. Zaaplikujesz ją również do projektów tworzonych w innych frameworkach.

    Jakie technologie i zagadnienia poznasz?
    1. Jest
    2. Playwright
    3. React-testing-library
    4. Mockowanie
    5. Dependency Injection
    6. Testowalny kod
    7. Unit tests
    8. E2E tests
    9. Integration tests

Wsparcie autorów

Kupując kurs otrzymujesz dostęp do prywatnego serwera Discord. Jest to miejsce, w którym możesz zadać wszystkie nurtujące Cię pytania, poprosić o pomoc i pochwalić się swoimi projektami i osiągnięciami.


Chcemy, żeby serwer był publiczną przestrzenią dla osób biorących udział w kursie, dlatego wszystkie dyskusje i problemy omawiamy w otwartych wątkach, tak żebyśmy mogli wspólnie się uczyć i dzielić wiedzą. Dzięki temu możesz liczyć nie tylko na pomoc ze strony autorów, ale również ze strony innych osób biorących udział w kursie!


Do kursu dołączyło już ponad 650 osób - dlatego fizycznie nie bylibyśmy w stanie zrobić Code Review wszystkich Waszych projektów. Na Discordzie zorganizujemy sesje na żywo, w trakcie których przeprowadzimy Code Review wybranych projektów, tak żeby z przekazanej wiedzy mogło skorzystać jak najwięcej uczestników i uczestniczek 🙌

Co musisz już umieć?

Jeśli dopiero stawiasz swoje pierwsze kroki we frontendzie to ten kurs
NIE JEST DLA CIEBIE!

Upewnij się, że przedstawione zagadnienia nie są Ci obce:

  • HTML

    Umiesz budować strony internetowe. Tabelki, listy czy formularze nie stanowią dla Ciebie problemu.

  • CSS

    Rozumiesz różnicę między inline styles a zewnętrznym arkuszem stylu. Specificity nie jest Ci obce. Potrafisz wycentrować diva 🤭

  • JavaScript

    Wiesz czym są zmienne, stałe, funkcje, pętle, if’y, drzewo DOM, eventy, asynchroniczność i closure.

  • Dodatkowo

    Ogarniasz podstawy terminala, NPM'a. Rozumiesz różnicę pomiędzy frontendem i backendem. Wiesz do czego służy funkcja fetch.

Jeśli potrzebujesz powtórki z powyższych zagadnień Javascript, to przygotowaliśmy dla Ciebie materiały w których powtarzamy najważniejsze fundamenty. Sprawdź playlistę!

Dla kogo jest ten kurs?

Kurs "Zrozumieć React" jest świetnym wyborem, jeśli...

Czy to oznacza, że kurs powinna kupić każda osoba zainteresowana frotnendem?
Nie!
Kurs "Zrozumieć React" nie jest dla Ciebie, jeśli...

Opinie o naszych materiałach

  • Przemysław Web Developer

    "Materiały Filipa i Kacpra są wyjątkowe wśród materiałów do nauki programowania. Nie polegają na suchym pokazywaniu, jak coś zakodować, ale odpowiadają na tak ważne na początku drogi pytanie "dlaczego właśnie tak?". Takie podejście pomogło mi się odnaleźć w mnogości zagadnień programistycznych i dość szybko znaleźć swoją pierwszą pracę jako Junior Frontend Developer. Polecam wszystkim na początek i w późniejszej drodze do doskonalenia."

  • Arek Junior Frontend Developer

    "Chłopaki mają dla mnie naprawdę świetny sposób tłumaczenia zagadnień, co pozwala na skuteczne i systematyczne przyswajanie wiedzy. Z czystym sumieniem mogę polecić materiały chłopaków wszystkim, którzy chcą zdobyć nową wiedzę lub odświeżyć już posiadane umiejętności."

  • Karol Frontend Developer

    "Materiały od JZP wyróżnia życzliwość i staranność w przekazywaniu wiedzy, podstawy nie są tu pomijane, dzięki czemu ta najważniejsza wiedza przetrwa, na jej bazie potem będziemy poznawać bardziej zaawansowane koncepty."

  • Gabriel Uczeń

    "Wasze materiały i kursy wyróżnia to, że całą przekazywaną wiedzę pokazujecie w praktyce, na rzeczywistych projektach."

  • Paulina Frontend Developerka

    "Kanał JZP odkryłam przed zdobyciem swojej pierwszej pracy. Kursy techniczne, takie jak Podstawy HTML + CSS i Kurs JavaScript, pozwoliły mi usystematyzować wiedzę i podnieść poziom zrozumienia kodowania. Dzięki temu zmniejszyła się częstotliwość potrzeby korzystania z wyszukiwarki przy rozwiązywania problemów. Kurs Typescript jest pełen praktycznych przykładów, co ułatwiło mi naukę i umożliwiło przystąpienie do refaktoryzacji mojego projektu. Polecam materiały Filipa i Kacpra wszystkim, którzy chcą rozwinąć swoje umiejętności programistyczne."

  • Mateusz Junior Software Engineer

    "Zacząłem programować od podstawowego kursu HTML, prowadzonego przez chłopaków. Kilka miesięcy później znalazłem pierwszą pracę. Na kolejnych etapach nauki chętnie wracałem do kursów Jak Zacząć Programować. Filip i Kacper przekazują trudne rzeczy w prosty i zrozumiały sposób, a nauka z nimi jest wyjątkowo przyjemna."

  • Szymon Fullstack devloper

    "Dostałem od Was wiele cennych rad w stylu samych podstaw Java Scriptu oraz tych bardziej zaawansowanych kwestii. Spodobało mi się to, że naprawdę staracie się komuś przekazać tą wiedzę i naprowadzacie go, jeśli ma z czymś problem."

  • Przemysław Web Developer

    "Materiały Filipa i Kacpra są wyjątkowe wśród materiałów do nauki programowania. Nie polegają na suchym pokazywaniu, jak coś zakodować, ale odpowiadają na tak ważne na początku drogi pytanie "dlaczego właśnie tak?". Takie podejście pomogło mi się odnaleźć w mnogości zagadnień programistycznych i dość szybko znaleźć swoją pierwszą pracę jako Junior Frontend Developer. Polecam wszystkim na początek i w późniejszej drodze do doskonalenia."

  • Arek Junior Frontend Developer

    "Chłopaki mają dla mnie naprawdę świetny sposób tłumaczenia zagadnień, co pozwala na skuteczne i systematyczne przyswajanie wiedzy. Z czystym sumieniem mogę polecić materiały chłopaków wszystkim, którzy chcą zdobyć nową wiedzę lub odświeżyć już posiadane umiejętności."

  • Karol Frontend Developer

    "Materiały od JZP wyróżnia życzliwość i staranność w przekazywaniu wiedzy, podstawy nie są tu pomijane, dzięki czemu ta najważniejsza wiedza przetrwa, na jej bazie potem będziemy poznawać bardziej zaawansowane koncepty."

  • Paulina Frontend Developerka

    "Kanał JZP odkryłam przed zdobyciem swojej pierwszej pracy. Kursy techniczne, takie jak Podstawy HTML + CSS i Kurs JavaScript, pozwoliły mi usystematyzować wiedzę i podnieść poziom zrozumienia kodowania. Dzięki temu zmniejszyła się częstotliwość potrzeby korzystania z wyszukiwarki przy rozwiązywania problemów. Kurs Typescript jest pełen praktycznych przykładów, co ułatwiło mi naukę i umożliwiło przystąpienie do refaktoryzacji mojego projektu. Polecam materiały Filipa i Kacpra wszystkim, którzy chcą rozwinąć swoje umiejętności programistyczne."

  • Mateusz Junior Software Engineer

    "Zacząłem programować od podstawowego kursu HTML, prowadzonego przez chłopaków. Kilka miesięcy później znalazłem pierwszą pracę. Na kolejnych etapach nauki chętnie wracałem do kursów Jak Zacząć Programować. Filip i Kacper przekazują trudne rzeczy w prosty i zrozumiały sposób, a nauka z nimi jest wyjątkowo przyjemna."

  • Szymon Fullstack devloper

    "Dostałem od Was wiele cennych rad w stylu samych podstaw Java Scriptu oraz tych bardziej zaawansowanych kwestii. Spodobało mi się to, że naprawdę staracie się komuś przekazać tą wiedzę i naprowadzacie go, jeśli ma z czymś problem."

Dlaczego warto kupić ten kurs?

  • Najwyższa jakość 🥇

    Uczestnicy kursu twierdzą, że "Zrozumieć React" to "najlepszy polski kurs React'a" i że "to jest nieporównywalna jakość z innymi kursami dostępnymi na rynku". Średnia ocena kursu to aż 4.87/5 ⭐️!

  • 14 dni na zwrot 💰

    Rozumiemy, że zakup kursu to spory wydatek, dlatego dajemy Ci gwarancję satysfakcji - jeśli kurs Ci się nie spodoba, przez 14 dni od premiery kursu możesz go zwrócić. Bez żadnych konsekwencji. Po prostu przelejemy Ci pieniądze z powrotem!

  • Aktualne materiały 💎

    Dzięki "Zrozumieć React" nie zmarnujesz czasu na naukę umierających rozwiązań takich jak Create React App czy komponenty klasowe - skupimy się na nauce aktualnych mechanizmów, zalecanych narzędzi i najświeższych wersji React'a (18) i Next.js (14).

  • Przyszłe edycje ⭐

    Kupując dostęp do drugiej edycji automatycznie otrzymujesz dostęp do kolejnych edycji i wszystkich aktualizacji! Do 22 kwietnia możesz kupić dostęp do drugiej edycji kursu. Kolejne edycje będą pojawiać się w przyszłości, jednak ich cena będzie wyższa!

FAQ

Ogólne

  • Kiedy odbędzie się następna edycja kursu?

    Kolejna edycja wystartuje prawdopodobnie na jasień 2024 - zapisz się na listę oczekujących a my poinformujemy Cię o starcie sprzedaży!

  • Czy ten kurs zapewni mi pierwszą pracę?

    Nie istnieje kurs, który zapewni Ci pierwszą pracę. My oferujemy Ci narzędzia, które mogą pomóc Ci ją dostać, ale ostatecznie to od Ciebie zależy jak z nich skorzystasz.

  • Czym jest “dedykowana społeczność”?

    Kupując kurs otrzymasz również dostęp do zamkniętego serwera Discord, na którym poznasz autorów i inne osoby biorące udział w kursie. Będziesz to miejsce do dzielenia się wiedzą, zadawania pytań, proszenia o pomoc oraz poznania nowych ludzi i spędzenia przyjemnie czasu.

  • Jak długo mam dostęp do kursu?

    Kupując kurs otrzymujesz dożywotni dostęp zarówno do niego jak i do kolejnych edycji.

  • Przerobiłem/przerobiłam już inne kursy React'a - czy jest sens dołączać do kolejnego?

    Szczerze - tak. Sami przerobiliśmy już wiele kursów React’a i wiemy, że często brakuje w nich głębszego pochylenia się nad podstawowymi tematami. Prowadzi to do pisania kodu “na czuja” i niezrozumienia co tak naprawdę dzieje się w naszym kodzie. Będziemy starali się podejść do tłumaczenia inaczej, tak żebyś raz a dobrze zrozumiał/zrozumiała jak działa React :) Jeśli okaże się, że wiedza zawarta w kursie to dla Ciebie nic nowego, to pamiętaj , że masz możliwość zwrotu przez dwa tygodnie po premierze kursu.

  • Co jeśli kurs mi się nie spodoba?

    Żaden problem! U nas masz gwarancję zadowolenia. Jeśli kurs Ci się nie spodoba, przez 14 dni od daty zakupu możesz go zwrócić. Bez żadnych konsekwencji przelejemy Ci pieniądze z powrotem. Wystarczy wysłać do nas maila z prośbą o zwrot na kontakt@jakzaczacprogramowac.pl

Jak wygląda kurs?

  • Co dzieje się po zakupie kursu?

    Po zakupie otrzymasz e-mail z linkiem aktywacyjnym do naszej platformy zawierającej kurs. Po zarejestrowaniu się możesz od razu zacząć naukę! Całość kursu jest dla Ciebie dostępna od razu.

  • Na jakiej platformie jest dostępny kurs?

    Kurs jest dostępny na dedykowanej platformie pod naszą domeną - nie jest to Udemy, Eduweb albo inny tego typu serwis.

  • Czym nasz kurs różni się od innych dostępnych na rynku?

    Większość kursów na rynku skupia się na pobieżnym przedstawieniu ogromnej ilości funkcji React'a. Niestety, większości tych funkcji prawdopodobnie nigdy nie użyjesz. Kurs "Zrozumieć React" będzie opierał się na wytłumaczenia mechanizmów React'a w praktyczny sposób, który pozwoli Ci korzystać świadomie ze wszystkich jego podstawowych funkcji. Przykładowo: moduł o hookach nie będzie opisywał jak działa 20 różnych hooków - poznamy tylko kilka najważniejszych, ale skupimy się na zasadzie ich działania. Dzięki temu samodzielne poznawanie nowych hooków będzie dla Ciebie bułką z masłem.

  • Jak wygląda nauka?

    Po zakupie kursu otrzymasz dostęp do specjalnej platformy na której dostępne będą dla Ciebie moduły - składają się one z lekcji video przeplatanych z praktycznymi zadaniami, które pomogą Ci utrwalić wiedzę. Lekcje skupiają się na wyizolowanych przykładach, tak żeby łatwiej było Ci się skupić na konkretnym zagadnieniu. “Praktyczny projekt” to moduł w którym od zera stworzymy rozbudowaną aplikację wykorzystując poznaną we wcześniejszych modułach wiedzę.

  • Ile zajmuje ukończenie kursu?

    Same materiały video trwają ponad 30 godzin. Do tego należy doliczyć indywidualną pracę nad rozwiązywaniem zadań. Tempo przerabiania kursu to kwestia indywidualna, ale nie musisz się nigdzie spieszyć - po zakupie kursu masz do niego dostęp przez cały czas.

Formalności i sprzedaż

  • Czy dostanę fakturę?

    Oczywiście, że tak :)

  • Dlaczego na fakturze nie ma kwoty VAT?

    Nasza spółka wystartowała niedawno. Jesteśmy jeszcze zwolnieni z płacenia VAT na podstawie art. 113 ust. 1. Oczywiście faktura, którą wystawiamy stanowi dowód zakupu.

  • Czy mogę płacić w ratach?

    Nie ma możliwości płacenia w ratach.

  • Czy istnieją zniżki (np. dla studentów)?

    Nie planujemy zniżek - przyszłe edycje kursu będą droższe, więc obecna cena to dobra inwestycja.

  • Czy otrzymam certyfikat ukończenia kursu?

    Tak, możemy dla Ciebie wygenerować taki certyfikat.

Zawartość kursu

  • Jaka wersja React’a i Next’a będzie omawiana w kursie?

    W kursie będzie omawiana aktualna wersja obu narzędzi React - 18.2 i Next 14. Gdy React 19 zostanie opublikowany, to dodamy stosowną aktualizację kursu.

  • Czy w kursie będą omawiane komponenty klasowe?

    Nie, skupimy się wyłącznie na komponentach funkcyjnych. Komponenty klasowe odchodzą do lamusa i nie mamy serca Was nimi katować - uważamy, że lepiej zainwestować czas w nowe technologie.

  • Czy do kursu będzie z czasem dochodzić nowa/rozszerzona zawartość?

    Tak, z biegiem czasu będziemy rozszerzać kursu. Przede wszystkim, jeśli sam React się zmieni, to my dorzucimy do kursu aktualizację wyjaśniającą te zmiany. Dodatkowo w kolejnych edycjach będziemy również rozszerzać kurs o dodatkowe moduły (np. React 19). W związku ze zwiększoną zawartością cena kursu w następnych edycjach wzrośnie, ale pamiętaj, że kupując kurs teraz otrzymasz darmowy dostęp do kolejnych edycji i aktualizacji.

  • Jak szeroko omawiany będzie Next.js?

    Next.js to bardzo rozbudowany framework, który zasługuje na oddzielny kurs. W kursie omawiamy wybrane mechanizmy Next.js, których poznanie pozwoli Ci tworzyć lepszy front-end przy użyciu Reacta i Next.js. Listę omawianych zagadnień znajdziesz w agendzie.

  • Czy w kursie będzie omawiany Typescript?

    Kurs będzie przeprowadzony przy użyciu Javascript, bez Typescript. Jeśli znacie Typescript, to używanie go w React nie niesie ze sobą dodatkowych wymagań - w module “Narzędzie profesjonalisty” pokażemy Wam jak dodać Typescript do projektu i przedstawimy podstawowy typy, które są specyficzne dla React’a. Kurs nie będzie jednak zawierał lekcji tłumaczących jak działa Typescript - jeśli jeszcze go nie znacie, to polecamy nasz 3 godzinny tutorial na YT, który w zupełności wystarczy Wam do poznania podstaw tego języka.

Masz pytanie, na które nie odpowiedzieliśmy powyżej? Napisz do nas na - chętnie odpowiemy!