fbpx

Chcesz pracować jako Frontend Developer? Dołącz do kursu

React od podstaw

React od podstaw to kurs online w formie 160 lekcji wideo, praktycznych ćwiczeń i zadań domowych.

Co zyskasz?

Kurs pomoże w rozwoju Twojej kariery

jakich problemów UNIKNIESZ?

Jeżeli chcesz się rozwijać jako Fronted Developer, to czeka Cię wiele niespodzianek...

Z czego składa się KURS?

Szkolenie składa się z dwóch części

Część I: Basic

React od podstaw w części Basic to 6 modułów efektywnej nauki online. Część Basic jest przygotowana dla osób, które spełniają przynajmniej jeden z warunków:

Część II: Advanced

Część Advanced to kolejne 6 modułów praktyki, w których przeprowadzę Cię krok po kroku po meandrach Reacta, testowania, Reduksa oraz Next.js. Ten moduł przeznaczony jest dla osób, które spełniają przynajmniej jeden z warunków:

Dla kogo nie jest ten kurs?

Jeśli w ogólnie nie znasz języków do tworzenia aplikacji internetowych to nasz program nie jest dla Ciebie. Dopiero gdy poznasz HTML i CSS w stopniu bardzo dobrym oraz JavaScript w stopniu podstawowym, to wtedy ten kurs będzie dla Ciebie bardzo przydatny! 

Nie polecamy też Szkoły Reacta, jeśli jesteś senior JavaScript developerem z bardzo dobrą znajomością praktyczną tego języka. Aczkolwiek jeśli czujesz, że szkolenie pomogłoby uporządkować i usystematyzować Twoją wiedzę, możesz jak najbardziej wziąć udział!

czego się nauczysz?

Program zawiera zagadnienia od podstawpo zaawansowane tematy

Zarówno część Basic, jak i część Advanced to rozwój na najwyższym poziomie. Poznaj przekrój zagadnień, z którymi będziesz mierzyć się w trakcie kursu:

Część I: Basic

Część II: Advanced

co otrzymasz w ramach programu?

Agenda Szkolenia

Program jest podzielony na 15 tematycznych modułów

Po dołączeniu do kursu otrzymujesz od razu dostęp do wszystkich materiałów.

Część I: Basic

Tydzień 1

Wprowadzenie

  1.  Twój cel
  2.  Tematyka
  3.  Narzędzia
  4.  Ustawienia edytora
  5.  Przygotowanie środowiska
  6. Korzystanie z NPM cz. 1
  7. Korzystanie z NPM cz. 2
  8.  Stworzenie pierwszej aplikacji
  9. Zanim zaczniemy z ESLint
  10. Konfiguracja ESLint
  11. Konfiguracja testów
  12. Startujemy projekt

Tydzień 2

Komponenty

  1. Po co korzystać z komponentów?
  2. Stworzenie pierwszego komponentu
  3. Komponenty funkcyjne
  4. Czym jest JSX?
  5. Pisanie HTML w JSX
  6. Stylowanie
  7. Komponenty klasowe
  8. Stan komponentów
  9. DOM vs Virtual DOM

Tydzień 3

Struktura aplikacji

  1. Struktura plików i katalogów
  2. Struktura plików i katalogów – podział domenowy
  3. Struktura plików i katalogów – atomic design
  4. Struktura plików i katalogów – koncepcja stron
  5. Barrels
  6. Kompozycja komponentów
  7. Tworzenie szablonu aplikacji za pomocą komponentów
  8. Komponenty bezstanowe

Tydzień 4

Zdarzenia, refy, bindowanie

  1. Zdarzenia – wprowadzenie
  2. Zdarzenia
  3. Bindowanie zdarzeń
  4. Obsługa stanu komponentu
  5. Obsługa stanu komponentu – hooki
  6. Refy
  7. Refy – hooki

Tydzień 5

Budowa interfejsu

  1. Komponenty kontrolowane
  2. Komponenty niekontrolowane
  3. Dumb components
  4. Przepływ danych
  5. Cykl życia komponentów
  6. Cykl życia komponentów – hooki
  7. React router

Tydzień 6

Obsługa formularzy

  1. Tworzenie formularzy
  2. Przepływ danych
  3. Rejestrowanie pól
  4. Walidacja danych
  5. Warunkowe renderowanie pól
  6. Zarządzanie stanem formularza
  7. Wysyłka danych 

Moduł Bonusowy

