Kurzusleírás
Modern frontend alkalmazások fejlesztése
- a React, Angular, Vue.js áttekintése és hasonlóságai
- deklaratív renderelés
- komponensek - egyéni HTML elemek 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
- modulok használata
- függvények és nyílfüggvények
- osztályok
- funkcionális programozás JavaScriptben (map, filter, ...)
TypeScript
- statikus vs dinamikus típusozás
- változók, függvények és osztályok típusainak deklarálása
- alapvető adattípusok
- tuple-ok, objektumok
- interfészek
- generikusok
React sablonnyelv
- JavaScript alapú sablonnyelv: JSX
- elemek tulajdonságainak beállítása
- elemek ismétlése
- if / else
- események
- CSS osztályok és stílusok
Állapotkezelés a Reactban
- 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 webalkalmazások építőkövei
- egyéni HTML elemek definiálása a Reactban
- állapot, props és események
- adatok áramlása komponensek között
- funkció komponensek és osztály komponensek
- hookok használata funkció komponensekben
- komponens életciklus események (mount, update, unmount)
- előre definiált komponensek felvétele egy könyvtárból
Állapotkezelés Reduxszal
- Redux alapok: állapotkezelés tiszta függvényekkel, reducerekkel és módosíthatatlan adatokkal
- a reducer hook használata a Reactban
- Redux integrálása egy React alkalmazásba
- prezentációs és tároló 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
- Reducer-ek tesztelése
- React komponensek tesztelése
React Router
- kliensoldali útválasztás
- különböző nézetek megjelenítése a böngésző aktuális útvonala alapján
Alkalmazásfejlesztés Reacttal
- rövid áttekintés a React Native-ről
- telepíthető mobil- és asztali alkalmazás létrehozása Progressive Web Apps segítségével
- a Progressive Web Apps és a natív alkalmazások összehasonlítása
Követelmények
- HTML alapok
- tapasztalat JavaScriptben
Vélemények (7)
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
Szerettek, hogy a tanfolyamon voltak gyakorlatok. Szerettek, hogyan próbált Lukaš mindenki segítésére kerülni és hogyan kezelte a többi résztvevő idegzetlenségét. Örvendtem annak is, hogy jól ismerte a témát.
Samuel Irsai - Dunelm
Kurzus - React, Redux and TypeScript
Gépi fordítás