jQuery és Bootstrap

WEB-JQBS

Webfejlesztés hatékonyabb eszközökkel: jQuery, Bootstrap 3 és 4

Képzési forma:
Képzés hossza:
3 nap (24 óra)
Tananyag nyelve:
Magyar
2022.
október
19.
Biztosan indul
2022.
december
14.
Biztosan indul
Képzési forma:
Képzés hossza:
3 nap (24 óra)
Képzés nyelve:
Magyar/Angol
Képzési forma:
Normál
Képzés hossza:
3 nap (24 óra)
Képzés nyelve:
Magyar/Angol

Ismertető

A tanfolyam célja, hogy a tanulók megtanulják használni a jquery javascript függvénykönyvtárat, mely segítségével az alap javascript nyelv válik egyszerűbbé, könnyebben használhatóvá. A jQuery segítségével sokkal gyorsabban tudnak majd böngészőfüggetlen megoldásokat készíteni. A Bootstrap 3 css keretrendszerrel képesek lesznek minimális időráfordítással responsive – az eszköz méretéhez igazodó elrendezésű, megjelenésű – honlapokat készíteni. Használni, és testre szabni tudják a Bootstrap 3 statikus, és dinamikus elemeit.

jQuery

  • A jquery szintaxisa. Hasonlóságok, és különbségek a natív javascripthez képest.
  • Kiválasztók.
  • Események kezelése.
  • DOM manipulálás. Elemek elrejtése, megjelenítése, animálása.
  • DOM elemek készítése, módosítása, törlése, a tartalom megváltoztatása.
  • Elemek stílusának módosítása.
  • Metódusok láncolata.
  • AJAX hívások jQuery-vel. Küldő tartalmak betöltése.

Bootstrap

  • A Bootstrap 3 alapértelmezéseinek – tipográfia, színek, töréspontok, rácsméret, stb. – bemutatása, testre szabása.
  • Formázási segédosztályok használata.
  • A Bootstrap grid rendszere. Grid segédosztályok. Responsive weboldal készítése a bootstrap beépített osztályainak segítségével.
  • Táblázatok létrehozása, és formázása.
  • Gombok, gombcsoportok, lenyíló menü, ikonok használata.
  • Menü, menüsáv létrehozása.
  • Tab-os tartalmi megoldások készítése.
  • Morzsamenü készítése.
  • Panel-ek, címkék, „kizűzők”, listacsoportok.
  • Lapszámozás, tartalom több aloldalra osztása.
  • Statikus figyelmeztető üzenetek.
  • Képek: responsive képek, lekerekített sarkú, és egyéb lehetőségek.
  • Responsive videó beágyazása.
  • Űrlapok készítése, űrlapelemek, űrlapelem csoportok és ezek testreszabása. Folyamatjelzők.
  • A jumbotron - figyelemfelkeltő elem.
  • Egyéb dinamikus elemek: modal, carousel, tooltipp, popover, scrollspy
Windows 7+ felhasználói szintű ismeretek. HTML, CSS, és javascript ismeretek.