Detail kurzu

Bootstrap I. pre začiatočníkov - responzívny HTML, CSS a JS framework

IT LEARNING SLOVAKIA, s.r.o.

Popis kurzu

Kurz Bootstrap je učený pre všetkých, ktorí sa chcú naučiť tvoriť responzívne web stránky rýchlo a bez toho, aby svoje stránky robili responzívne "ručne", prácnym a zdĺhavým kódovaním v CSS. Responzívny, iným slovom „prispôsobivý“ web dizajn však nie len akýmsi módnym trendom. Vďaka Google, ktorý na mobilných zariadeniach vo vyhľadávaní začal uprednostňovať responzívne web stránky, sa stala prakticky povinným štandardom. Responzivitou je myslená schopnosť web stránky prispôsobiť sa zobrazeniu na malej obrazovke, napríklad na mobile, alebo na tablete. Takýto prístup na web stránky má totiž rastúcu tendenciu. Dá sa dokonca povedať, že na mobilných zariadeniach si prezeráme web stránky častejšie, ako na stolných počítačoch, či notebookoch. A tomuto trendu je nutné sa prispôsobiť, takže je najvyšší čas aby ste či už ako začínajúci web dizajnér, alebo web dizajnér so skúsenosťami, od dnes začali tvoriť iba responzívne web stránky. Princípom Boostrapu je nepísať alebo netvoriť CSS kód, ktorý je štandarom pre každú šablónu - responzívne bloky a oddiely, tlačidlá, nadpisy, menu položky, panely - proste sa zamerajte na Vašu funkcionalitu a nestrácajte čas tým, čo už nieko za Vás vymyslel a spravil. Proste používajte! Na tomto kurze sa naučíte princípom a fungovaniu Bootstrapu, jeho komponentom a zásadám správnej tvorby Bootstrapových stránok a šablón. Účastníci kurzu musia mať vstupné vedomosti na úrovni našich kurzov tvorba web stránok HTML I. a HTML II., ideálne rozumieť HTML5 a CSS3 a JavaScript-u, ale nie je to nevyhnutnou podmienkou.

Obsah kurzu

  • Čo je Bootstrap
    • Čo je responzivita a prečo mať stránky responzívne.
    • Prečo Bootstrap - ako mi pomôže s responzivitou.
    • Bootstrap a podpora prehliadačov.
  • Ako Bootstrap použiť
    • Stiahnutie a "inštalácia"
    • Minimálna šablóna.
    • Ošetrenie kompatibility.
  •  Ako je Bootstrap delený
    • CSS - na vylepšenie a skrášlenie obsahu - písma, farby, zarovnanie a pod
    • Komponenty -Na logické združenie obsah a pridelenie významu - skupiny tlačítok, upozornenia a pod
    • JavaScript - Na oživenie obsahu - "kolotoče", "harmoniky", "vyskakovacie okná" a pod. 
  •   Tvoríme Bootstrap (responzívnu) stránku
    • Návrh -Čo je "mobile first".
    • Prečo a ako deliť obsah do blokov už pri návrhu.
    • Tvorba štruktúry
    • Povinná štruktúra stránky
    • Kontajnery
    • Riadky
    • Bloky
  • Práca s blokmi
    • Čo je responzívna sieť - responsive grid
    • Vnáranie blokov 
  • Pomocné triedy
    • Odsadzujeme / posúvame bloky - offset
    • Meníme poradie blokov - pull, push
    • Skrývame/zobrazujeme bloky - hide, show
    • Riešime problémy s nerovnakou výškou blokov - clearfix
  • Vkladáme menu
    • Vyberáme typ menu
    • Práca s navigačnými záložkami - nav tabs
    • Práca s navigačnými tlačítkami - nav pills
    • Práca s navigačným panelom - nav bars
  • Vkladáme obsah
    • Text    
    • Nadpisy
    • odseky
    • Skratky
    • Citácie
    • Zoznamy
    • Tabuľky
    • Formuláre
    • Obrázky
    • Videá
  •   Formátujeme obsah bez vlastného CSS
    • Vylepšujeme textové prvky
    • Vylepšujeme tabuľky
    • Vylepšujeme obrázky
    • Vylepšujeme videá
  • Vkladáme komponenty
    • Ikony - glyphicons
    • Tlačítka - buttons
    • Panely - panel, well, jumbotron
    • Stránkovanie - pager
    • Upozornenia - alert
    • Ukazatele priebehu - progress bar
  • Oživujeme obsah
    • Rozbaľovacie tlačítka - dropdowns
    • Vyskakovacie okná - modals
    • Potvrdzovateľné upozornenia
    • Záložkový systém pre obsah - tabs
    • Kolabovateľný obsah - accordion
    • Kolotoč obrázkov - carousel
    • Riadková a bloková pomoc pre obsah - tooltip, popover 
  • Testujeme stránku
  • Ako ďalej - beyond bootstrap
  • Úprava Bootstrap
  • Vylepšenia Bootstrap
  • Material design
  • Podpora tém
  • Hotové komponenty
    • Hotové príklady
    • Zdroje informácií
    • Iné frameworky
Hodnotenie




Organizátor



Ďalšie termíny kurzu
Termín Cena Miesto konania Zarezervovať