Stylowanie

  1. Intro
  2. BEM
  3. SASS
  4. Props style
  5. CSS w JavaScript
  6. Biblioteka classnames
  7. Styled-components
  8. Material UI

Część II: Advanced

Tydzień 7

Komunikacja z REST API

  1. Wprowadzenie do REST API
  2. REST API vs GraphQL
  3. Szybka powtórka z Promisów
  4. Jak korzystać z publicznych API?
  5. Jak korzystać z API w projekcie?
  6. Interfejs dynamiczny i dane
  7. Własna biblioteka do API
  8. RAST API i hooki
  9. REST API i routing
  10. Mockowanie żądań do API (MSW)

Tydzień 8

Testowanie aplikacji

  1. Wprowadzenie
  2. White box vs Black box
  3. Asercje testing library
  4. Test driven development
  5. Testy jednostkowe (unit tests)
  6. Implementacja na podstawie testów
  7. Aplikacja do testowania
  8. React Testing Library
  9. Refactor na podstawie testów
  10. Mockowanie API
  11. Testowanie komponentów w kontekście
  12. Mock Service Worker
  13. Cypress

Tydzień 9

Wzorce w React

  1. Composition over inheritance
  2. Context API
  3. Komponenty wyższego rzędu (HoC)
  4. Abstrakcja stanu od widoku
  5. Compound Components
  6. Własne hooki
  7. Render Props
  8. Popularne antywzorce

MODUŁ 10

Optymalizacja

  1. React Dev Tools i profilowanie
  2. Profiler API
  3. Property key – właściwe użycie
  4. Sterowanie renderowaniem za pomocą shouldComponentUpdate
  5. Pure components
  6. React.memo
  7. useMemo
  8. useCallback
  9. React Lazy i Suspense

MODUŁ 11

Next.js

  1. Intro
  2. Wprowadzenie
  3. Frontend & Backend cz.1
  4. Frontend & Backend cz.2
  5. Elementy Next.js
  6. Yarn
  7. Pierwszy projekt
  8. Struktura aplikacji
  9. Routing cz. 1.
  10. Routing cz. 2.
  11. Routing cz. 3.
  12. Link cz. 1.
  13. Link cz. 2.
  14. Link cz. 3.
  15. Layout
  16. Pobieranie danych
  17. Statyczne propsy
  18. Propsy z serwera
  19. API routes

MODUŁ 12

TypeScript

  1. Intro
  2. Dokumentacja
  3. Wprowadzenie cz. 1
  4. Wprowadzenie cz. 2
  5. Pierwszy projekt
  6. Typy i interfejsy
  7. React i TypeScript cz. 1
  8. React i TypeScript cz. 2
  9. React i TypeScript cz. 3
  10. React i TypeScript cz. 4
  11. Outro

Moduł Bonusowy

Redux

  1. Flux i zarządzanie stanem aplikacji
  2. Własny Redux w aplikacji
  3. Architektura aplikacji a Redux
  4. Action creators
  5. Reducery
  6. Zarządzanie stanem aplikacji
  7. Biblioteka react-redux
  8. Komponent Provider z react-redux
  9. Funkcja Connect react-redux
  10. Thunks i redux-thunk
  11. Redux Dev Tools
  12. Redux-persist
  13. Redux-saga

Moduł Bonusowy

Deployment

  1. Budowanie projektów pod wykorzystanie produkcyjne
  2. Eject
  3. Deployment na GitHub Pages
  4. Deployment na Heroku
  5. Deployment na Firebase Hosting
  6. Deployment na Amplify
  7. Deployment na Vercel
  8. Inne destynacje deploymentu

W ramach kursu uzyskasz dostęp do zamkniętej społeczności na komunikatorze Slack, gdzie możesz zadać każde pytanie do innych uczestników. Uzyskasz tam też pomoc, gdy utkniesz ze swoim projektem. Unikniesz błędów, które popełniłbyś kodując samodzielnie. W grupie człowiek lepiej się uczy!

Demo

3 przykładowe lekcje

Ustawienia edytora

Z tej lekcji nauczysz się:

Komponenty bezstanowe

Z tej lekcji nauczysz się:

Komponent link w Next.js

Z tej lekcji nauczysz się:

Poznaj Autora KURSU

Cześć, nazywam się Patryk Omiotek

Patryk Omiotek

Jestem programistą z ponad 12-letnim doświadczeniem. Moje specjalizacje to JavaScript, Python, PHP i rozwiązania w chmurze AWS. Obecnie pracuję jako inżynier oprogramowania w firmie intive. Do tej pory miałem przyjemność realizować wiele ciekawych projektów m.in. dla znanej akademii filmowej z USA i dla startupów, w które inwestowali chociażby Steve Wozniak czy Google Ventures.

