WEB-REAX

Új A React library alapjai

Részvételi forma
Képzési Forma
Képzés hossza
  • 5 nap (5×8 tanóra)
  • naponta 9:00 - 17:00
Elérhető képzési nyelvek
  • Magyar
Időpontok

Képzés ára

496 000 Ft
+ ÁFA/fő
Kérjük, válassz időpontot és részvételi formát!
Szeretne a cégére szabott megoldást, csoportos képzést?
Egyedi képzési szolgáltatásainkról részletesen itt olvashat.

Ismertető

A tanfolyam során a tanulók megtanulják használni a Facebook által fejlesztett, és globálisan a legnagyobb népszerűségnek örvendő JavaScript libraryt, a React-et.

Az órák során gyakorlati példák alapján elsajátítják az React alapjait, és nyernek betekintést a komponens alapú fejlesztésbe.

Képesek lesznek elkészíteni egyszerű kliensoldali SPA-kat a React segítségével, mindezt egy modern kódszerkesztő program a Visual Studio Code segítségével. Ezenkívül a fejlesztés során használt Best practice-eket is megismerik.

Kinek ajánljuk?

Rendelkezel html, css és haladó szintű JavaScript ismeretekkel, és szeretnének elmélyülni egy javascript könyvtár rejtelmeibe, mely segítségével akár webes-, mobil- vagy asztali alkalmazásokat is fejleszthetsz? Akkor ezt a tanfolyamot neked találták ki.

Már fejlesztő vagy, netán ismersz valamilyen JavaScript keretrendszert/könyvtárat, és szeretnél megismerkedni valami újjal? Ez a tanfolyam tökéletes lesz számodra is.

Előnyök

A React modern JavaScript ismeretek után gyorsan elsajátítható.

A JavaScript könyvtárak/keretrendszerek segítségével egy-egy fejlesztés sokkal gyorsabban megvalósítható.

A React community kifejezett erős, így biztosan megtalálod minden kérdésedre a választ, mindig lesz, aki segít neked.

A React komponensek újra felhasználhatósága kiváló, így amit egyszer megírtál könnyen felhasználható máshol.

A React után már csak egy lépés a React natív megtanulása, aminek a segítségével mobil alkalmazásokat is fejleszthetsz.

Tematika

  • Mi is a React?
  • A React szintaktikájának megismerése build tool használata nélkül:
    • Az App gyökér komponens, a JSX szintaxisa
    • Komponens renderelése
    • Adatok megjelenítése a DOM-ban, string interpolation
    • Primitív változók értékének hozzárendelése HTML attribútumokhoz
    • Objektum tulajdonságainak hozzárendelése HTML attribútumokhoz
    • Objektumok tömbjének feldolgozása
    • A key attribútum
    • Feltételes renderelés
    • Stílusok használatának módjai
    • React alkalmazások életciklusa lifecycle hook-ok
    • State: reaktív változók, a useState() hook használata
    • Események kezelése
    • Számított értékek
    • A useEffect() hook
    • A useEffect() hook és a fetchApi együttes használata
    • A useEffect() hook és a timerek együttes használata
    • Űrlapelemek kezelése
    • Komplett űrlapok megvalósítása
    • A kétirányú adatkötés megvalósítása
    • A useRef() hook használata
    • A régi class componensek és lifecycle methodok
  • Bevezetés a komponens alapú fejlesztésbe
    • A Vite build tool, React alkalmazás inicializálása
    • A React projektstruktúra áttekintése, alapértelmezett sriptek
    • Bevezetés a komponens alapú fejlesztésbe
    • Komponensek bemeneti adatai: props használata
    • A props validálása
    • Hibakeresés, a böngésző fejlesztői eszköztárának használata
    • React tervezési elvek
    • Magasabb rendű komponensek
    • Controlled és UnControlled komponensek
  • Komplett alkalmazások készítése:
    • Videólejátszó
    • Felhasználók kezelése (Globális állapot kezelése a React hookok segítségével)
    • Webhsop termékek és kosár oldalak (Útvonalválasztás: Routing)
Tematika (PDF)

Szükséges előképzettség

html, css alapok, javascript ES6+