Chcesz podnieść swoje umiejętności z frontendu? 💻
Naucz się React.js pod okiem mentora i twórz nowoczesne

APLIKACJE INTERNETOWE

Szkoła Reacta to program nauki Reacta w formie lekcji wideo, praktycznych ćwiczeń, zadań domowych i konsultacji z mentorem. Otrzymujesz również dostęp do społeczności na komunikatorze Discord, aby efektywniej uczyć się w grupie.

🤔 Co zyskasz?
Szkoła Reacta pomoże w rozwoju Twojej kariery
🤯 Jakich problemów unikniesz
Jeżeli chcesz się rozwijać jako Fronted Developer, to czeka Cię wiele niespodzianek...

Jeśli odpowiedź na którekolwiek pytanie jest twierdząca, to jesteś w dobrym miejscu! Sprawdź, jak możemy pomóc w rozwoju Twojej kariery.

CZYM JEST KURS SZKOŁA REACTA?

Szkoła Reacta to 6 tygodni efektywnej nauki online z mentorem oraz dostęp do społeczności osób takich jak Ty. Szkolenie będzie najlepszym wyborem dla Ciebie, jeśli spełniasz przynajmniej jeden z warunków:

✅ masz opanowane przynajmniej podstawy HTML, CSS i JavaScript
✅ posiadasz doświadczenie przy tworzeniu stron na szablonach WordPress
✅ posiadasz doświadczenie jako webdeveloper lub front-end developer, ale chcesz wejść na wyższy poziom zawodowy
✅ chcesz poszerzyć swoje kompetencje o Reacta i tym samym wejść na wyższy poziom rozwoju zawodowego
✅ uczyłeś/aś się Reacta na własną rękę, ale chcesz uporządkować swoją wiedzę​
✅ studiujesz lub jesteś absolwentem Uczelni Wyższej, ale w przestarzałym programie nauczania nie dowiedziałeś/aś się prawie nic o bibliotece React
✅ masz za sobą naukę w bootcampie lub szkole programowania i chcesz nabyć bardziej zaawansowane kompetencje w pracy z Reactem
✅ musisz uczyć się sam i boisz się, że Twoje rozwiązanie prędzej czy później pier*** na produkcji 💩Pokażę Ci jak tego uniknąć i spać spokojnie 🙂

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

✅ podstawy pracy z Reactem i zagadnienia teoretyczne
✅ tworzenie i architektura komponentów
✅ stylowanie komponentów w różnych wariantach
✅ kompozycja i zarządzanie stanem komponentów
✅ poprawna obsługa formularzy
✅ budowanie interfejsu oraz Component Driven Development
✅ rozwiązywanie najczęstszych problemów w pracy z Reactem
✅ własne hooki (custom hooks)
✅ komunikacja z REST API
✅ techniki testowania komponentów
✅ optymalizacja działania aplikacji
✅ rozwiązania w aplikacjach komercyjnych i ich deployment
✅ TypeScript w Reakcie

CO OTRZYMASZ W RAMACH PROGRAMU?

Szkoła Reacta to efektywna forma nauki, z programu skorzystało już ponad 400 osób

✅ 6 tygodni efektywnej nauki
✅ ponad 60 lekcji wideo i sprawdzoną formułę nauki wszystkich niezbędnych zagadnień i problemów, z którymi zmagają się frontendowcy w codziennej pracy
✅ dostęp do mentora i zamkniętej grupy 300 Kursantów na Discord, w której możesz nawiązać cenne znajomości i uzyskać wsparcie w rozwiązywaniu problemów, gdy utkniesz
✅ dożywotni dostęp do lekcji wideo i kodu źródłowego

WYKORZYSTANE TECHNOLOGIE

Astro
storybook logotailwind css logo

PROGRAM SZKOLENIA

Może jeszcze lekko ulec zmianie

Moduł 1

Narzędzia i setup

Efekty nauki

  • Skonfigurujesz projekt i dodasz najpopularniejsze narzędzia developerskie.
  • Zrozumiesz, jak Tailwind CSS może przyspieszyć tworzenie interfejsów użytkownika.
  • Poznasz Storybook'a, narzędzie do budowania komponentów w izolacji, które pozwoli Ci na tworzenie i testowanie interfejsów w kontrolowanym środowisku.
  • Dodasz pluginy do VSCode, które pozwolą Ci pracować jeszcze efektywniej.

📋 Omawiane zagadnienia:

  1. Tworzenie projektu w Vite
  2. NVM
  3. Pluginy do VSCode
  4. TailwindCSS
  5. Typy w TypeScript
  6. Storybook

Moduł 2

Zarządzanie formularzami oraz UI

Efekty nauki

  • Poznasz efektywne sposoby zarządzania stanem aplikacji
  • Poszerzysz swoją wiedzę o różne zastosowania hooka useEffect, co pozwoli na efektywne zarządzanie efektami ubocznymi w aplikacjach.
  • Wykorzystasz refy elementów HTML
  • Zrozumiesz działanie forwardRef, aby zarządzać referencjami w komponentach.
  • Poznasz narzędzie React Hook Form, które może pomaga w tworzeniu formularzy.
  • Przygotujesz schemat i wdrożysz walidację za pomocą biblioteki Zod.

