Kurs Reacta
Zaloguj się

Buduj nowoczesne aplikacje front-endowe w React.js. Zdobądź świetną pracę, podwyżkę lub awans!

  • Nauka we własnym tempie
  • Natychmiastowy dostęp do materiałów
  • Dostęp do zamkniętej grupy wsparcia
  • 12 modułów tematycznych
  • 170 lekcji wideo (18 godzin materiału)
  • Praktyczne zadania pogłębiające
Dołącz do Kursu Reacta!

Co otrzymasz w ramach Kursu Reacta?

12 - tygodniowy program - Widok panelu kursu

12 - modułów nauki React.js

  • Opanujesz React.js, przechodząc od podstaw aż po mocno zaawansowane tematy w logicznej kolejności.
  • 170 lekcji (łączne ponad 18 godzin wideo), kod źródłowy i dodatkowe materiały do przerobienia we własnym zakresie.
  • Poznasz node.js, npm, babel, nauczysz się używać linii komend, poznasz podstawy gita i wiele innych umiejętności niezbędznych dziś na front-endzie.
  • Zadania domowe pozwolą Ci przekuć teoretyczną wiedzę w konkretną praktykę.

Dostęp do grupy Wsparcia

  • Nigdy nie poczujesz się samotnie z materiałem.
  • Razem z Tobą wielu uczestników rozpocznie kurs i w podobnym tempie będą przechodzić przez niego razem z Tobą.
  • Nawiążesz kontakt z grupą ludzi, którzy podobnie jak Ty chcą dobrze opanować React.js
  • Otrzymasz odpowiedzi na pytania, oraz będziesz mieć możliwość pomagać innym, dzięki czemu lepiej przyswoisz wiedzę.
Uczestnicy Kursu Reacta

Zajrzyj do środka programu Kurs Reacta! 

Tydzień 3 - Lekcja 3 - Przepływ danych

W pierwszych tygodniach Kursu Reacta uczymy się solidnych podstaw.  

Dobre zrozumienie zasad przepływu danych między komponentami pozwoli Ci łatwiej ogarnąć Reacta.  

Na szczęście zasad nie ma dużo (bo tylko dwie :) i są łatwe do zapamiętania.  

W tej lekcji dowiesz się co to za zasady.

Tydzień 5 - Lekcja 4 - Console.log i nie tylko

Tematem przewodnim tego tygodnia jest obsługa błędów, debugowanie i testowanie.  

W poprzednich tygodniach opanowaliśmy podstawy i zaczynamy wchodzić w coraz trudniejsze tematy.  

Pewnie znasz już polecenie console.log(), które pozwala wyświetlić komunikat w konsoli przeglądarki.  

Ta lekcja pokaże Ci jak używać pozostałych poleceń konsoli tak aby uatwić Ci pracę związaną z debugowaniem albo logowaniem. Wyświetlanie danych tabelarycznych powinno Ci się spodobać :)

Tydzień 8 - Lekcja 7 - Hook useState

Tematem przewodnim tygodnia ósmego jest zaawansowane API reacta.

W tej lekcji wprowadzamy temat hooków zaczynając od jednego z najważniejszych - useState()

Hooki wprowadzone są do Kursu Reacta relatywnie późno.

Są one łatwe do opanowania, gdy wcześniej ogarniemy klasyczne komponenty funkcyjne i klasowe.

Zobacz wszystkie lekcje!

Dołącz do programu!

Kto Cię nauczy React.js?

Michał Taszycki trzymający swoje Commodore 64 - komputer od którego wszystko się zaczęło

Michał Taszycki

Michał przygodę z programowaniem zaczął od przepisywania programów w BASICu na Commodore 64.

Przez 15 lat pracował jako programista/architekt/señor developer w wielu branżach i technologiach. 

Od poważnych aplikacji w różnych korporacjach...

W ABB tworzył automatyczne testy w Javie dla fabryki transformatorów. W Sabre tworzył oprogramowanie w C# i C++ obliczające środek ciężkości samolotu i generujące raporty niezbędne przed startem.

Przez tworzenie gier AAA...

Będąc w Szkocji pracował dla Cohort Studios gdzie pomagał ukończyć grę Motorstorm - jeden z pierwszych tytułów wydanych na Playstation 3. A w CDProjekt Localization Center portował Saints Row 2 z XBoxa360 na PC. 

By w końcu tworzyć aplikacje internetowe...

W Applicake pomagał startupom z całego świata wydać i rozwijać ich pierwsze produkty w Ruby on Rails, Backbone, Ember.js i starym Angularze. W Base współtworzył obsługę wiadomości email w Base CRM. W GunpowderLabs tworzył "ubera dla usług" na iOS. A w CollectiveSense skupiał się na tworzeniu i obsłudze ogromnej aplikacji front-endowej w Reakcie z Reduxem.

