Tworzenie interaktywnych aplikacji internetowych w React

Najbliższe terminy tego szkolenia
Skuteczność
Program szkolenia
- Podstawy ES6
- Let i const
- Fat arrow function
- Klasy
- Spread/rest operator
- Template string
- Import i export
- React - Wstęp
- Czym jest React?
- Główne założenia React
- Przygotowanie środowiska pracy
- Pierwsza aplikacja React
- React Developer Tools
- JSX
- Czym jest JSX?
- Podstawy JSX
- Wyrażenia
- Atrybuty
- Komponenty
- Czym jest komponent?
- Komponenty funkcyjne
- Komponenty klasowe
- Props
- Cykl życia komponentu
- State
- Hooks
- Czym są Hooks?
- State Hook
- Effect Hook
- Inne
- Ważne zasady podczas korzystania z Hooks
- Eventy
- Rodzaje eventów
- Tworzenie eventów - bindowanie i this
- Arrow function jako metoda eventu
- Inline arrow function jako metoda eventu
- Przekazywanie argumentów do eventów
- Przekazywanie eventów do komponentów dzieci
- Warunkowe renderowanie
- Instrukcja warunkowa if
- Operator warunkowy
- Logiczny operator &&
- Blokowanie wyświetlania komponentów
- Listy i klucze
- Generowanie elementów i komponentów w pętli
- Jak React renderuje elementy?
- Klucze
- Formularze
- Komponenty kontrolowane
- Jedyne źródło prawdy (single source of truth )
- Input
- Select
- Textarea
- Obsługa wielu elementów formularza
- Komponenty niekontrolowane
- Atrybut ref
- Domyślne wartości elementów formularzy
- Kompozycja
- Kompozycja kontra dziedziczenie
- props.children
- React i dane asynchroniczne
- fetch
- componentDidMount()
- Warsztat końcowy + dodatkowe narzędzia
Zanim poznamy React musimy przypomnieć sobie kilka spraw związanych z JavaScript w wersji ES6.
W tej części przygotujemy odpowiednie narzędzia, tak, aby wydajniej pracować z Reactem.
JSX to rozszerzenie JavaScript, które umożliwia tworzenie elementów DOM za pomocą składni przypominającej HTML.
Komponenty to jedna z najważniejszych rzeczy w React. W tej części dowiemy się czym są, jak je tworzyć i jak się nimi biegle posługiwać.
Hooks to nowy dodatek w React 16.8. Dzięki nim możemy korzystać z cyklu życia komponentu w komponencie funkcyjnym.
Tworzenie eventów w React jest bardzo proste czego dowiemy się w tej części. Dodatkowo eventy w React mają jeszcze jedną ciekawą właściwość - pomagają w komunikacji pomiędzy komponentami.
Czym jest instrukcja warunkowa if, wie każdy kto chociaż trochę poznał podstawy programowania, ale w tej części skupimy się na kilku prostych zasadach dotyczących warunkowego renderowania lub blokowania elementów i komponentów.
Tworzenie np. elementów listy ul w pętli to bardzo ułatwia pracę, ale jest to również wyzwanie dla algorytmów Reacta. W tej części poznamy kilka ciekawostek dotyczących renderowania i optymalizacji.
Formularze to bardzo przyjemny rozdział w React, a to dzięki spójności w tworzeniu i obsłudze elementów formularza.
W dokumentacji Reacta jest napisane, że programiści podczas tworzenia Facebooka nigdy nie musieli korzystać ze standardowego dziedziczenia. W każdej sytuacji kompozycja sprawdzała się idealnie. W tej części porozmawiamy na temat kompozycji.
Jak zaktualizować naszą aplikację o asynchroniczne dane? W tej części poznamy prosty fetch.
Na koniec zaczynamy pracę nad praktycznym połączeniem całej dotychczasowej wiedzy - tworząc konkretny projekt. Skorzystamy tu z wielu przydatnych narzędzi, które ułatwią nam pracę.
Opis szkolenia
Szkolenie odbywa się na żywo z udziałem trenera. Nie jest to forma kursu video!- chciałyby poszerzyć wiedzę w związaną z tworzeniem reaktywnych stron i aplikacji korzystając z najpopularniejszych aktualnie narzędzi na rynku
- znają JavaScript w stopniu co najmniej podstawowym
- znają w stopniu podstawowym HTML i CSS
- podstawy JavaScript
- podstawy HTML i CSS
Sprawdź, co mówią o nas ci, którzy nam zaufali
Trenerzy kategorii JavaScript