📋 Omawiane zagadnienia:

  1. Zarządzanie stanem
  2. Obsługa efektów ubocznych
  3. Komponenty kontrolowane
  4. Komponenty niekontrolowane
  5. Zdarzenia
  6. Refy
  7. Walidacja formularzy

Moduł 3

Zarządzanie stanem, hooki i konteksy

Efekty nauki

  • Nauczysz się tworzenia własnych hooków (Custom Hooks), dzięki czemu zyskasz możliwość reużywania logiki stanu i efektów ubocznych, poprawiając modularność i czytelność Twojego kodu.
  • Wykorzystasz gotowe komponenty z własnej biblioteki UI.
  • Skorzystasz z kontekstów i zobaczysz kiedy warto, a kiedy z nich korzystać.
  • Skorzystasz z reducera i zobaczysz jakie problemy pomaga rozwiązywać
  • Przygotujesz możliwość zmiany theme (light/dark) w swojej aplikacji.
  • Wykorzystasz routing w aplikacji
  • Wykorzystasz bibliotekę Redux Tooolkit do zarządzania stanem aplikacyjnym.

📋 Omawiane zagadnienia:

  1. Custom hooks
  2. Enkapsulacja logiki
  3. Konteksty
  4. Reducery
  5. Konteksty i przerenderowanie interfejsu
  6. Rect Route DOM
  7. Redux Toolkit

Moduł 4

Asynchroniczność i komunikacja z API

Efekty nauki

  • Przygotujesz usługi do zarządzania asynchronicznym stanem aplikacji.
  • Wykorzystasz zewnętrzne REST API (Airtable)
  • Przygotujesz listę i dodawanie rekordów z API
  • Napiszesz własny hook do pobierania danych oraz fetchery.
  • Nauczysz się jak obsługiwać błędy API po stronie interfejsu.
  • Dowiesz się, w czym może pomóc biblioteka useQuery.

📋 Omawiane zagadnienia:

  1. Asynchroniczość i stan asynchronizny
  2. REST API
  3. Wykorzystanie usług
  4. Hook do pobiera danyh
  5. Obsługa błędów
  6. useQuery

Moduł 5

Testowanie komponentów

Efekty nauki

  • Zrozumiesz podstawowe założenia i cele testowania.
  • Nauczysz się, jakie kryteria definiują wartościowe testy, co pozwoli Ci  tworzyć testy, które faktycznie przynoszą wartość dla projektu i zespołu.
  • Opanujesz React Testing Library, co umożliwi efektywne testowanie komponentów Reactowych poprzez symulację interakcji użytkownika i weryfikację oczekiwanych rezultatów.
  • Zdobędziesz wiedzę na temat korzystania z konsoli testów, co pozwoli Ci na łatwiejsze śledzenie wyników testów i diagnozowanie problemów.
  • Nauczysz się konfigurować środowisko testowe.
  • Poznasz i zastosujesz React Context Hook Pattern, co pozwoli Ci na wykorzystanie Context API w sposób izolowany i efektywny.

📋 Omawiane zagadnienia:

  1. Kryteria wartościowych testów
  2. React Testing Library
  3. Konsola testów
  4. Konfiguracja pod watch
  5. Pierwsze testy
  6. React Context Hook Pattern
  7. Testy dla komponentów z kontekstem
  8. Testy hooków

Moduł 6

Optymalizacja, dobre praktyki, deployment

Efekty nauki

  • Dowiesz się co i kiedy warto optymalizować.
  • Zobaczysz na przykładach jak działają funkcje memo, useMemo, useReducer
  • Poznasz sposoby wykorzystania useRef do optymalizacji.
  • Dobre praktyki tworzenia aplikacji w React oraz TypeScript
  • Dowiesz się i zdeployujesz swoją aplikację na serwer

📋 Omawiane zagadnienia:

  1. Optymalizacja
  2. Dobre praktyki
  3. Popularne wzorce i antywzorce
  4. Deployment aplikacji
  5. Konfiguracja

BONUSY

W ramach społeczności odbędzie się kilka webinarów ze specjalnymi gośćmi dotyczących zagadnień związanych z tworzeniem aplikacji internetowych. Będą to tematy związane z deploymentem, usługami AWS, mikroserwisami, architekturą, oraz dobrymi praktykami. Dodatkowo otrzymasz dostęp do nagrań z webinarów na temat React, Next.js oraz NestJS.

JAKI PROJEKT BĘDZIESZ REALIZOWAĆ?​

Zbudujesz ciekawy projekt, dzięki któremu uzyskasz nowe umiejętności po stronie frontendu.

W trakcie realizacji zadań napiszesz Dashboard do Zamówień w sklepie internetowym. System będzie składał się z następujących funkcjonalności:

✅ wyszukiwanie i zmiana statusów zamówień
✅ tworzenie kategorii produktów
✅ przypisywanie produktów do kategorii
✅ filtrowane
✅ paginacja
✅ wydruk zamówienia do PDF
✅ i dużo, dużo więcej ciekawych rozwiązań ;)

