Bądźmy w kontakcie

Plan Szkolenia

Tworzenie nowoczesnych aplikacji front-endowych

  • Przegląd i podobieństwa między Reactem, Angularem i Vue.js
  • Renderowanie deklaratywne
  • Komponenty – definiowanie własnych znaczników HTML
  • Inicjowanie projektu React za pomocą create-react-app

Nowoczesny JavaScript

  • Programowanie z użyciem node.js i npm
  • Wersje JavaScriptu
  • Praca z modułami
  • Funkcje i funkcje strzałkowe
  • Klasy
  • Programowanie funkcyjne w JavaScripcie (map, filter, ...)

TypeScript

  • Typowanie statyczne a dynamiczne
  • Deklarowanie typów zmiennych, funkcji i klas
  • Podstawowe typy danych
  • Krotki, obiekty
  • Interfejsy
  • Typy generyczne

Język szablonów Reacta

  • Język szablonów oparty na JavaScripcie: JSX
  • Ustawianie właściwości elementów
  • Powtarzanie elementów
  • if / else
  • Zdarzenia
  • Klasy i style CSS

Zarządzanie stanem w Reakcie

  • Ustawianie i zmienianie stanu aplikacji
  • Korzystanie z hooka stanu i setState
  • Przechwytywanie zawartości elementów wejściowych w stanie

Komponenty: budulec nowoczesnych aplikacji webowych

  • Definiowanie własnych znaczników HTML w Reakcie
  • Stan, właściwości i zdarzenia
  • Przepływ danych między komponentami
  • Komponenty funkcyjne i klasowe
  • Korzystanie z hooków w komponentach funkcyjnych
  • Zdarzenia cyklu życia komponentu (montowanie, aktualizacja, odmontowywanie)
  • Dołączanie gotowych komponentów z biblioteki

Zarządzanie stanem z Reduxem

  • Podstawy Reduxa: zarządzanie stanem za pomocą czystych funkcji, reducerów i danych niemutowalnych
  • Korzystanie z hooka reducera w Reakcie
  • Integracja Reduxa z aplikacją React
  • Komponenty prezentacyjne i kontenerowe
  • Ekosystem Reduxa
  • Obsługa zdarzeń asynchronicznych za pomocą Thunka
  • Pobieranie danych z API REST

Narzędzia deweloperskie i testowanie

  • Narzędzia deweloperskie Reacta
  • Narzędzia deweloperskie Reduxa
  • Testowanie JavaScriptu za pomocą Jest
  • Testowanie reducerów
  • Testowanie komponentów React

React Router

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

Tworzenie aplikacji z Reactem

  • Krótki przegląd React Native
  • Tworzenie instalowalnej aplikacji mobilnej i desktopowej za pomocą Progressive Web Apps
  • Porównanie Progressive Web Apps z aplikacjami natywnymi

Wymagania

  • Podstawy HTML
  • Doświadczenie w pracy z JavaScriptem
 21 godzin

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (7)

Propozycje terminów

Powiązane Kategorie