Tworzenie interaktywnych aplikacji internetowych w React - techniki zaawansowane

by:
Czas trwania 3 dni

Najbliższe terminy tego szkolenia

Cena szkolenia 1800 PLN (netto)

Skuteczność

W naszej pracy nadrzędną wartością jest skuteczność szkoleń. Jako programiści rozumiemy, że w nauce chodzi przede wszystkim o skuteczność. Wszystkie elementy procesu szkolenia, od doboru właściwego trenera do przemyślanej warsztatowej formuły są po to, by to osiągnąć. Doskonalimy się w tym od 2008 roku. Możesz więc na nas polegać!

Program szkolenia


  1. React - Wstęp
  2. React re-start, czyli przypomnienie podstawowych założeń, instalacja odpowiednich narzędzi i szybkie wyświetlenie hello world na potwierdzenie, że jesteśmy gotowi do pracy.

    • łówne założenia React
    • Przygotowanie środowiska pracy
    • “Hello world” w React
    • React Developer Tools

  3. Elementy renderowalne
  4. Korzystanie z React-a bez JSX jest możliwe, tylko po co? W tej części przypomnimy podstawy JSX oraz dowiemy się jakie elementy można renderować w React v 16.x w porównaniu do wersji 15.x

    • Wstęp - co możemy renderować w React 16.x?
    • React bez JSX
    • JSX - Wyrażenia
    • JSX- Zaawansowane atrybuty (style, value, contenteditable, dangerouslySetInnerHTML)
    • React.Fragment
    • Portals

  5. Komponenty
  6. Komponenty to jedna z najważniejszych rzeczy w React. W tej części przypomnimy sobie podstawy związane z komponentami.

    • Komponenty funkcyjne kontra klasowe
    • Props
    • Komponent jako pure function
    • Stan komponentu
    • Inicjalizacja stanu komponentu
    • Aktualizacja stanu komponentu

  7. Cykl życia komponentu
  8. Wiemy już czym jest cykl życia komponent, dlatego w tej części omówimy dokładniej odpowiednie metody cyklu życia z uwzględnieniem nowych zmian w React 16.x

    • Inicjalizacja - constructor()
    • Renderowanie - render()
    • Zamontowanie - componentDidMount()
    • Aktualizacja
      • componentDidUpdate()
      • shouldComponentUpdate()
      • static getDerivedStateFromProps
    • Odmontowanie - componentWillUnmount()

  9. Komponenty zaawansowane
  10. Podczas tworzenia aplikacji niejednokrotnie przyda nam się wiedza jak rozszerzyć komponent o nowe możliwości dzięki HOC. W tej części także poznamy sposób na sprawdzanie typów, przekazywanych do komponentów jako props oraz wykorzystamy zdobytą wiedzę ćwicząc na praktycznych przykładach komunikację pomiędzy komponentami.

    • Komponenty wyższego rzędu - Higher-Order Components
    • Sprawdzanie typów - PropTypes
    • Komunikacja komponentów : dziecko - rodzic oraz rodzeństwo

  11. React Router
  12. Dzięki bibliotece React Router będziemy mogli serwować odpowiednie komponenty pod określonymi adresami. Dowiemy się również w jaki sposób przekazywać parametry z adresu URL do komponentów.

    • Instalacja potrzebnych paczek
    • Routing podstawy
    • Generowanie strony 404
    • Linki
    • Zagnieżdżanie ścieżek
    • Przekazywanie parametrów

  13. Redux

    Redux pozwala nam zarządzać stanem aplikacji. W tej części poznamy sposoby na takie zarządzanie dzięki implementacji architektury Flux w postaci Reduxa.

    • Architektura Flux
    • Czym jest Redux?
    • Redux i React
    • Głupie i mądre komponenty czyli Presentational and Container Components
    • Tworzenie i obsługa akcji
    • Reducery
    • Store
    • Przepływ danych w aplikacji
    • Integracja z React Router

  14. Testowanie
  15. Testowanie komponentów React-owych oraz samego Reduxa nie jest takie oczywiste. W tej części poznamy odpowiednie narzędzia, które sprawią, że testowanie będzie czystą przyjemnością

    • Instalacja odpowiednich narzędzi (Jest & Enzyme)
    • Przykładowa aplikacja React & Redux do testowania
    • Struktura testów
    • Testowanie komponentów

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

Opis szkolenia

Szkolenie odbywa się na żywo z udziałem trenera. Nie jest to forma kursu video!
Dla kogo to szkolenie? Szkolenie kierowane jest do osób, które:
  • znają JavaScript w stopniu co najmniej średnio-zaawansowanym,
  • miały już styczność z Reactem
  • znają w stopniu podstawowym HTML i CSS
  • Pisały testy automatyczne do kodu
  • chciałyby zgłębić wiedzę w zakresie zaawansowanych technik tworzenia interaktywnych aplikacji
Co uczestnik powinien wiedzieć przed jego rozpoczęciem Uczestnicy powinni znać :
  • JavaScript - poziom średnio-zaawansowany
  • Testowanie - poziom podstawowy
  • podstawy HTML i CSS
  • podstawy React
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!

Trenerzy kategorii JavaScript

Mateusz Kulesza
Agata Malec-Sromek

Masz jakieś pytania? Skontaktuj się z nami!

Odpowiadamy na telefony i maile w godzinach 9:00-17:00 od poniedziałku do piątku.

Szkolenia otwarte 22 299 53 69
Szkolenia zamknięte i grupy 733 908 205
Napisz do nas

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.