W trakcie częstych zmian w branży wypracował techniki skutecznej nauki nowych technologii, które wykorzystuje w swojej pasji do nauczania.

Prowadził warsztaty z programowania, spotkania code retreat. Był również jednym z mentorów pierwszych edycji RailsGirls w Polsce, Uniwersytetu Dzieci w Krakowie oraz prelegentem licznych konferencji technicznych na całym świecie.

Nauczył już setki ludzi programować stare komputery w asemblerze.

I opracował skuteczną metodę, która pozwoli Ci opanować tajniki Reacta.

Kurs Reacta - Szybki Start

Plan Gry

  • Efekt końcowy i plan działania
  • Code Sandbox - Kodowanie w przeglądarce
  • Części składowe aplikacji Reactowej
  • Element audio - Odtwarzanie muzyki
  • Komponenty funkcyjne
  • Wewnętrzna logika komponentów
  • Props - czyli komunikacja między komponentami
  • Destrukturyzacja i trzy kropki
  • Wyświetlanie obrazka okładki
  • Specjalne property key - wymuszanie renderowania
  • Renderowanie List - wyświetlamy piosenki
  • Style property - Oznaczenie aktualnej piosenki
  • Zdarzenie onClick - wybór piosenki
  • useState - wybór aktualnej piosenki
  • useRef - dostęp do obiektu audio
  • useEffect - ściąganie listy piosenek
  • className - Stylowanie aplikacji
  • children prop - unikanie prop drilling
  • Architektura modułów w aplikacji
  • Deployment na Netlify i Vercel

Kurs Reacta - Fundamenty - Tygodnie 2-6

Tydzień 2

Komponenty

  • Powitanie
  • Aplikacje komponentowe
  • Live Server
  • Emmet i HTML
  • Style
  • DOM vs React Element
  • JSX
  • Komponenty funkcyjne
  • Niezależne aplikacje Reactowe
  • Komponowanie komponentów
  • Komponenty klasowe
  • Eventy i setState
  • Poprzedni stan a setState
  • Przekazywnie danych
  • Błędy początkujących
  • Praca domowa
Tydzień 3

Listy i formularze

  • Powitanie
  • Komponenty kontrolowane
  • Przepływ danych - zobacz darmową lekcję!
  • Wyciąganie stanu w górę I – dane spływają w dół
  • Wyciąganie stanu w górę II – Zdarzenia idą w górę
  • Wyciąganie stanu w górę III – Jedno źródło prawdy
  • Renderowanie list
  • Niezmienialny stan – podstawy
  • Właściwość key w listach
  • Formularze (nie)kontrolowane
  • Praca domowa
Tydzień 4

Style

  • Powitanie
  • Po co migrujemy do create react app?
  • Create React App, npm, npx
  • Podstawy Gita
  • index.js
  • Struktura aplikacji
  • SASS
  • BEM
  • biblioteka classnames
  • CSS w Javascripcie
  • Material UI
  • Błędy początkujących
  • Praca domowa
Tydzień 5

Testowanie i obsługa błędów

  • Powitanie
  • Cykl życia komponentów klasowych – podstawy
  • Dev Tools i React Dev Tools
  • Console.nieTylkoLog() - zobacz darmową lekcję!
  • componentWillUnmount() i wycieki pamięci
  • React.StrictMode
  • Debugger
  • Error Boundaries i obsługa błędów
  • propTypes i defaultProps
  • Testowanie z Jest
  • Testowanie komponentów przy pomocy JSDOM
  • ReactTestRenderer i testowanie snapshotów
  • React Testing Library
  • Test Driven Development
  • Błędy początkujących 
  • Praca domowa
  • Bonus: TDD is easy…
Tydzień 6

Integracja z bibliotekami 

  • Powitanie
  • Github
  • CodeSandbox
  • Rysowanie w Canvas
  • Integracja z jQueryUI
  • Moment.js
  • Lodash.js
  • Błędy początkujących
  • Praca domowa

Kurs Reacta - Ekspert - Tygodnie 7-12

Tydzień 7

Integracja z Rest API

  • Powitanie
  • JSON Server
  • Co to jest REST API?
  • Callback hell
  • Promises
  • Async/Await
  • Fake API adapter
  • Fetch API adapter
  • Axios API adapter
  • Uwierzytelnianie poza Reactem - Teoria
  • Uwierzytelnianie w Reakcie - Teoria
  • JSON Server – Uwierzytelnianie
  • JSON Server – Autoryzacja
  • React – Uwierzytelnianie
  • React – Autoryzacja
  • Błędy początkujących
  • Praca domowa
Tydzień 8

