Bootstrap pre začiatočníkov

Zpět na kurzy

Cena

1 299,00 KČ


nebo

4.6 z 5

Hodnocení

5x
75%
4x
13%
3x
13%
2x
0%
1x
0%

Všechny online kurzy za 4 999 KČ

Více info

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

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ý

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