Chcesz podnieść swoje frontendowe umiejętności? 💻
Naucz się React.js na poziomie zaawansowanym i twórz nowoczesne

APLIKACJE INTERNETOWE

Szkoła Reacta 2.0 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...

CZYM JEST KURS SZKOŁA REACTA?

Szkoła Reacta to 6 modułów efektywnej nauki online 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
✅ jesteś backend developerem, a w firmie tworzycie lub utrzymujecie projekt w React
✅ posiadasz doświadczenie jako webdeveloper lub frontend 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ę​
✅ masz za sobą naukę w bootcampie lub szkole programowania i chcesz nabyć bardziej zaawansowane kompetencje w pracy z Reactem
✅ musisz uczyć się samemu 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 TO SZKOLENIE?​

Jeśli w ogólnie nie znasz języków do tworzenia aplikacji internetowych to szkolenie nie jest jeszcze dla Ciebie. Dopiero gdy poznasz HTML i CSS w stopniu bardzo dobrym oraz JavaScript w stopniu podstawowym, to wtedy kurs może być dla Ciebie bardzo przydatny!

CZEGO SIĘ NAUCZYSZ?

Program zawiera zagadnienia od podstawpo zaawansowane tematy

✅ 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 modułów napakowanych praktyczną widzą
✅ ponad 70 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 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 NARZĘDZIA

TypeScript
Airtable
storybook logo
Logo React
tailwind css logo
Vite logo
Astro

PROGRAM SZKOLENIA

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

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

📋 Omawiane zagadnienia:

  1. Optymalizacja
  2. Dobre praktyki
  3. Popularne wzorce i antywzorce

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

2.9 Custom Input

W tej lekcji dowiesz się:

  • Jak tworzyć komponenty do biblioteki UI
  • Jak robić elastyczne komponenty korzystając z gotowych typów
  • Jak zadbać o reużywalność komponentów

3.6 Konteksty i Dark Theme

W tej lekcji dowiesz się:

  • Jak przygotować Dark Theme w aplikacji React
  • Czy wykorzystanie kontekstów jest zawsze efektywne
  • Jak sterować stylowaniem za pomocą natywnego JS

6.10 Refy i optymalizacje

W tym wideo dowiesz się:

  • Jak korzystać z refów do przechowywania wartości
  • Czy stan jest zawsze dobrym pomysłem do trzymania wartości
  • Jak zadbać optymalizajcę aplikacji

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 SZKOLENIE 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 projektu za pół roku

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

0
Dni
0
Godzin
0
Minut
0
Sekund

PODSUMOWUJĄC - CO OTRZYMASZ?​

DOŁĄCZ DO SZKOŁY REACTA

Materiały
797 zł
1440 zł
  • 70+ 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 🏅
Materiały + konsultacje
997 zł
1440 zł
  • 70+ 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
Konsultacje
247 zł
1440 zł
  • Dostęp do prywatnej społeczności Kursantów 🌶️
  • Grupowe konsultacje na żywo

Jeśli chcesz skorzystać z budżetu szkoleniowego napisz na hello@webamigos.pl w celu wystawianiu faktury proforma.

NIE PRZEGAP ZAPISÓW

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