Zaawansowane API Reacta

  • Powitanie
  • React.forwardRef() – Przekazywanie referencji
  • Użycie kontekstu w Reakcie
  • Dzielenie kodu, React.lazy(), Suspense
  • Portale
  • Hooki w Reakcie
  • useState - zobacz darmową lekcję!
  • useEffect
  • useRef
  • useContext
  • Zasady użycia hooków
  • Błędy początkujących 
  • Praca domowa 
Tydzień 9

Zaawansowane Wzorce

  • Powitanie
  • Komponenty mądre i głupie
  • renderProps
  • HOC - Komponenty wyższego rzędu
  • Własne hooki
  • useReducer
  • Refactoring – Edycja komponentów na liście
  • Children – Antidotum na Prop Drilling
  • Komponenty złożone – podstawy
  • Komponenty złożone – interfejs i struktura
  • Błędy początkujących
  • Praca domowa 
Tydzień 10

Optymalizacja

  • Powitanie
  • Reconciliation czyli ujednolicanie
  • Dev Tools - narzędzia profilowania
  • PureComponent
  • PureComponent - zagrożenia
  • React.Memo
  • Kluczowe property... key
  • useMemo
  • Memoizacja z moize
  • useCallback
  • React Window
  • Błędy początkujących
  • Praca domowa
Tydzień 11

Redux

  • Powitanie
  • setState przy użyciu useReducer
  • Wielozadaniowy Reducer
  • Generatory akcji
  • Selektory
  • Redux createStore
  • React-Redux Provider
  • React-Redux Connect
  • React-Redux useDispatch i useSelector
  • Naiwne testowanie Reduxa
  • Testowanie typu Black-Box
  • Redux Thunk
  • Redux Dev Tools
  • Błędy początkujących
  • Praca domowa
Tydzień 12

Deployment strony z Reactem

  • Powitanie
  • Aktualne timeboxy
  • Koniec czasu
  • Podział Reduktorów
  • Udawana autoryzacja
  • Npm Build – Tworzenie strony statycznej
  • Deployment na Github Pages
  • Deployment na Heroku
  • Profilowanie aplikacji produkcyjnej
  • Eject
  • Praca Domowa

Co mówią uczestnicy Kursu Reacta?

Z tego, co się orientuje, to nie widziałem takiego rozbudowanego programu, nawet w języku angielskim.  

Praca nad jedną aplikacją daje dużo w zrozumieniu Reacta oraz samej refaktoryzacji w późniejszych tygodniach kursu np. z użyciem Reduxa co według mnie jest strzałem w dziesiątkę.  

Istotną sprawą jest odpowiednie przygotowanie Mentora podczas przekazywania informacji.  

Nie ma zbędnych przecinków czy typowych zacięć "yyy, mmm" podczas nagrań video co przy tak szerokim materiale kursu jest jak złoto.  

Świetną sprawą jest także zapoznanie się z wieloma bibliotekami oraz testami.  

Jako pretendent na juniora w planach nie miałem wdrażać się w te tematy, ale na moje szczęście trafiłem na ten kurs i bardzo to pomogło poszerzyć horyzonty na temat Front-endu.  

Polecam dla osób początkujących i przede wszystkim tym, którzy cenią sobie czas.  

-- Piotr Grobelak

Dobrze przygotowany i omówiony materiał.  

Możliwość wsparcia wśród grupy, prowadzącego, dużo nowinek (jak dla mnie) to największe atuty programu.  

Kurs ugruntował wiedzę ogólną i pomógł mi poznać React.js  

-- Leszek Kruk

Zdecydowanie poleciłbym Kurs Reacta!  

 Jest w nim kopalnia wiedzy, wyjaśnień i drogowskazów.  

Michał dba o szczegóły i zadaje wymagające zadania domowe.  

-- Patryk Hołody

Kurs Reacta przekroczył moje oczekiwania!

Dał mi możliwość nauczenia się topowej technologii frontendowej w skondensowanej ale pełnej formie. 

Nauczyłem się nie tylko tworzyć aplikacje internetowe ale też zrozumiałem komponentowe podejście w React.js. 

-- Mariusz Badyński

Dzięki Kursowi Reacta napisałem pierwsze testy w życiu. Poleciłbym gonie tylko swoim znajomym, ale i każdemu kto by szukał materiałów na temat React.js w języku polskim. Kurs w prosty sposób pokazuje od podstaw jak działa React i jak w sposób zaawansowany pisać w nim złożone aplikacje uwzględniając takie narzędzie developerskie jak np. Chrome DevTools, czy testy w Jest.

-- Sebastian Białek

