Bootstrap pro začátečníky

3h 51m 36s
Čas
43
Kapitol
1 839
Studentů
4.7
Hodnocení
Začátečník
Level
slovenský
Jazyk kurzu

Popis online kurzu Bootstrap pro začátečníky

Online kurz Bootstrap pro začátečníky ti ukáže, jak účelně vytvářet responzivní, mobile-first web projekty front-end knihovnou Bootstrap, která se ve světě těší vysoké popularitě. Bootstrap je open source sadou nástrojů pro vývoj s použitím HTML, CSS a JAVAScriptu. Responzivní Bootstrap webstránky jsou dnes již standardem a přesně takové stránky se v tomto online kurzu naučíš vytvářet. V tomto kurzu dále pochopíš, jak Bootstrap a jeho komponenty vlastně fungují a jak je efektivně použít.

Chceš vytvářet jednoduše a rychle hezké responzivní aplikace bez psaní jediného řádku kódu v CSS souborech? Tak to jsi na správném místě! Nechce se ti, nebo nemáš čas stajlovat svou stránku? Bootstrap ti pomůže! Jsi programátor, který se zaměřuje na funkčnost stránky, ale její vzhled se Ti nelíbí? Pak jsi tu opět správně! Chceš si zapsat do životopisu něco lákavého? Pak tedy neváhej a zapoj se do kurzu. 

Co se v tomto kurzu naučíš?

Absolvováním tohoto kurzu se naučíš, jak pracuje Bootstrap grid systém. Dále si názorně vysvětlíme, jak pracují jednotlivé komponenty (například scroll spy, modální okna nebo skrývání elementů) a rovněž si ukážeme množství užitečných CSS tříd a pomůcek. 

Co potřebuješ vědět?

Pro úspěšně absolvování tohoto kurzu počítáme s tím, že znáš CSS a HTML na zcela základní úrovni. Tedy znáš CSS selektory, někdy jsi už napsal nějaké styly a znáš i základní HTML tagy. 

Co všechno dostaneš?

Absolvováním tohoto kurzu pro sebe získáš řadu užitečných benefitů: 
  • Téměř 4 hodiny videotutoriálů.
  • Domácí úkoly na procvičení. 
  • Certifikát o absolvování kurzu. 
  • Podporu od lektora a odpovědi na Tvé otázky v diskusním fóru. 
  • Garanci vrácení peněz v případě, že s kurzem nebudeš spokojený.
Online kurz Bootstrap pro začátečníky je možné

Seznam 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á

Hodnocení kurzu

Bootstrap pro začátečníky

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