Bootstrap pre začiatočníkov

3h 51m 36s
Čas
43
Kapitol
1 839
Študentov
4.7
Hodnotenie
Začiatočník
Level
slovenský
Jazyk kurzu

Popis online kurzu Bootstrap pre začiatčoníkov

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ý.
Online kurz Bootstrap pre začiatočníkov je možné

Zoznam kapitol

Úvod
Linky
Bootstrap - 000 Inštalujeme Visual Studio Code
Git - ako vyťažiť zo zdrojákov čo najviac
Základy
Basics zdrojáky 101-109
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
Kódime vlastný projekt
Vlastná appka zdrojáky 201 - 212
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
Home page
Komplet zdrojáky 000 - 312
Bootstrap - 300 Visual Studio 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 - 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
Koniec
Projekt kurzu = domáca úloha
Koniec kurzu - záverečné slová

Hodnotenia kurzu

Bootstrap pre začiatočníkov

Velmi jednoduše vysvětleno a hezky provázáno s dokumentací. One Page website je jako učební pomůcka super, člověk si může rychle zažít Bootstrap syntax.

Miloslav Š.

Pozri aj tieto kurzy