Bootstrap pro začátečníky

Zpět na kurzy

Cena

od 649,00 KČ /měsíc


nebo

4.8 z 5

Hodnocení

5x
83%
4x
11%
3x
6%
2x
0%
1x
0%

Všechny online kurzy za 7 690 KČ

Více info

Course duration 3h 51m 36s
Course chapters 43 kapitol
Course difficulty Začátečník

Tento kurz 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ý.


Seznam kapitol

Co se naučíme, co budeme dělat a proč se zapojit do kurzu

Git - jak vytěžit ze zdrojáků co nejvíce

Bootstrap - 000 Instalujeme Visual Studio Code

Bootstrap - 101 zakládáme první projekt

Bootstrap - 102 Layout - grid systém, container, fluid, row, col

Bootstrap - 103 lámeme sloupce podle šířky zobrazovacího zařízení

Bootstrap - 104 media queries, mobil first princip

Bootstrap - 105 grid nesting, offsetting

Bootstrap - 106 horizontální a vertikální zarovnání

Bootstrap - 107 ordering

Bootstrap - 108 pomůcky a komponenty z rychlíku

Bootstrap - 109 dokončení úvodu

Bootstrap - 201 Zakládáme projekt - s čím začínáme

Bootstrap - 202 návrh obrazovek

Bootstrap - 203 navigace 1

Bootstrap - 204 navigace 2

Bootstrap - 205 badges, spacing utils

Bootstrap - 206 grafy pomocí chart js, colors

Bootstrap - 207 responzivní tabulky, karty, hrátky s breakpointami

Bootstrap - 208 fontawesome ikony, tooltips, tabulky

Bootstrap - 209 obrázky, list grup, jumbotron

Bootstrap - 210 tlačítka, tlačítka group modálná okna

Bootstrap - 211 formulář

Bootstrap - 212 přidáváme stránku na vložení příjmu - výdeje, formulář

Bootstrap - 300 Visual Stuido Code - píšeme rychlejší kód - Emmet, snippets

Bootstrap - 301 úvod, co budeme designovat

Bootstrap - 302 kodujeme navigaci

Bootstrap - 303 stylů a Anime navigaci

Bootstrap - 304 Vytváříme jumbotron sekci

Bootstrap - 305 Přidáváme obrázek do jumbotronu

Bootstrap - 306 Vytváříme select sekci

Bootstrap - 307 Vytváříme carousel sekci

Bootstrap - 308 Vytváříme výběr cen sekci

Bootstrap - 309 Vytváříme collapse FAQ sekci

Bootstrap - 310 Collapse na cokoli

Bootstrap - 311 Vytváříme footer sekci

Bootstrap - 312 Animal stránku pomocí Wow.js a Animate.css

Projekt kurzu = domácí úkol Konec kurzu

Kurz je možné vyzkoušet i zdarma!