SPOŁECZNOŚĆ

Nasi Kursanci uzyskają dostęp do zamkniętej społeczności na komunikatorze Discord, gdzie mogą zadać każde pytanie zarówno mi jak i innym uczestnikom. Można uzyskać  tam też pomoc, gdy utknie się z projektem. Unikniesz błędów, które popełniłbyś kodując samodzielnie. Pamiętaj - w grupie człowiek lepiej się uczy!

community

OPINIE UCZESTNIKÓW

Sprawdź, co piszą uczestnicy moich szkoleń i warsztatów​

DEMO

Zobacz jak Platforma wygląda od środka​

PRZYKŁADOWE LEKCJE

Zobacz kilka z wielu lekcji dostępnych w ramach kursu

Universal components

W tej lekcji dowiesz się:

  • Jak korzystać ze specjalnych propsów
  • Jak tworzyć uniwersalne komponenty
  • Jak zadbać o ich reużywalność

React Testing Library

W tej lekcji dowiesz się:

  • Jak przygotować się do testowania komponentów
  • Jakie są popularne selectory
  • W czym może pomóc nam RTL

React Context Hook Pattern

W tym wideo dowiesz się:

  • Jak odpowiednio przygotować Providery
  • Jak stworzyć interfejsy dla przechowywanych danych
  • Jak enkapsulować logikę

POZNAJ SWOJEGO MENTORA

Patryk Omiotek

Cześć, nazywam się Patryk Omiotek
Jestem Senior Fullstack Developerem specjalizującym się w tworzeniu aplikacji internetowych w stacku TypeScript, React, Next.js, NestJS. Realizowałem wiele ciekawych i wymagających projektów m. in. dla znanej akademii filmowej z USA oraz startupów z Doliny Krzemowej.

Na codzień oprócz kodowania, jestem trenerem i konsultantem IT, czyli pomagam rozwiązywać problemy biznesowe w wielu firmach. Uczestniczyłem w całej masie projektów o różnym stopniu zaawansowania.

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

JAK SZKOŁA REACTA POMOŻE
W ROZWOJU TWOJEJ KARIERY?

JAKICH PROBLEMÓW UNIKNIESZ?​

  • Dzięki  Szkole Reacta unikniesz błędów, które popełniają osoby uczące się na własną rękę
  • Tutorial hell - nie będziesz uczyć się przestarzałych metod, stworzysz wartościowy projekt
  • Nie będzie Ci wstyd za kod wstyd przed innymi osobami z zespołu, gdy wrócisz do niego za pół roku

Zapisy do zamykamy o 22:00, czyli dokładnie za:

0
Dni
0
Godzin
0
Minut
0
Sekund

PODSUMOWUJĄC - CO OTRZYMASZ W RAMACH KURSU?​

DOŁĄCZ DO SZKOŁY REACTA

Upskilling w formie lekcji wideo w cenie
997 zł
1440 zł
  • 60+ lekcji wideo, które podniosą Twoje kompetencje
  • Dożywotni dostęp do materiałów
  • Zadania do realizacji w każdym module 📝
  • Dostęp do prywatnej społeczności Kursantów 🌶️
  • Certyfikat uczestnictwa 🏅
  • Grupowe konsultacje na żywo

Jeśli chcesz skorzystać z budżetu szkoleniowego
napisz na hello@webamigos.pl w celu wystawianiu faktury
proforma. Dla zespołów oferujemy rabaty.

Zapisz się

NIE PRZEGAP MOŻLIWOŚCI DOŁĄCZENIA​

Aby nie przegapić możliwości dołączenia zostaw swój adres e-mail, a my wyślemy Ci przypomnienie o starcie. Dodatkowo od czasu do czasu wyślemy Ci ciekawe informacje dotyczące tworzenia aplikacji internetowych.

Dzięki, formularz został wysłany. Potwierdzenie zostało wysłane na Twoją skrzynkę mailową.
Oops! Coś poszło nie tak

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ń, to zwrócimy Ci pieniądze.

Jak to zrobić? Wystarczy, że napiszesz na adres hello@webamigos.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!

Guarantee

FAQ, czyli

NAJCZĘŚCIEJ ZADAWANE PYTANIA

Czy mogę zapłacić kartą?

Tak, jak najbardziej. Platforma obsługuje tę formę płatności.

Czy mogę ściągnąć materiały i oraz lekcje?

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.

Ile mam czasu na ewentualny zwrot pieniędzy?

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

Czy otrzymam fakturę VAT?

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.

Co jeśli szkolenie mi się nie spodobało lub jest za trudne/proste?

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

Na jakiej platformie dostępna jest społeczność

Korzystamy z serwera Discord, a uczestnicy szkolenia mają dostęp do prywatnego kanału.

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

Program trwa 6 tygodni. Kolejne lekcje będą pojawiały się co tydzień tygodnie.

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

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.

Czy mogę kupić na raty?

Tak, przewidujemy 2x płatność 0%. Napisz do nas maila o tytule "Dwie raty" na hello@webamigos.pl