Kurz: SVG do hloubky

Scalable Vector Graphics přináší do tvorby uživatelských rozhraní jednu z největších inovací za posledních deset let.

Vektorové ikonky? To bychom SVG velmi podceňovali.

SVG se dnes už těší vynikající podpoře mezi prohlížeči. Však už – deset let od jeho vzniku – bylo načase! Tento snadno spravovatelný, přístupný, indexovatelný a datově úsporný vektorový standard vás může svými možnostmi může překvapit.

Pro koho?

Kurz je zaměřený na profesionální webové vývojáře a kodéry. Grafici, kteří se technikálií neleknou, jsou ale více než vítáni.

Co potřebujete?

Umět HTML, CSS a základy JavaScriptu. Školení sice zvládnete i s blokem a tužkou, ale lepší je vzít si vlastní laptop.

Michal Matuška

Lektor: Michal Matuška

Senior frontend developer a jeden ze zakladatelů SuperKodérů. Na jejich mezinárodních zakázkách nabral velké zkušenosti s SVG a animacemi.
Více o lektorovi

Obsah

Úvod do SVG
Základní rysy a proč jej má smysl využívat. Způsoby vložení do stránky. Fallbacky. Srovnání s alternativami.
Základní prvky SVG kódu
Tvary. Barvy. Gradienty. Vkládání textu. Viewport, viewbox.
CSS úpravy SVG
Speciální vlastnosti stylů pro práci s vektory.
SVG filtry
Legrace, kterým by Photoshop mohl závidět. Uděláte je přímo v kódu.
Transformace
Proč fungují jinak než v CSS a jak je používat?
Animace
Rozhýbejte to pomocí JS, CSS nebo SVG.
Responzivní SVG
Co když se obrázek zvětší nebo zmenší?
Praxe: nástroje, tipy a triky
SVG z Photoshopu, Illustratoru. Grunt/Gulp pluginy. Kompatibilita vlastností. Výkon.

Veřejné termíny

8. 11. 2018 (v KC Greenpoint Praha za 4 490 Kč)

Objednat

Firemní školení

Školení je také možné připravit na míru do vaší firmy.
Kontaktujte Martina Michálka, martin@vzhurudolu.cz.
Více informací

Navazující školení

Školení doporučujeme v návaznosti na Dnešní webovou kodéřinu. SVG významně využijete i pro Responzivní design. Na druhé školení dostanete desetiprocentní slevu.

Místo konání

Konferenční centrum GreenPoint je klidné místo uprostřed zahrady.
Dopravně dobře dostupné metrem na Skalku, tramvají (i z Hlavního nádraží) a s možností parkování.
Adresa: Dvouletky 529/42, Praha 10.