Bootstrap 4
A Bootstrap egy olyan keretrendszer, aminek a használatával rendkívül gyorsan tudunk könnyen átlátható és látványos weboldalakat készíteni. A Bootstrap segítségével felépítünk egy ütős oldalt.
- Források
- Bevezető
- Az oldal bemutatása, képek letöltése
- A Bootstrap 4 használata
- A navbar komponens
- A navbar megjelenésének testreszabása
- Reszponzív megjelenés
- Menüelemek és lenyíló menü
- Aloldalak létrehozása, snippetek
- A menü véglegesítése
- A Bootstrap carousel komponens
- Carousel testreszabása, utility class-ok
- A rácsrendszer felépítése
- A container osztályok használata
- A col osztályok használata I.
- A col osztályok használata II.
- Responsive layout készítése
- Több row egy container-ön belül
- Embed row
- Kód letisztázása
- A media object komponens
- Embed row a gyakorlatban
- A button komponens
- A card komponens
- A tanfolyami kártya sablonjának véglegesítése
- Cards projektfeladat
- Vertikális pozicionálás
- A blockquote elem
- A lábrész-navigáció elkészítése
- A lábrész-bejegyzések elkészítése
- A lábrész-elérhetőségek elkészítése
- A főoldal ellenőrzése
- Az aloldalak sablonjának frissítése
- A breadcrumb komponens
- A table komponens
- A jumbotron és az alert komponensek
- Az előfizetési opciók kártyáinak elkészítése
- A shadow utility osztályok, listák
- Egy oktatói kártya alapjainak felépítése
- A progress komponens
- A social media oldalak linkjeinek elkészítése
- Az oktatói kártyák befejezése
- A bloglista oldal bemutatása
- Egy blog sablonjainak elkészítése
- A pagination komponens
- Az offset class-ok
- Töréspontok és offset class-ok
- Margin class-ok
- Accordion: lenyíló elemek
- Az accordion formázása
- Az oldal bemutatása
- Formok használata
- A modal komponens
- Login form projektfeladat
- Checkout form projektfeladat
- Egyéb reszponzív elemek
- Az elkészült oldalak ellenőrzése, hibajavítás
- Zárszó
- Sitebuilding projektfeladat
- Kvíz
Az oktatóról
2008 óta foglalkozom webfejlesztéssel és oktatással egyaránt. 2017 óta tanítok a Training360-nál. Otthonosan mozgok a HTML-CSS-JavaScript hármas és a hozzájuk kapcsolódó technológiák valamint a Python világában. Engem ért a megtiszteltetés, hogy négy alkalommal is összeállíthattam egy-egy feladatsort az Országos IT megmérettetésre. Vallom, hogy ugyanolyan káros a „csak gyakorlati”, mint a „csak elméleti” oktatás. Imádom a naív dolgokat, és nem követem a divatot a programozás terén (sem). Szabadidőmben szívesen írok, blogolok, olvasok, gitározom, túrázom. Már ha van szabadidőm.