Często zajmuję się weryfikacją IT, czyli w trakcie procesów rekrutacyjnych sprawdzam poziom wiedzy kandydatów na stanowiska Junior, Regular/Mid, jak i Senior developerów.

Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener IT. Jestem także pomysłodawcą i założycielem Szkoły Reacta. Ta kombinacja doświadczeń to gwarancja, że opanujesz Reacta w stopniu, który nie byłby możliwy w innym miejscu i z innym mentorem. 

Sprawdź jak mnie oceniają

moi kursanci

Q

Polecają NAS

Poniższe marki są dobrze rozpoznawalne w polskim świecie IT, a co więcej polecają nasze szkolenie z Reacta 🙂 Dziękujemy za zaufanie!

Powyższe rekomendacje mówią same za siebie!

Nabór do Szkoły Reacta zamykamy 06.10.2021! Kolejny nabór ruszy w marcu 2022.

To jeszcze nie wszystko, mamy dla Ciebie

Ekstra BONUSY!

Jeśli główny cel, który stoi za Twoją decyzją o zgłębieniu wiedzy na temat Reacta, związany jest ze zmianą pracy na lepszą, to mamy dla Ciebie świetną wiadomość!

Wykupując kurs w Szkole Reacta otrzymasz dodatkowo, zupełnie za darmo, dostęp do nagrań z webinarów, przygotowanych przez Annę Prończuk-Omiotek – profesjonalnego trenera wystąpień publicznych, eksperta od LinkedIn i marketingu w branży IT.

Tematyka tych webinarów jeszcze bardziej ułatwi Ci zdobycie wymarzonej posady!

Cztery webinary o tematyce szukania pracy w branży IT

Jak zrobić profil na LinkedIn, który pokochają rekruterzy?

Jak napisać programistyczne CV?

Jak przygotować się do rozmowy rekrutacyjnej pod kątem nietechnicznym?

Jak przygotować się do pytań na technicznej rozmowie rekrutacyjnej?

Ile kosztuje Kurs?

Kurs online React od podstaw, czyli 15 modułów praktycznej nauki możesz wykupić za jedyne:

897 zł

Podana cena jest ceną brutto. Wystawiamy faktury VAT. Jeśli masz firmę i potrzebujesz dostępu dla kilku pracowników, napisz na kontakt@szkolareacta.pl, a przygotuję specjalna wycenę.

PODSUMOWUJĄC

co otrzymasz w ramach szkolenia?

Gwarancja SAtysfakcji

Lub zwrot pieniędzy

Materiały szkoleniowe i sposób przekazywania wiedzy w Szkole Reacta zostały przemyślane w najdrobniejszym szczególe. Wszystko po to, aby dać Ci o wiele więcej niż oczekujesz. Jeśli pomimo tego masz wciąż wątpliwości i obawy, mamy dla Ciebie 14-dniową Gwarancję Satysfakcji. Jeśli w ciągu 14 dni od opłacenia kursu stwierdzisz z jakiegoś powodu, że nie spełnia Twoich oczekiwań, zwrócimy Ci pieniądze.

100%

Jak tego dokonać? Wystarczy, że napiszesz na adres kontakt@szkolareacta.pl powód zwrotu, a cała kwota za kurs zostanie z powrotem przelana na Twoje konto. Zyskujesz w ten sposób jeszcze jeden powód, dla którego warto zdecydować się na poszerzenie swojej wiedzy właśnie z nami!

Alternatywne Sposoby Nauki

Czy są inne sposoby na naukę Reaca?

Możesz spróbować opanować Reacta w inny sposób, to oczywiste. Nie będziemy ukrywać, że istnieją inne metody nauczenia się tej biblioteki. Postaramy się jednak udowodnić Ci, że żaden z nich nie gwarantuje takich efektów i takiej skuteczności jak nauka w Szkole Reacta.

Jak wiadomo, wszelkiego rodzaju podręczniki informatyczne to mnóstwo przydatnej wiedzy. Ale bądźmy szczerzy – kto ma czas i cierpliwość na ich czytanie? Książki wymagają skupienia przez wiele godzin, po których i tak zdobyte przez Ciebie informacje są wciąż bardziej teoretyczne, niż praktyczne. Poza tym wiesz dobrze, że IT to jedna z najbardziej dynamicznych branż na świecie. W związku z tym treść podręczników bardzo szybko się dezaktualizuje. Czy naprawdę nie szkoda Ci czasu spędzonego na żmudnym uczeniu się teorii, która dawno temu straciła swój termin przydatności?

