Plan Szkolenia
Tworzenie nowoczesnych aplikacji front-endowych
- przegląd i podobieństwa Reacta, Angulara, Vue.js
- deklaratywne renderowanie
- komponenty — definiowanie niestandardowych tagów HTML
- użycie create-react-app do inicjalizacji projektu React
Nowoczesny JavaScript
- programowanie z użyciem node.js i npm
- wersje JavaScript
- praca z modułami
- funkcje i funkcje strzałkowe
- klasy
- programowanie funkcyjne w JavaScript (map, filter, ...)
TypeScript
- typowanie statyczne a dynamiczne
- deklarowanie typów zmiennych, funkcji i klas
- podstawowe typy danych
- krotki, obiekty
- interfejsy
- generyki
Język szablonów React
- język szablonów oparty na JavaScript: JSX
- ustawianie właściwości elementów
- powtarzanie elementów
- if / else
- zdarzenia
- klasy i style CSS
Zarządzanie stanem w React
- ustawianie i zmiana stanu aplikacji
- użycie state hook i setState
- przechwytywanie zawartości elementów wejściowych w stanie
Komponenty: budulec nowoczesnych aplikacji webowych
- definiowanie niestandardowych tagów HTML w React
- stan, właściwości i zdarzenia
- przepływ danych między komponentami
- komponenty funkcyjne i klasowe
- użycie hooks w komponentach funkcyjnych
- zdarzenia cyklu życia komponentu (montowanie, aktualizacja, demontowanie)
- dołączanie gotowych komponentów z biblioteki
Zarządzanie stanem z Redux
- podstawy Redux: zarządzanie stanem za pomocą czystych funkcji, reduktorów i niemutowalnych danych
- użycie reducer hook w React
- integracja Redux z aplikacją React
- komponenty prezentacyjne i kontenerowe
- ekosystem Redux
- obsługa zdarzeń asynchronicznych z Thunk
- pobieranie danych z REST API
Narzędzia deweloperskie i testowanie
- narzędzia deweloperskie React
- narzędzia deweloperskie Redux
- testowanie JavaScript za pomocą Jest
- testowanie reduktorów
- testowanie komponentów React
React Router
- routowanie po stronie klienta
- wyświetlanie różnych widoków na podstawie bieżącej trasy przeglądarki
Tworzenie aplikacji z React
- krótki przegląd React Native
- tworzenie instalowalnych aplikacji mobilnych i desktopowych z Progressive Web Apps
- porównanie Progressive Web Apps z aplikacjami natywnymi
Wymagania
- Podstawy HTML
- doświadczenie w JavaScript
Opinie uczestników (7)
Szczegółowość, sposób wyjaśniania oraz spokój i pewność siebie, którą instruktor inspiruje.
Cosmin Ghergheles - Ness
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Obejmowało podstawowe komponenty
Valentin
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Wiedza trenera, rzezy jakich uczuł (wraz z krótką historią co się skąd wzięło i czemu tak jest).
Nikodem - Kaczmarski Group
Szkolenie - React, Redux and TypeScript
otwartość prowadzącego
Milosz - summ-it s.a.
Szkolenie - React, Redux and TypeScript
Zapał Łukasza.
Eloise Phelps - Dunelm
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Jak Luke włożył wiele wysiłku w pomaganie ludziom indywidualnie, gdy mieli problemy z uruchomieniem kodu. Luke był niezwykle przyjazny i dobrze się dogadywał z uczestnikami kursu.
Jonathan Grout - Dunelm
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję
Współpraca trenera z wszystkimi uczestnikami była znakomita, każdy otrzymał pomoc w pewnym momencie kursu. Było to świetne doświadczenie w ogólności, zwłaszcza dla osób nieznających tematu.
Tayyab Ejaz Mushtaq - Dunelm
Szkolenie - React, Redux and TypeScript
Przetłumaczone przez sztuczną inteligencję