
Webtanárwebmesterek online iskolája
|
|
Köszöntelek a Bootstrap kurzuson, én Kovács Bence vagyok.
Magyarországon elsőként, 2002-ben kezdtem el oktatóvideókat készíteni, főként a webes programozás témakörében. Azóta több, mint 70 oktatóanyagot készítettem el, melyekkel többezer hallgatót tudtam segíteni a tanulásban, és a gyakran a munkaszerzésben is.
Manapság, amikor a legtöbben már mobiltelefonon és táblagépen nézegetik a weblapokat, a webmestereknek nagy hangsúlyt kell fektetniük a reszponzivitásra – vagyis arra, hogy a weblap minden készüléken szépen jelenjen meg. Ez a kurzus megismerteti veled a reszponzív weblapkészítés eszközeit. Foglalkozunk a Bootstrap rács-szerkezetével, különféle navigációs megoldásokkal, a reszponzív űrlapok készítésével és egyéb hasznos eszközökkel, melyekkel könnyedén tudsz majd modern, reszponzív weblapokat készíteni.
A leckék megértéséhez rendelkezned kell HTML, JavaScript, CSS és jQuery alapismeretekkel, melyeket a többi kurzusomból pótolhatsz.
A videókon valós időben követheted majd a forráskód szerkesztésének lépéseit. Minden egyes lecke megtekintése után a gyakorlatban is próbáld ki a látottakat! Ebben segítenek a mellékelt kódok, melyeket a letölthető segédfájlok között találsz meg.
Most pedig nézd meg az ingyenes leckéket, melyek alapján eldöntheted, hogy hasznos lesz-e számodra az oktatóanyag! A vásárlás után azonnal elkezdheted a tanulást.
További szép napot kívánok! :-)
A Bootstrap keretrendszer letöltése, használata
A weblapunk rács-szerkezetének kialakítása
Szövegek megjelenítése (tipográfia)
Táblázatok megjelenítési lehetőségei
Képek és beágyazott videók reszponzív megjelenítés
Figyelemfelkeltő szövegek, fejlécek
Bezárható értesítési blokkok megjelenítése
Gombok
Gombcsoportok és vízszintes (legördülő) menük
Ikonok használata
Címkék és szám-jelvények
Folyamatjelző sávok
Oldalválasztó gombcsoportok és lapozó gombok
Listacsoportok
Panelek
Lenyíló menük
Lenyíló és összecsukható (harmónika) panelek
Füles szerkezetű lapok (tab-ok) navigációja
Menüszerkezet gombokkal
Menüsor készítése
Űrlapok készítése
Az alapvető űrlap-elemek áttekintése
Az űrlap-elemek különböző állapotai
Az űrlap-elemek méretezése
Kép-lapozó (carousel) készítése
Üzenetablak készítése (bármilyen HTML tartalommal)
Súgószöveg (tooltip) készítése
A súgószövegek egyedi formázása
Scrollspy - a gördítésre reagáló menüsor
Affix - gördítés után fixálható menüsor