Registration

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

Contact

Why choose our course?

Anna Kotovyč

Anna Kotovyč
Event participant: I build websites

The ambiance was very friendly.
I'm so glad that I've come up on Czechitas and had the possibility of attending. The workshop was very helpful in sorting my previous knowledge and to understand how HTML and CSS works – learn something entirely new. The ambiance was very friendly.

Tvořím web od A do Z - 2

Prohlub své znalosti HTML a CSS a nauč se tvořit komplexní responzivní weby. Naučíš se vytvářet moderní layout pomocí CSS gridu, kódovat časté interaktivní prvky uživatelského rozhraní jen s pomocí CSS a vytvořit web složitější web s použitím šablonového systému.

When

Where

Praha - bude upřesněno
Praha,
Czech Republic

More information

Total lessons: 0

Single lesson duration: 7h

Level of knowledge: Lower Intermediate

Eventy type: Long-term

Price: 5000


Date of single lessons

PRO KOHO JE WORKSHOP/KURZ URČEN:

Pro všechny, kdo chtějí prohloubit své znalosti HTML a CSS a posunout se ve tvorbě stránek na pokročilejší úroveň a naučit se další technologie, které jsou dnes pro moderní web nutností.

Kurz je zamýšlen jako volné pokračování dlouhodobého kurzu Web od A do Z 1. Absolvování předchozího kurzu není nutné, ale ujisti se, že máš požadované znalosti HTML, CSS a responzivního webdesignu.

Pozor, jedná se o nový intenzivní typ kurzu, který trvá celý pracovní týden, každý den cca 6,5 hodin výuky. Před přihlášením zvaž časovou náročnost kurzu.

ANOTACE:

V kurzu navážeme na předchozí znalosti HTML a CSS a ukážeme si, jak moderně kódovat nejčastější interaktivní prvky uživatelského rozhraní jen pomocí CSS (hamburger menu, záložky, galerii se zvětšováním fotek, apod.).

Podrobně si popíšeme a vyzkoušíme CSS grid - nejnovější standard pro vytváření layoutu (rozložení stránky). I vizuálně složité stránky najednou budou hračka na pár řádků kódu.

Zběžně si ukážeme metodiku BEM pro psaní CSS a preprocessor Sass (vylepšená “nadstavba” CSS), díky kterému rozdělíme CSS kód do spousty malých a zvládnutelných souborů, místo psaní jednoho dlouhého monolitického CSS, ve kterém se nikdo nevyzná. Ukážeme si i nástroje pro minifikaci CSS pro zrychlení načítání stránek a autoprefixer pro zlepšení kompatibility se staršími prohlížeči.

Umět HTML a CSS je fajn, ale budovat skutečný složitější web jen pomocí nich je často problematické. Většina webů má požadavek na redakční systém pro správu obsahu.

Naučit se psát šablony pro redakční systém (často v jazyce PHP) vyžaduje celou novou skupinu znalostí a hlavně hodně času a trpělivosti. Existuje ale i další cesta, tzv. generátory statických webů. Ty jsou jakýmsi mezikrokem mezi čistým HTML a CSS kódem a plným redakčním systémem. Mají mnohem blíže k front-end kódování než serverové programovací jazyky.

V kurzu si do generátoru statických webů převedeme vzorový projekt. Ukážeme si, jak z našeho HTML a CSS udělat šablony a jak odděleně od nich spravovat obsah webu a eliminovat tak potřebu pro redakční systém.

Výsledkem bude web, na kterém lze měnit obsah jednoduchou editací textových souborů, ale přitom má dynamické části jako novinky nebo blog. Web lze jednoduše spravovat (obsah i šablony) a přitom je extrémně rychlý a lze ho nasadit na libovolný webhosting bez jakýchkoliv zvláštních nároků.

Pokud nám zbyde čas, ukážeme si, jak přidat do webu nejčastější analytické a marketingové nástroje (Google Analytics, Facebook pixel). Nastavíme je tak, aby pro nás sledovaly a vyhodnocovaly požadované události.

PŘEDPOKLADY:

Kurz je zamýšlen jako volné pokračování dlouhodobého kurzu Web od A do Z. Pokud máš tento kurz za sebou, znáš vše potřebné.

Nejsi-li absolventkou Webu od A do Z, nevadí. Jen se prosím ujisti, že umíš HTML a CSS na požadované úrovni. Měla bys umět:

  • Rozumět box-modelu v CSS
  • Ovládat různé druhy pozicování v CSS (relative, absolute, apod.)
  • Znát techniky pro tvorbu layoutu stránek (float, flexbox)
  • Responzivní webdesign - psaní media query, mobile first přístup k tvorbě stránek
  • Když dostaneš (jednodušší) grafický návrh stránky, umíš ho nakódovat v HTML a CSS

Kurz je určen pro středně pokročilé, ideálně absolventky Webu od A do Z nebo s odpovídajícími znalostmi.

AGENDA:
  • Kódování interaktivních UI prvků jen pomocí HTML a CSS
  • CSS grid a komplexní layouty
  • Převod webu do šablonovacího systému
  • Správa webu pomocí statického generátoru webů
  • Metodologie BEM
  • Sass - vylepšené CSS
  • Nástroje - minifikace, autoprefixer, live reload
  • Použití a nasazení analytických a marketingových nástrojů do webu
VÝSLEDEK:
  1. Budeš umět nakódovat složitější prvky moderního webového UI
  2. S pomocí CSS gridu pro tebe nebude problém nakódovat ani složitější layout stránky
  3. Na závěr převedeš čistý HTML/CSS projekt do šablonovacího systému, přidáš správu obsahu a web nasadíš do internetu
  4. Budeš umět používat nástroje, které ti usnadní práci s CSS a vylepší kompatibilitu se staršími prohlížeči
  5. Dozvíš se, jak se o návštěvnících stránky dozvědět co nejvíce pomocí analytických nástrojů
PODMÍNKY ABSOLVOVÁNÍ KURZU:

Kurz je intenzivní, probíhá během pracovního týdne, každý den cca 6,5 hodiny výuky. Podmínkou pro úspěšné absolvování kurzu a udělení certifikát je docházka minimálně 80% a dokončení závěrečného společného projektu.

Team