Kurzusleírás
Modern frontend alkalmazások fejlesztése
- a React, az Angular és a Vue.js áttekintése és hasonlóságai
- deklaratív renderelés
- komponensek – egyedi HTML-címkék definiálása
- a create-react-app használata React-projekt inicializálásához
Modern JavaScript
- fejlesztés node.js és npm használatával
- JavaScript-verziók
- munka modulokkal
- függvények és nyílfüggvények
- osztályok
- funkcionális programozás JavaScriptben (map, filter, ...)
TypeScript
- statikus és dinamikus típusosság
- változók, függvények és osztályok típusainak deklarálása
- alapvető adattípusok
- tuple-ök, objektumok
- interfészek
- generikusok
React sablonnyelv
- JavaScript-alapú sablonnyelv: JSX
- elemtulajdonságok beállítása
- elemek ismétlése
- if / else
- események
- CSS-osztályok és -stílusok
Állapotkezelés a Reactben
- az alkalmazás állapotának beállítása és módosítása
- a state hook és a setState használata
- bemeneti elemek tartalmának rögzítése az állapotban
Komponensek: a modern webes alkalmazások építőkövei
- egyedi HTML-címkék definiálása a Reactben
- state, props és események
- adatáramlás a komponensek között
- függvénykomponensek és osztálykomponensek
- hookok használata függvénykomponensekben
- komponens életciklus-események (mount, update, unmount)
- előre definiált komponensek beépítése egy könyvtárból
Állapotkezelés Reduxszal
- Redux-alapok: állapotkezelés tiszta függvényekkel, reducerekkel és immutable adatokkal
- a reducer hook használata a Reactben
- a Redux integrálása egy React-alkalmazásba
- prezentációs és konténer komponensek
- a Redux ökoszisztéma
- aszinkron események kezelése Thunkkal
- adatok lekérése REST API-ból
Fejlesztői eszközök és tesztelés
- React fejlesztői eszközök
- Redux fejlesztői eszközök
- JavaScript tesztelése Jesttel
- Reducerek tesztelése
- React-komponensek tesztelése
React Router
- kliensoldali útválasztás
- különböző nézetek megjelenítése az aktuális böngésző-útvonal alapján
Alkalmazásfejlesztés Reacttel
- a React Native rövid áttekintése
- telepíthető mobil- és asztali alkalmazás készítése Progressive Web Appokkal
- a Progressive Web Appok és a natív alkalmazások összehasonlítása
Követelmények
- HTML alapismeretek
- JavaScript tapasztalat
Vélemények (7)
Igazán jó volt végre szilárd alapokra helyezni a React néhány alapvető fogalmának megértését, különös tekintettel a state-re és a hookokra. Łukasz nagyon világos magyarázatokat adott ezekről, és szívesen kísérletezett kidolgozott példákkal, hogy segítsen tisztázni a további kérdéseinket.
Hayden Pike - Powerlink Queensland
Kurzus - React, Redux and TypeScript
Gépi fordítás
A részletek mértéke, az elmagyarázás módja és a képző tanulókra gyakorolt nyugalmat és bizalmat inspiráló hatása.
Cosmin Ghergheles - Ness
Kurzus - React, Redux and TypeScript
Gépi fordítás
Ez a rész átfogóan bemutatta a alapvető összetevőket.
Valentin
Kurzus - React, Redux and TypeScript
Gépi fordítás
Lukasz ügyeskedése.
Eloise Phelps - Dunelm
Kurzus - React, Redux and TypeScript
Gépi fordítás
Hogyan tette Luke nagy erőfeszítést azért, hogy egyéni segítséget nyújtson a szkript futtatásával kapcsolatos problémákkal küzdő embereknek. Luke rendkívül barátos volt és jól érthetett a tanulókkal.
Jonathan Grout - Dunelm
Kurzus - React, Redux and TypeScript
Gépi fordítás
A képző és az összes résztvevő közötti interakció kitűnő volt, mindenki kapott segítséget a tanfolyam valamelyik szakaszában. Összességében egy nagyszerű tapasztalat volt, különösen azok számára, akik nem voltak ismervek a témával.
Tayyab Ejaz Mushtaq - Dunelm
Kurzus - React, Redux and TypeScript
Gépi fordítás
Szerettelek, hogy biztonságos környezetnek éreztem, és nem érztem magam félreértettnek a képernyőmet és nehézségeimet megosztva a tanárral vagy a csoporttal.
Wanda Hawkins-Kavanagh - Dunelm
Kurzus - React, Redux and TypeScript
Gépi fordítás
