Návrh Školení

Vývoj moderních front-end aplikací

  • přehled a podobnosti React, Angular, Vue.js
  • deklarativní renderování
  • kompONENTY - definování vlastních HTML tagů
  • inicializace projektu React pomocí create-react-app

Moderní JavaScript

  • vývoj s použitím node.js a npm
  • verze JavaScriptu
  • práce s moduly
  • funkce a šipkové funkce
  • třídy
  • funkcionální programování v JavaScriptu (map, filter, ...)

TypeScript

  • statické vs dynamické typování
  • deklarování typů proměnných, funkcí a tříd
  • základní datové typy
  • tuple, objekty
  • rozhraní
  • generics

Šablonovací jazyk Reactu

  • JavaScriptový šablonovací jazyk: JSX
  • nastavování vlastností prvků
  • opakování prvků
  • if / else
  • události
  • CSS třídy a styly

Správa stavu v Reactu

  • nastavování a měnění stavu aplikace
  • použití stavového hooku a setState
  • zachycování obsahu vstupních prvků ve stavu

Komponenty: Stavební kameny moderních webových aplikací

  • definování vlastních HTML tagů v Reactu
  • stav, props & události
  • tok dat mezi komponentami
  • funkční komponenty a třídy
  • použití hooků ve funkčních komponentách
  • události životního cyklu komponent (mount, update, unmount)
  • zahrnutí předdefinovaných komponent z knihovny

Správa stavu s Reduxem

  • Základy Redux: správa stavu pomocí čistých funkcí, reduktorů a neměnných dat
  • použití reduktoru v Reactu
  • vložení Redux do Reactové aplikace
  • prezentační a kontejnerové komponenty
  • Redux ekosystém
  • zpracování asynchronních událostí s Thunkem
  • načítání dat z REST API

Vývojářské nástroje a testování

  • nástroje pro vývoj Reactu
  • nástroje pro vývoj Reduxu
  • Testování JavaScriptu s Jestem
  • testování reduktorů
  • testování React komponent

React Router

  • router na straně klienta
  • zobrazování různých zobrazení v závislosti na aktuální adrese v prohlížeči

Vývoj aplikací s Reactem

  • krátký přehled React Native
  • vytváření instalovatelných mobilních a desktopových aplikací pomocí Progressive Web Apps
  • porovnání Progressive Web Apps a nativních aplikací

Požadavky

  • základy HTML
  • zkušenost s JavaScript
 21 hodiny

Počet účastníků


Cena za účastníka

Reference (7)

Nadcházející kurzy

Související kategorie