Registration

Registration will be closed as soon as the capacity is filled up (including substitute participants).
Register now!

Contact

Why choose our course?

Jana Raczová

Jana Raczová
Event participant: I build websites

Girls, do not be afraid!
Czechitas workshops are great way to learn basics of IT. Participate and you will get IT addiction :)

Bootstrap

Přijď se naučit tvořit krásné responzivní weby pomocí frameworku Bootstrap. Nevíš o co jde? Všechno tě naučíme! Stačí umět základy HTML a CSS a z workshopu budeš odcházet se super webem, který vypadá dobře na mobilu, tabletu i na počítači.

When

20. October 2019

9:30 — 17:30

Where

Czechitas Brno
Škrobárenská 511/3
budova A2
Brno, 602 00
Czech Republic
https://www.czechitas.cz/cs/brno

More information

Total duration: 8h

Level of knowledge: Advanced Beginners

Eventy type: One-day

Price: 500 Kč

PRO KOHO JE KURZ URČEN:

Workshop je určený začátečnicím, které už mají základní znalost HTML a CSS (stačí v rozsahu úvodního workshopu Czechitas Tvořím web 1: HTML/CSS nebo online kurzu Czechitas Úvod do HTML a CSS). Je potřeba, abys znala alespoň základní HTML značky a věděla a jak se HTML styluje pomocí CSS, jak se HTML prvkům přidávají CSS třídy.

ANOTACE:

Workshop je hodně praktický. Na konci dne budeš mít vytvořenou složitější webovou stránku, která se přizpůsobuje velikosti prohlížeče a vypadá skvěle. Je dobře použitelná na mobilu, tabletu i na počítači.

Krátké teoretické bloky jsou proloženy delšími praktickými cvičeními, kde si okamžitě vyzkoušíš naučenou látku a pod vedením lektora a koučů budeš postupně pracovat na celodenním projektu. Na konci dne si odneseš hotovou stránku, o které by se ti ráno ani nezdálo, že ji dovedeš vytvořit. Stránku si můžeš později snadno přizpůsobit pro svoje vlastní potřeby nebo z ní vycházet při svých dalších samostatných projektech.

Na začátku workshopu bude mít lektor připravenou krátkou prezentaci, na které vysvětluje teoretické základy responzivního webdesignu. Teoretická část je velmi krátká, skoro ihned se pustíte to tvorby projektu. Pro praktická cvičení je k dispozici zdrojový projekt, ve kterém účastnice workshopu postupně dělají změny.

Během praktických částí se naučíš pracovat s dokumentací Bootstrapu, abys později byla schopná vzdělávat se dál sama a doučit se i věci, na které na workshopu už nebylo místo.

Máš se rozhodně na co těšit!

POZOR: Pro plynulý běh workshopu je nutné, abys měla alespoň základní znalost HTML a CSS. Nemusíš se bát, stačí toho opravdu málo. Pokud jsi byla na našem jednodenním workshopu HTML a CSS, umíš vše potřebné. Nebo stačí, když si projdeš náš online kurz Úvod do HTML a CSS. Je zdarma a tvoří ho 10 cca půlhodinových video lekcí.

PŘEDPOKLADY:
  • Základy HTML a CSS (viz výše)
  • Notebook
  • Myš (není úplně nutná, ale bude se ti s ní pracovat lépe)
  • Nabíječku
  • Dobrou náladu!
AGENDA:
  • Co je responzivní webdesign a k čemu je užitečný
  • Základní techniky responzivního webdesignu
  • Co je framework Bootstrap
  • Grid - tvoříme jednoduše vícesloupcový layout, který se přizpůsobuje mobilním zařízením
  • Tvoříme obsah - media object, tabulky, obrázky
  • Stylujeme Bootstrap - přizpůsobení výchozího vzhledu vlastním potřebám
  • Responzivní navigace
VÝSLEDEK:

Výsledkem je krásný responzivní web, který se přizpůsobuje velikosti prohlížeče a funguje skvěle na mobilu, tabletu i počítači. Mrkni níže, jak může tvůj výsledek vypadat.

Team