Tworzenie interaktywnych aplikacji internetowych w React
by:
4.89/5
Najbliższe terminy tego szkolenia
25.01
Termin gwarantowany
Szkolenie onlineSkuteczność
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
- chcą rozwinąć praktyczne umiejętności w zakresie tworzenia aplikacji internetowych
- znają JavaScript w stopniu co najmniej podstawowym
- znają w stopniu podstawowym HTML i CSS
Uczestnicy, którzy zapisują się na szkolenie React, powinni znać:
- podstawy JavaScript
- podstawy HTML i CSS
Prowadząca szkolenie: Agata Malec-Sromek
Absolwentka Akademii Górniczo-Hutniczej na kierunku Inżynieria Systemów i Oprogramowania oraz Politechniki Krakowskiej na kierunku Grafika Komputerowa i Multimedia. Swoją przygodę z programowaniem rozpoczęła w 2012 roku pracując w małej agencji kreatywnej na Saskiej Kępie. Od tamtego czasu przeszła przez kilka firm od małych start-upów po duże korporacje, ciągle zwiększając swoje umiejętności. W 2016 roku rozpoczęła współpracę z jedną ze szkół programowania, w której uczyła początkujących programistów tworzenia stron i aplikacji webowych. Aktualnie pracuje w jednej z większych warszawskich firm rozwijając oprogramowanie dla klientów z całego świata. Prowadzi podstawowe i zaawansowane szkolenia zarówno z JavaScript jak i z technologii takich jak m.in.: React, Redux. Wystąpiła na kilku konferencjach (m.in. na 4Developers i Programistok.) oraz prowadziła wiele warsztatów w ramach inicjatywy Women in Technology, Geek Girls Carots, Girls in IT i innych.
Terminy gwarantowane
Jeśli jakiś termin oznaczony jest jako gwarantowany to oznacza to że na 100% się odbędzie we wskazanym czasie i miejscu.
Więcej
Szkolenia online i udział online
Szkolenia online odbywają się na żywo z udziałem trenera. Uczestniczy łączą się na szkolenie za pomocą platfomy ZOOM. Informacje o wymaganym niezbędnym oprogramowaniu oraz informacje organizacyjne uczestnicy otrzymują na 7 dni przed datą rozpoczęcia szkolenia. W każdym szkoleniu stacjonarnym możesz brać udział online.
Więcej
Inne szkolenia tej kategorii
Sprawdź pozostałe
szkolenia JavaScript!
Sprawdź, co mówią o nas ci, którzy nam zaufali
Trenerzy kategorii JavaScript
Mateusz Kulesza
Mateusz Kulesza
Mateusz Lewandowski
Mateusz Lewandowski
Agata Malec-Sromek
Agata Malec-Sromek