W sieci istnieje mnóstwo tutoriali, poradników i hintów on-line na temat Reacta. I to byłaby świetna wiadomość, gdyby nie fakt, że większość z nich dotyczy bardzo podstawowych zagadnień. Nie mówiąc już o tym, że nie oferują one rozwiązań w pracy na prawdziwych, komercyjnych projektach. Przypomnij też sobie, ile z nich masz wciąż na liście “do obejrzenia”, a przyznasz, że nauki za ich pomocą raczej nie da się określić jako usystematyzowanej i kompletnej.

Na rynku istnieją również kursy, które kosztują zaledwie parędziesiąt złotych. Być może w przeszłości zdarzyło Ci się wykupić właśnie tego typu budżetowe szkolenie – i to nie jedno. Ale czy było to coś, co dało Ci 100% satysfakcji i konkretny zastrzyk wiedzy? Czy raczej rzecz, której nie udało Ci się ukończyć, a teraz leży gdzieś na serwerach, porastając e-pajęczyną? Nawet jeśli tego typu szkolenie, przeprowadzone najczęściej bez realnej obecności mentora, zostało przez Ciebie przerobione w całości, to pamiętasz ile to kosztowało zachodu, zaparcia i samodyscypliny?

Operacja na żywym organizmie, znana szerzej jako „metoda prób i błędów” to zdecydowanie najczęściej wybierana metoda nauki Reacta. I – niestety – również taka, która pociąga za sobą masę bugów. Nie oszukujmy się – na początku jest to raczej metoda „błędów i błędów”, gdzie rozwiązując jeden problem tworzysz przy okazji kilka innych. Wiem z doświadczenia, że traci się wtedy dużo czasu, a szef lub zleceniodawca raczej nie jest zadowolony z końcowych efektów pracy. Wybór i tak należy do Ciebie – wolisz być w projekcie rycerzem na białym koniu, czy najpopularniejszym developerem wymienianym przy okazji git-blame?

FAQ, czyli

Najczęściej zadawane pytania

Tak, platforma e-learningowa obsługuje płatności kartą.
Tak, do każdego zakupu wystawiana jest faktura z 23% VAT. System wyśle Ci ją do 48h po wpłacie. Można ją następnie wliczyć w koszty firmy.

Po wykupieniu dostępu otrzymujesz od razu dostęp do materiałów.

Lekcje wideo są dostępne wyłącznie w ramach platformy i nie można ich pobrać. Wszelkie materiały pomocnicze jak np. slajdy możesz pobrać na swój dysk.

Jeśli zdarzy się taka sytuacja, to skontaktuj się z nami w przeciągu 14 dni, a otrzymasz zwrot zainwestowanych pieniędzy.

Dostęp do kursu otrzymujesz na 12 miesięcy. Dotyczy to również wszelkich aktualizacji, jakie się pojawią
– po prostu otrzymasz je gratis.

Nie przewidujemy takiej opcji sprzedaży.

To zależy od aplikacji, na których zdarzyło Ci się do tej pory pracować i od tego, jakie masz w nich doświadczenie komercyjne. W trakcie lekcji będzie poruszana tematyka zastosowań różnych elementów Reacta w projektach komercyjnych. Jeśli masz spore doświadczenie na tym polu, to  niewykluczone, że w przyszłości zostanie uruchomiony kurs specjalistyczny, który bardziej będzie spełniał Twoje wymagania.

Masz 14 dni. Wystarczy że wyślesz maila na adres kontakt@szkolareacta.pl i napiszesz, dlaczego kurs nie spełnił Twoich oczekiwań.

Kurs bazuje na aktualnej, praktycznej wiedzy, zdobytej w projektach komercyjnych. Dodatkowo będziesz w grupie pozostałych kursantów, a w grupie zawsze łatwiej przyswaja się wiedzę.

Podaj dalej

Jeśli znasz kogoś, kto może być zainteresowany naszym programem, kliknij proszę w przycisk poniżej i udostępnij szkolenie.

Pomoże to nam dotrzeć do szerszego grona odbiorców. Z góry dziękuję 🙂

Bezpieczne płatności w naszej platformie UmiecLepiej.pl obsługuje PayU

Made with ❤ by Szkoła Reacta and 🌶️  by Web Amigos