Dołącz teraz w wyjątkowej cenie

  • 170 lekcji wideo (ponad 18 godzin materiału)
  • 12 modułów
  • 1 moduł - Szybki Start
  • 5 modułów - Fundamenty
  • 6 modułów - Ekspert
  • 12 miesięcy dostępu do zamkniętej grupy wsparcia
  • 12 miesięcy dostęp do programu i aktualizacji

To wszystko w cenie:

566.67 zł netto

697zł brutto

(to 58zł za jeden moduł nauki i około 4zł za lekcję)

Dołącz do Kursu Reacta!

Gwarancja 100% satysfakcji

POKOCHAJ KURS LUB ZWRACAM CI PIENIĄDZE!

Przygotowałem materiały tak, aby dały 10x więcej wartości niż oczekujesz. Ale rozumiem, że możesz mieć obawy i wątpliwości, dlatego biorę na siebie całe ryzyko Twojej decyzji. 

Dajemy Ci 14 dni GWARANCJI SATYSFAKCJI liczonej od momentu zakupu jednego z pakietów. Masz 14 dni na przekonanie się, jak unikalna i wartościowa dla Ciebie będzie ta wiedza.

Jeżeli z jakichś powodów poczujesz, że kurs jednak nie będzie dla Ciebie odpowiedni, to wystarczy, że napiszesz na adres michal@kursreacta.pl i zwrócę Ci 100% Twojej wpłaty.

Najczęściej zadawane pytania

Czy otrzymam wsparcie w nauce?  

Tak. Otrzymujesz 12-miesięczny dostęp do zamkniętej grupy wsparcia na Slacku.

Możesz tam zadawać pytania, prosić o code review i pomoc w zadaniach domowych.

W ciągu kilku godzin otrzymasz pomoc od nauczyciela a także innych uczestników szkolenia.

Kiedy rozpoczyna się program i jak długo trwa?  

Każdy program rozpoczyna się wtedy, gdy wykupisz do niego dostęp. Od razu masz dostęp do wszystkich materiałów.  

Całe szkolenie trwa 12 tygodni, ale możesz ukończyć je szybciej lub przechodzić przez nie wolniej we własnym tempie.

W zależności od dostępnego czasu i preferencji.

W jakiej formie jest program?  

Szkolenie jest w formie wideo publikowanych co tydzień. Nagrania zamieszczone są na platformie.  

Po podaniu loginu i hasła masz dostęp do swojego konta. Poza nagraniami wideo dostępne są pliki do pobrania (kod źródłowy, slajdy, pliki tekstowe, odnośniki do zewnętrznych materiałów, etc).

Jak długo będę mieć dostęp do materiałów kursu i grupy wsparcia?  

12 miesięcy. Masz cały rok na naukę.

Natomiast całe szkolenie możesz ukończyć znacznie szybciej. Nawet w 12 tygodni.

Jeśli z jakiegokolwiek powodu będziesz potrzebować więcej czasu na naukę. Będziesz mieć możliwość przedłużenia dostępu w promocyjnej cenie. 

Dopiero zaczynam, czy kurs nie będzie za trudny?  

Jeśli wcale nie potrafisz programować, to polecam Ci najpierw poznać podstawy Javascriptu, HTMLa i CSSu. Zawsze możesz dołączyć w kolejnych edycjach.  

Natomiast jeśli nie wiesz nic o Reakcie, ale umiesz co nieco zaprogramować w Javascripcie, stworzyć statyczną strone w HTML i co nieco wiesz o CSS, to raczej sobie poradzisz.  

Mam już doświadczenie w Reakcie, czy jest sens dołączać do kursu?  

Przejrzyj proszę opis programu i zobacz, czy masz te tematy opanowane. Jeśli masz już duże doświadczenie z Reactem i znasz go od podszewki, to pewnie Kurs Reacta nie będzie dla Ciebie najlepszy. Niewykluczone, że w przyszłości będę robił kursy specjalistyczne, które dadzą Ci więcej wartości.  

Co, jeśli po zakupie stwierdzę, że to nie dla mnie?

Jeżeli uznasz, że programy w pakiecie nie są odpowiadają Ci, to otrzymasz zwrot pieniędzy. Masz na to 14 dni od daty zakupu. Po prostu napisz na michal@kursreacta.pl, a zwrócę Ci 100% pieniędzy.  

Czy otrzymam fakturę?

Tak, za zakup otrzymasz fakturę VAT. Faktura zostanie wysłana automatycznie na adres e-mail podany przy zamówieniu. 

Czy mogę płacić w ratach?

Jest taka możliwość, wyslij mi maila na michal@kursreacta.pl i opisz sytuację. Postaram Ci się pomóc.

Masz jakieś inne pytania?  

Napisz do mnie na adres e-mail: michal@kursreacta.pl

Nie przegap okazji!