HTML5 tanfolyam
Hossz:
40 óra
Az egyes alkalamak
Ár:
69 000 Ft+áfa
ingyenes!
A HTML5 a legforróbb technológia a jelenlegi trendek között. Egyre inkább az elfogadott standarddá válik, legyen szó webes vagy akár mobil fejlesztésről. Ebben a tanfolyamban minden szükséges alapismeretet megkapsz, hogy HTML5 alapú alkalmazásokat vagy weblapokat fejlessz. Tényleges példákon keresztül tanuljuk meg, hogyan dolgozzunk éles környezetben, valós igényeket kielégítve. Először az új HTML5 elemek és űlrap tulajdonságok megismerésével kezdünk. Ezután továbbhaladunk az elemek mozgatása, valamint a multimédia felé. Majd megismerkedünk a Geolokációs, Webstorage és Application cache kezelésével. Végül a megszerzett tudásunkkal építünk egy saját webes alkalmazást.
Oktató
Cserkó József

Webfejlesztés oktató

Témakörök
1. Fejlesztés fénysebességgel
  • Fejlesztőkörnyezet felállítása, szerkesztő programok telepítése.
  • Mi a Bower és a Git? Miért gyorsítják a munkánkat? Indítunk egy saját Github projektet, ahova a tanfolyam során fogunk dolgozni. Telepítjük az NPM és Bower alkalmazásokat, beállítjuk őket és megismerjük használatukat.
  • Gulp, azaz automatizáljuk a folyamatokat. Minden módosítás hatására önműködően ellenőrizni fogja alkalmazásunk a kódot, tömöríti és egyesíti a nagyobb fájlokat, módosítja a fájlok nevét és elkészíti a futtatható build-et.
2. Bevezetés a HTML5 -be
  • Mi a HTML5. Születése, előnyei.
  • Új tagok és elemek.
  • Új űrlap elemek 1.
  • Új űrlap elemek 2.
3. HTML5 és Javascript
  • Nyelvi alapok gyors áttekintése, formába hozás.
  • Új funkciók az ES5-ben és ES6-ban.
4. A CSS3 újdonságai
  • Új direktívák és funkciók áttekintése.
  • Mozgásba jönnek a dolgok. Animációk, áttűnések.
5. HTML5 grafika és Drag & Drop
  • HTML5 grafika, rajzolási parancsok, vonalak, színek.
  • SVG, avagy eljött a méretezhető grafikus elemek kora.
  • Drag and Drop. Elemek húzása, rendezése.
6. Multimédia
  • Hangok beszúrása, lejátszása, vezérlése.
  • Videók beágyazása, lejátszása.
7. Geolocation és Helyi adattárolás
  • A Geolocation API használata.
  • LocalStorage és WebStorage. Tároljunk adatokat a böngészőben.
8. CSS keretrendszerek, Bootstrap
  • Mi a CSS Framework és mire jó?
  • Bootstrap, készítsünk reszponzív oldalakat gyorsan. Rácsrendszer, elemek, funkciók.
9. Javascript keretrendszerek, jQuery, AngularJS
  • A keretrendszerek rövid bemutatása, előnyeik.
  • jQuery rövid áttekintése, használata. Fejlesztések, aktuális verziók.
  • AngularJS. Avagy hogyan fejleszt a Google? Használata, rövid bemutatása, alapok.
10. Egy alkalmazás közös fejlesztése
  • Az elsajátított ismeretek alapján készítünk valamit. Komplett példa, design-al, egyedi funkciókkal.
  • Fórum.
Technikai információk
Részletes technikai információkat csak a képzés hallgatói nézhetik meg bejelentkezés után!