NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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 Carouselu 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

Znalosti v hodnotě stovek tisíc získáš za pár korun

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

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh za exkluzivní cenu 55 Kč
Aktuální stav konta 0 Kč
Koupí tohoto výhodného balíčku získáš přístup ke všem 5 článkům (5 lekcí) tohoto kurzu s kontrolou a certifikací a ještě navíc ušetříš 226 Kč. Nabídka je časově omezená a platí pro všechny lekce v kurzu. Nakup teď a získej limitovanou 80% slevu.

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.

Co od nás v dalších lekcích dostaneš?
  • 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íť.

Článek pro vás napsal Petr Kozler
Avatar
Autor se věnuje vývoji převážně webových aplikací v PHP nebo Pythonu.
Aktivity