Tworzenie interaktywnych aplikacji internetowych w React
by:
4.87/5
Najbliższe terminy tego szkolenia
21.06
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.
Stanowisko robocze
Do tego szkolenia każdy uczestnik otrzymuje dostęp do indywidualnej wirtualnej maszyny w chmurze. Ma ona zainstalowane i skonfigurowane wszystko co potrzebne do realizacji szkolenia. Maszyna będzie dostępna przez cały okres szkolenia.
Terminy gwarantowane
Gdy na jakiś termin zgłosi się minimalna liczba osób, termin oznaczamy jako gwarantowany.
Jeśli jakiś termin oznaczony jest jako gwarantowany to oznacza to, że na 100% się odbędzie we wskazanym czasie i miejscu.
Nawet gdyby część takiej grupy zrezygnowała lub przeniosła się na inny termin, raz ustalony termin gwarantowany takim pozostaje.
Ewentualne ryzyko ponosimy my jako organizator.
Przejdź do terminów tego szkolenia
Szkolenia 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.
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
