Detail kurzu
Bootstrap pre začiatočníkov
Learn2Code
Popis kurzu
Popis online kurzu Vytváraj responzívne, mobile-first web projekty s najpopulárnejšou front-end knižnicou Bootstrap na svete. Bootstrap je open source sada nástrojov pre vývoj s HTML, CSS a JavaScriptom. Responzívne webstránky sú dnes už štandardom a presne také stránky sa naučíš robiť v tomto online kurze. V tomto kurze sa naučíš vytvárať boostrap webstránky a pochopíš, ako Bootstrap a jeho komponenty vlastne fungujú a ako s Bootstrapom robiť responzívne webstránky.
Chceš vytvárať jednoducho a rýchlo pekné responzívne aplikácie bez písania jediného riadku kódu v css súboroch? Si na správnom mieste.
Nechce sa ti alebo nemáš čas štýlovať svoju stránku? Bootstrap ti pomôže.
Si programátor, ktorý sa zameriava na funkčnosť stránky ale jej výzor sa ti nepáč? Si tu správne.
Chceš si zapísať do životopisu niečo lákavé? Neváhaj, zapoj sa do kurzu.
Čo sa naučíš?
Naučíš sa ako pracuje Bootstrap grid systém, ukážeme si ako pracujú jednotlivé komponenty, ako scroll spy, modálne okná, skrývanie elementov a podobne. Ukážeme si množstvo užitočných css tried a pomôcok.
Čo potrebuješ vedieť?
Počítam s tým, že poznáš CSS a HTML na úplne základnej úrovni. Teda poznáš css selektory, niekedy si už napísal nejaké štýly a poznáš aj základné html tagy.
Čo všetko dostaneš?
- takmer 4 hodiny videotutoriálov
- domáce úlohy na precvičenie
- certifikát o absolvovaní kurzu
- podpora od lektora a odpovede na tvoje otázky v diskusnom fóre
- garancia vrátenia peňazí v prípade, že s kurzom nebudeš spokojný
Obsah kurzu
Zoznam kapitol Čo sa naučíme, čo budeme robiť a prečo sa zapojiť do kurzu
Git – ako vyťažiť zo zdrojákov čo najviac
Bootstrap – 000 Inštalujeme Visual Studio Code
Bootstrap – 101 zakladáme prvý projekt
Bootstrap – 102 Layout – grid systém, container, fluid, row, col
Bootstrap – 103 lámeme stĺpce podľa šírky zobrazovacieho zariadenia
Bootstrap – 104 media queries, mobil first princíp
Bootstrap – 105 grid nesting, offsetting
Bootstrap – 106 horizontálne a vertikálne zarovnanie
Bootstrap – 107 ordering
Bootstrap – 108 pomôcky a komponenty z rýchliku
Bootstrap – 109 dokončenie úvodu
Bootstrap – 201 Zakladáme projekt – s čím začíname
Bootstrap – 202 návrh obrazoviek
Bootstrap – 203 navigácia 1
Bootstrap – 204 navigácia 2
Bootstrap – 205 badges, spacing utils
Bootstrap – 206 grafy pomocou chart js, colors
Bootstrap – 207 responzívne tabuľky, karty, hrátky s breakpointami
Bootstrap – 208 fontawesome icons, tooltips, tabuľky
Bootstrap – 209 obrázky, list grup, jumbotron
Bootstrap – 210 buttons, buttons group, modálne okná
Bootstrap – 211 formulár
Bootstrap – 212 pridávame stránku na vloženie príjmu – výdaju, formulár
Bootstrap – 300 Visual Stuido Code – píšeme rýchlejší kód – emmet, snippets
Bootstrap – 301 úvod, čo budeme dizajnovať
Bootstrap – 302 kódime navigáciu
Bootstrap – 303 štýlujeme a animujeme navigáciu
Bootstrap – 304 Vytvárame jumbotron sekciu
Bootstrap – 305 Pridávame obrázok do jumbotronu
Bootstrap – 306 Vytvárame select sekciu
Bootstrap – 307 Vytvárame carousel sekciu
Bootstrap – 308 Vytvárame výber cien sekciu
Bootstrap – 309 Vytvárame collapse FAQ sekciu
Bootstrap – 310 Collapse na hocičo
Bootstrap – 311 Vytvárame footer sekciu
Bootstrap – 312 Animujeme stránku pomocou Wow.js a Animate.css
Projekt kurzu = domáca úloha Koniec kurzu
Kontaktná osoba
Hodnotenie
Organizátor
Podobné kurzy
podľa názvu a lokality