Bądźmy w kontakcie

Plan Szkolenia

Tworzenie nowoczesnych aplikacji front-endowych

  • przegląd i podobieństwa Reacta, Angulara, Vue.js
  • deklaratywne renderowanie
  • komponenty — definiowanie niestandardowych tagów HTML
  • użycie create-react-app do inicjalizacji projektu React

Nowoczesny JavaScript

  • programowanie z użyciem node.js i npm
  • wersje JavaScript
  • praca z modułami
  • funkcje i funkcje strzałkowe
  • klasy
  • programowanie funkcyjne w JavaScript (map, filter, ...)

TypeScript

  • typowanie statyczne a dynamiczne
  • deklarowanie typów zmiennych, funkcji i klas
  • podstawowe typy danych
  • krotki, obiekty
  • interfejsy
  • generyki

Język szablonów React

  • język szablonów oparty na JavaScript: JSX
  • ustawianie właściwości elementów
  • powtarzanie elementów
  • if / else
  • zdarzenia
  • klasy i style CSS

Zarządzanie stanem w React

  • ustawianie i zmiana stanu aplikacji
  • użycie state hook i setState
  • przechwytywanie zawartości elementów wejściowych w stanie

Komponenty: budulec nowoczesnych aplikacji webowych

  • definiowanie niestandardowych tagów HTML w React
  • stan, właściwości i zdarzenia
  • przepływ danych między komponentami
  • komponenty funkcyjne i klasowe
  • użycie hooks w komponentach funkcyjnych
  • zdarzenia cyklu życia komponentu (montowanie, aktualizacja, demontowanie)
  • dołączanie gotowych komponentów z biblioteki

Zarządzanie stanem z Redux

  • podstawy Redux: zarządzanie stanem za pomocą czystych funkcji, reduktorów i niemutowalnych danych
  • użycie reducer hook w React
  • integracja Redux z aplikacją React
  • komponenty prezentacyjne i kontenerowe
  • ekosystem Redux
  • obsługa zdarzeń asynchronicznych z Thunk
  • pobieranie danych z REST API

Narzędzia deweloperskie i testowanie

  • narzędzia deweloperskie React
  • narzędzia deweloperskie Redux
  • testowanie JavaScript za pomocą Jest
  • testowanie reduktorów
  • testowanie komponentów React

React Router

  • routowanie po stronie klienta
  • wyświetlanie różnych widoków na podstawie bieżącej trasy przeglądarki

Tworzenie aplikacji z React

  • krótki przegląd React Native
  • tworzenie instalowalnych aplikacji mobilnych i desktopowych z Progressive Web Apps
  • porównanie Progressive Web Apps z aplikacjami natywnymi

Wymagania

  • Podstawy HTML
  • doświadczenie w JavaScript
 21 godzin

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (7)

Propozycje terminów

Powiązane Kategorie