Tworzenie interaktywnych aplikacji internetowych w REACT

Opis szkolenia

Dla kogo to szkolenie? Szkolenie kierowane jest do osób, które:

  • 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
Co uczestnik powinien wiedzieć przed jego rozpoczęciem Uczestnicy powinni znać :
  • podstawy JavaScript
  • podstawy HTML i CSS

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. Grupy są równie nieliczne jak przy tradycyjnych stacjonarnych szkoleniach w JSystems i liczą zwykle 7-9 osób. W każdym szkoleniu stacjonarnym możesz brać udział online.
Więcej

Inne szkolenia tej kategorii

W ramach kategorii JavaScript mamy jeszcze wiele szkoleń. Sprawdź jakie!

Vouchery

Istnieje możliwość wykupienia vouchera z roczną ważnością. Można zakupić przedpłaconą usługę szkoleniową w jednym okresie rozliczeniowym, a zrealizować w innym.

Więcej
Szkolenie stacjonarne 1500,00 PLN (netto)
Udział online 1200,00 PLN (netto)
Czas trwania 3 dni
Śr. ocena kursu 5.0 / 5 Ocena pochodzi z ankiet

Czy wiesz, że możemy takie szkolenie zorganizować specjalnie dla Twojej firmy?

Dowiedz się więcej

Czego się nauczysz?

  1. Podstawy ES6
  2. Zanim poznamy React musimy przypomnieć sobie kilka spraw związanych z JavaScript w wersji ES6.

    • Let i const
    • Fat arrow function
    • Klasy
    • Spread/rest operator
    • Template string
    • Import i export

  3. React - Wstęp
  4. W tej części przygotujemy odpowiednie narzędzia, tak, aby wydajniej pracować z Reactem.

    • Czym jest React?
    • Główne założenia React
    • Przygotowanie środowiska pracy
    • Pierwsza aplikacja React
    • React Developer Tools

  5. JSX
  6. JSX to rozszerzenie JavaScript, które umożliwia tworzenie elementów DOM za pomocą składni przypominającej HTML.

    • Czym jest JSX?
    • Podstawy JSX
    • Wyrażenia
    • Atrybuty

  7. Komponenty
  8. 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ć.

    • Czym jest komponent?
    • Komponenty funkcyjne
    • Komponenty klasowe
    • Props
    • Cykl życia komponentu
    • State

  9. Hooks
  10. Hooks to nowy dodatek w React 16.8. Dzięki nim możemy korzystać z cyklu życia komponentu w komponencie funkcyjnym.

    • Czym są Hooks?
    • State Hook
    • Effect Hook
    • Inne
    • Ważne zasady podczas korzystania z Hooks

  11. Eventy
  12. 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.

    • 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

  13. Warunkowe renderowanie
  14. 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.

    • Instrukcja warunkowa if
    • Operator warunkowy
    • Logiczny operator &&
    • Blokowanie wyświetlania komponentów

  15. Listy i klucze
  16. 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.

    • Generowanie elementów i komponentów w pętli
    • Jak React renderuje elementy?
    • Klucze

  17. Formularze
  18. Formularze to bardzo przyjemny rozdział w React, a to dzięki spójności w tworzeniu i obsłudze elementów formularza.

    • 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

  19. Kompozycja
  20. 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.

    • Kompozycja kontra dziedziczenie
    • props.children

  21. React i dane asynchroniczne
  22. Jak zaktualizować naszą aplikację o asynchroniczne dane? W tej części poznamy prosty fetch.

    • fetch
    • componentDidMount()

  23. Warsztat końcowy + dodatkowe narzędzia
  24. 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ę.

Najbliższe terminy tego szkolenia

Warszawa 07.09 09.09 Termin proponowany Szkolenie stacjonarne Udział online Zapisz się Warszawa 07.12 09.12 Termin proponowany Szkolenie stacjonarne Udział online Zapisz się

Szkolenie zamknięte w Twojej organizacji

Co wyróżnia szkolenia JavaScript w JSystems?

Szkolenia na wysokim poziomie
Instruktorzy praktycy z wieloletnim doświadcze- niem
Znaczna część szkolenia to warsztaty
Komfortowe sale i przestrzeń wspólna
Małe grupy szkoleniowe
Gwarantowane terminy szkoleń
Dużo ćwiczeń
Przystępne ceny

Kto będzie Cię uczyć?

Agata Malec-Sromek

Sprawdź, co mówią o nas Ci, którzy nam zaufali

  • Super :)

    5.0 / 5 Maciej Fokt, EFIRST GROUP Sp. z o.o. 27-02-2020 Tworzenie interaktywnych aplikacji internetowych w REACT
  • Bardzo fajnie poprowadzone szkolenie. Prowadząca upewniała się, że rozumiemy przekazaną wiedzę. Można się było dowiedzieć się przy okazji o różnych narzędziach wspomagających pracę.

    4.92 / 5 Marcin Żebrowski, Intergraph Polska Sp. z o.o. 20-12-2018 Tworzenie interaktywnych aplikacji internetowych w REACT
  • Bardzo dobra kadra szkoląca. Ilość wiedzy do ogarnięcia podczas szkolenia

    5.0 / 5 Piotr Siciński, Instytut Lotnictwa 20-12-2018 Tworzenie interaktywnych aplikacji internetowych w REACT

Potrzebujesz więcej informacji?

Wiadomość wysłana

Przyjęliśmy Twoją wiadomość i skontaktujemy się z Tobą w tej sprawie

Klikając OK wrócisz do formularza

Nasza strona korzysta z plików cookie. Możesz zmienić zasady ich używania lub zablokować pliki cookie w ustawieniach przeglądarki. Więcej informacji można znaleźć w Polityce prywatności. Kontynuując korzystanie ze strony, wyrażasz zgodę na używanie plików cookie.