A React library alapjai

WEB-REA Új

Részvételi forma

Képzés hossza

3 nap (3×8 tanóra)
naponta 9:00 - 17:00

Időpontok

Képzés ára

231 000 Ft
+ ÁFA/fő -től
Szeretne a témában testre 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él elmélyülni egy JavaScript könyvtár rejtelmeiben, 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.

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ás készítése:
    • Videólejátszó

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

HTML, CSS alapok, JavaScript ES6+ és OOP alapismeretek, vagy A vállalati webfejlesztés alapjai képzésünk elvégzése.