Efektywny kurs React.js z TypeScript pod okiem mentora

Czego się nauczysz?

Narzędzia projektowe
Obsługa formularzy,
Rozwiązywanie najczęstszych problemów w pracy z Reactem
Komunikacja z REST API
Przygotowanie aplikacji produkcyjnej
Techniki testowania komponentów
Rozwiązania w aplikacjach komercyjnych i ich deployment
Sprawdź pełny opis kursu tutaj

Program

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.1 Intro

ondemand_video

0:48 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.2 Stworzenie projektu w Vite

ondemand_video

9:56 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.3 Inicjalizacja repozytorium

ondemand_video

02:10 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.4 Node Version Manager

ondemand_video

03:44 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.5 Rekomendowane wtyczki do VSCode

ondemand_video

06:10 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.6 Struktura projektu

ondemand_video

09:51 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.7 TailwindCSS intro

ondemand_video

17:06 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.8 Storybook intro

ondemand_video

15:17 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.9 Text component

ondemand_video

17:48 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.10 Button component

ondemand_video

13:32 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.11 Typ ComponentProps

ondemand_video

05:44 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.12 Helpery do stylowania

ondemand_video

07:55 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.13 Jak działa React?

ondemand_video

18:21 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.14 Zadania do realizacji

description

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.15 Sesja live 15.04.2024

ondemand_video

35:38 min

1. Narzędzia i setup

lekcja

lekcje

lekcji

1.16 Sesja live 22.04.2024

ondemand_video

1:16:18 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.1 Komponent generator

ondemand_video

06:59 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.2 Komponent generator - stan

ondemand_video

08:57 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.3 Komponent generator - story

ondemand_video

05:08 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.4 Komponent counter

ondemand_video

11:29 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.5 Zdarzenia i typy

ondemand_video

14:23 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.6 Formularz ze stanem

ondemand_video

19:13 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.7 Komponent kontrolowany

ondemand_video

04:23 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.8 Formularz z refami

ondemand_video

08:44 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.9 Customowy Input

ondemand_video

08:34 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.10 Focus na polu

ondemand_video

03:20 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.11 React Hook Form

ondemand_video

10:57 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.12 Obserwowanie pól

ondemand_video

03:57 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.13 Walidacja

ondemand_video

18:32 min

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.14 Zadania do realizacji

description

2. Zarządzanie formularzami oraz UI

lekcja

lekcje

lekcji

2.15 Sesja live 29.04.2024

ondemand_video

59:02 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.1 Własne hooki (custom hooks)

ondemand_video

11:10 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.2 Konteksty - intro

ondemand_video

13:13 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.3 Konteksty - zmiana wartości

ondemand_video

09:44 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.4 Konteksty - zarządzanie

ondemand_video

14:38 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.5 Theme switcher

ondemand_video

13:06 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.6 Dark theme

ondemand_video

10:02 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.7 Konteksty i refy

ondemand_video

17:31 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.8 Theme systemowy

ondemand_video

15:52 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.9 Stepper i useReducer

ondemand_video

25:12 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.10 Routing

ondemand_video

23:06 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.11 Error boundary

ondemand_video

13:25 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.12 Redux

ondemand_video

34:05 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.13 Zadania do realizacji

description

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.14 Sesja live 06.04.2024

ondemand_video

1:48:42 min

3. Zarządzanie stanem, hooki, konteksty

lekcja

lekcje

lekcji

3.15 Sesja live 13.05.2024

ondemand_video

1:46:26 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.1 Cykl życia komponentów

ondemand_video

13:33 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.2 Tokeny

ondemand_video

13:43 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.3 Komponenty z produktami

ondemand_video

03:24 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.4 Pobieranie danych

ondemand_video

16:59 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.5 Pobieranie danych produktu

ondemand_video

12:05 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.6 Usługi

ondemand_video

15:15 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.7 Dodatkowe flagi

ondemand_video

06:14 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.8 Hook useApi

ondemand_video

15:54 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.9 Tworzenie produktu

ondemand_video

23:59 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.10 React Query

ondemand_video

10:14 min

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.12 Zadania do realizacji

description

4. Asynchroniczność i komunikacja z API

lekcja

lekcje

lekcji

4.11 Sesja live 28.05.2024

ondemand_video

59:50 min

5. Testowanie

lekcja

lekcje

lekcji

5.1 Wprowadzenie do testowania

ondemand_video

10:20 min

5. Testowanie

lekcja

lekcje

lekcji

5.2 Testy w świecie frontendowym

ondemand_video

08:10 min

5. Testowanie

lekcja

lekcje

lekcji

5.3 Testing Library Cheatsheet

ondemand_video

11:52 min

5. Testowanie

lekcja

lekcje

lekcji

5.4 Konfiguracja i pierwszy test

ondemand_video

30:02 min

5. Testowanie

lekcja

lekcje

lekcji

5.5 Testy komponentu Input

ondemand_video

05:20 min

5. Testowanie

lekcja

lekcje

lekcji

5.6 Testy komponentu Generator

ondemand_video

07:07 min

5. Testowanie

lekcja

lekcje

lekcji

5.7 Testy komponentu AuthCredentials

ondemand_video

14:50 min

5. Testowanie

lekcja

lekcje

lekcji

5.8 FireEvent i UserEvent

ondemand_video

10:17 min

5. Testowanie

lekcja

lekcje

lekcji

5.9 ViewPort i mockowanie

ondemand_video

14:09 min

5. Testowanie

lekcja

lekcje

lekcji

5.10 Testy hooków

ondemand_video

04:33 min

5. Testowanie

lekcja

lekcje

lekcji

5.11 Testy reducerów

ondemand_video

06:00 min

5. Testowanie

lekcja

lekcje

lekcji

5.12 Testy reducerów w Redux

ondemand_video

09:34 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.1 Optymalizacje i renderowanie

ondemand_video

15:55 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.2 Kompozycja komponentów

ondemand_video

11:03 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.3 memo, useMemo, useCallback

ondemand_video

11:44 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.4 Memo

ondemand_video

09:18 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.5 useMemo, useCallback

ondemand_video

08:11 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.6 Implementacja optymalizacji

ondemand_video

08:15 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.7 Enumy

ondemand_video

05:18 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.8 Profiler

ondemand_video

06:28 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.9 Stan i refy

ondemand_video

02:40 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.10 Refy

ondemand_video

06:39 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.11 Indeksy i klucze

ondemand_video

06:08 min

6. Optymalizacje i dobre praktyki

lekcja

lekcje

lekcji

6.12 Outro

ondemand_video

02:29 min

No items found.

Opis

Szczegóły o kursie oraz programie możesz przeczytać tutaj: https://www.webamigos.pl/szkola-reacta

‍

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

Dla kogo jest ten kurs?

Dla osób, które planują swoją ścieżkę jako frontend developer, jak również backendowców, którzy potrzebują napisać kawałek interfejsu w swoich projektach.

Autor

Autorzy

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.

Od 8 lat dzielę się swoją wiedzą jako ekspert na konferencjach i trener IT. Prowadzę też szkolenia dla programistów w Bottega IT Minds, firmie która zrzesza najlepszych ekspertów IT. Jestem także pomysłodawcą i założycielem Szkoły Reacta oraz kanału Web Amigos na YouTube.

Na codzień oprócz kodowania, zajmuję się weryfikacją IT, czyli w trakcie procesów rekrutacyjnych sprawdza poziom wiedzy kandydatów na stanowiska Junior, Regular, jak i Senior developerów.