Adresaci szkolenia

Kurs przeznaczony jest dla programistów posiadających podstawową wiedzę w zakresie HTML i JavaScript, którzy chcą poszerzyć swoje kompetencje związane z tworzeniem wydajnych aplikacji działających po stronie przeglądarki.

Cel szkolenia

Celem szkolenia jest zapoznanie uczestników z założeniami, na których oparta jest biblioteka React oraz architektura Redux a następnie zdobycie praktycznej praktycznych umiejętności związanych z wykorzystaniem tych narzędzi do budowy wydajnych aplikacji webowych.

Mocne strony szkolenia

Szkolenie w maksymalnym stopniu nastawione jest na aspekt praktyczny. Jego głównym założeniem jest rozwinięta część warsztatowa obejmująca zarówno budowę niezależnego projektu jak i stworzenie pojedynczych komponentów możliwych do wykorzystania w ramach projektów opartych o inne frameworki.

Wymagania

Od uczestników wymagane jest rozeznanie w podstawach programowania w JavaScript lub innym języku skryptowym oraz podstawowa wiedza dotycząca języka HTML i CSS.

Parametry szkolenia

4*8 godzin (4*7 godzin netto) wykładów i warsztatów (z wyraźną przewagą warsztatów). Wielkość grupy: maks. 10 osób.

Program szkolenia

  1. Wprowadzenie
    • Czym jest React i jakie problemy rozwiązuje?
    • Omówienie ekosystemu i narzędzi
  2. Skruktury JavaScript w aplikacjach React
    • Programowanie funkcyjne z ECMAScript 5
    • Wstęp do ECMAScript 2015+
      • Przydatne konstrukcje (fat arrows, destructuring, rest parameters, ...)
      • Transpilacja nowych wersji ECMAScript
  3. Narzędzia
    • Praca z npm
    • Transpilacja kodu (Babel)
    • Webpack i Webpack Dev Server
  4. Podstawy React
    • Idea Virtual DOM
    • JSX
      • Składnia JSX
      • Atrybuty HTML a właściwości komponentów
      • React w JS vs React w JSX
    • Komponenty React
      • Komponenty funkcyjne i klasowe
      • Tworzenie i renderowanie komponentu
      • Dane w komponencie: props i state
      • Praktyczne różnice między właściwościami a stanem
      • Walidacja właściwości - PropTypes
      • Przekazywania właściwości kolejnym komponentom
      • Obsługa zdarzeń
      • Komponenty prezentacyjne, kontrolne i HOC
    • Komponenty klasowe
      • Cykl życia komponentu
      • Praktyczne zastosowania poszczególnych etapów cyklu życia
    • Komponenty funkcyjne
      • Prowadzenie do hooks
      • Zastosowania poszczególnych wbudowanych hooków
      • Tworzenie własnych hooków
    • Formularze
      • Kontrolowane komponenty
      • Uzyskiwanie referencji do komponentu
      • Uzyskiwanie dostępu do obiektu DOM
      • Praca z Formik
    • Stylowanie
      • Przegląd dostępnych rozwiązań
      • CSS Modules
      • styled-components
    • Optymalizacja aplikacji dla produkcji za pomocą Webpack
    • Routing
      • Statyczne ścieżki
      • Dynamiczne ścieżki
      • Zagnieżdżenia
      • Komponent
      • Obsługa błędów
    • Dobre praktyki
  5. Redux - zarządzanie stanem aplikacji
    • Omówienie architektury
    • Modelowanie stanu
    • Reducers
    • Łączenie Reacta z Reduxem
    • Actions i action creators
    • Metody implementacji niemutowalnych zmian
    • Kiedy Redux a kiedy Context?
    • Praca z Redux Dev Tools
  6. MobX
    • Omówienie architektury
    • Praktyczne zastosowania
    • Porównanie z Redux
  7. Testowanie*
    • Wprowadzenie do TDD w JavaScript
    • Struktura testów jednostkowych
    • Praca z Jest
    • Możliwości React Testing Library

Pytania?

* Wymagane.


Konsultant on-line
Skorzystaj z usług naszego konsultanta on-line.
Naciśnij przycisk ‘Skorzystaj’ aby przejść do okienka czatu
Kontakt
ul. Nowogrodzka 62c
02-002 Warszawa
Telefon +48 22 2035600
Fax +48 22 2035601
Email