Lekce 2 - Popis vestavěných komponent Simplex.js
V minulé lekci, Úvod do frameworku Simplex.js, jsme si představili microframework Simplex.js a podívali se na přiloženou ukázku jeho použití.
Framework nabízí několik předpřipravených komponent pro nejčastější situace, ze kterým můžeme případně nové komponenty i oddědit. Jsou to:
Autocomplete
BarChart
Carousel
Dialog
(experimentální)EuCookie
TabControl
TreeView
Dnes si jednotlivé dostupné komponenty popíšeme, ukážeme si jejich HTML kostru a ukázku použití.
Carousel
První komponenta, kterou si ukážeme, je Carousel
(kolotoč).
Tu jistě znáte z mnoha jiných webů, kde umožňuje přepínat obrázky buď
po časovém intervalu a/nebo kliknutím na "puntíky" v dolní části
komponenty. Rovnou si na Carousel
u také vysvětlíme i obecné
přístupy a nastavení.
Na stránce index.html
s ukázkou použití frameworku nalezneme
Carousel
definovaný jako element <div>
obsahující klasický HTML seznam <ul>
, který obsahuje
jednotlivé obrázky:
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Omezená nabídka: Nauč se vše a ušetři
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium III, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V tutoriálu si popíšeme jednotlivé vestavěné komponenty frameworku Simplex.js a ukážeme si jednoduché příklady jejich použití.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.