
Webtanárwebmesterek online iskolája
|
|
Tervezz mobilbarát weblapokat, melyekből később mobil appok készülhetnek!
Megtanítom, hogy a Ratchet keretrendszer segítségével hogyan tudsz olyan weboldalakat készíteni, amelyek mobiltelefonon úgy mutatnak mintha valódi appok lennének. Az elkészült webappoknak indítóikonjuk is lesz a kezdőképernyőn, melyre kattintva teljes képernyős módban futnak majd!
A kurzust azoknak ajánlom, akiket érdekel a mobil appok fejlesztése, de eddig még csak weblapok készítésével foglalkoztak. Ez jó kiindulópont lesz a mobil appok fejlesztéséhez...
A kurzus feldolgozásához szükséged lesz alapvető HTML, CSS és JavaScript ismeretekre, melyeket a többi kurzusomból könnyedén beszerezhetsz.
A Ratchet keretrendszer letöltése és beüzemelése
Az első weblapunk elkészítése és tesztelése
Indító-ikon készítése, teljes képernyős futtatás
Ikonok és beállítófájlok automatikus generálása
Ratchet-oldalak közötti animált váltás
Oldalak közötti váltás egyfájlos módszerrel
Egyszerű felső és alsó sávok készítése
A fő tartalom megformázása és igazítása
Különféle gombok használata
Fejléc készítése: szöveg, gombok, ikonok, menü
Területek megjelenítésének vezérlése menüsorral
Alsó menüsor készítése (ikonokkal és anélkül)
Érintési funkciók engedélyezése asztali gépeken
Egyszerű táblázat kattintható sorokkal
Gombok, jelvények és kapcsolók hozzáadása
Ikonok használata a táblázat soraiban
Képek címmel és leírással (mint az iTunes-ban)
Egyszerű űrlap különféle típusú beviteli mezőkkel
A beviteli mezők csoportosítása
A kapcsológombok programozott vezérlése
A kapcsológombok feliratának megváltoztatása
Az űrlap elküldése és feldolgozása
Előugró területek (popovers)
Előugró teljesképernyős oldalak (modals)
Ujjal is lapozható képnézegető készítése
Váltás az alap, iOS és Android stílusok között