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.

Školení bylo jednoznačně super! Musím doporučit i jako grafik.

Honza Chalupník, AZComputers 8. listopadu 2018

Do této doby jsem neměl tušení, co vše je pomocí SVG možné na webu udělat.

Adam Košťálek 8. listopadu 2018

Líbila se mi strukturovaná náplň kurzu, možnost zastavit a zeptat se.

Daniel Kurowski, Grifart 29. března 2018

Školení by měl absolvovat každý pořádný frontenďák.

Jiří Cerhan, Czech Promotion 29. března 2018

Nedá se srovnat s tutoriály na internetu. Zejména bych vyzdvihl představení spousty real-life příkladů.

Filip Stoklasa, Lipa Learning 29. března 2018

Michal své super-svg-kodérské nadšení, znalosti i zkušenosti dokáže předat dál.

Jan Bien, webmistr 29. března 2018

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.