JSystems: JavaScript- Tworzenie interaktywnych aplikacji internetowych w REACT

location icon
JSystems Sp. z o. o. Grójecka 1/3 VI piętro, Warszawa
calendar icon
Od 25 maj 9:00 do 27 maj 16:00

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





Program szkolenia

  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
    • Komponenty funkcyjne kontra klasowe
    • Props
    • Komponent jako pure function
    • Cykl życia komponentu
    • State

  9. Eventy
  10. 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

  11. Warunkowe renderowanie
  12. 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

  13. Listy i klucze
  14. 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

  15. Formularze
  16. 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

  17. Kompozycja
  18. 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

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

    • fetch
    • componentDidMount()

  21. Warsztat końcowy
  22. Na koniec zaczynamy pracę nad praktycznym połączeniem całej dotychczasowej wiedzy - tworząc konkretny projekt.

    Bezpośredni link do tego szkolenia:
    http://www.jsystems.pl/szkolenia-JavaScript;tworzenie_interaktywnych_aplikacji_internetowych_w_react.szczegoly

Dołącz do wydarzenia

Dołącz do wydarzenia
  Rodzaj Bilety dostępne do Cena Liczba
JSystems: JavaScript- Tworzenie interaktywnych aplikacji internetowych w REACT
W celu zarejestrowania się na szkolenie wejdź na stronę JSystems.pl i wypełnij formularz zgłoszeniowy.
Bezpośredni link do szkolenia:
http://www.jsystems.pl/szkolenia-JavaScript;tworzenie_interaktywnych_aplikacji_internetowych_w_react.szczegoly
JSystems: JavaScript- Tworzenie interaktywnych aplikacji internetowych w REACT

JSystems: JavaScript- Tworzenie interaktywnych aplikacji internetowych w REACT
W celu zarejestrowania się na szkolenie wejdź na stronę JSystems.pl i wypełnij formularz zgłoszeniowy.
Bezpośredni link do szkolenia:
http://www.jsystems.pl/szkolenia-JavaScript;tworzenie_interaktywnych_aplikacji_internetowych_w_react.szczegoly

już niedostępne 1 845,00 zł -