Új A React library alapjai

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.

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.

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.

• 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)

html, css alapok, javascript ES6+