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.

Průměrné hodnocení 4,89 z 5 hvězdiček.
Na základě 56 hodnocení od 118 účastníků kurzu.

Super forma, při které si to člověk vyzkouší a hlavně pochopí, co píše.

David Czernín 12. března 2019

Š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

Další hodnocení

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.

V ceně

Kurz 9:30–17:30 pro 5–16 účastníků.
Oběd a občerstvení během dne.
Konzultace e-mailem od lektora.

Slevy

Platí vždy jedna, ta vyšší:
20 % pro nepodnikající studenty.
10 % pro účasníky předchozích školení.

SVG do hloubky

Pro koho?

Co potřebujete?

Lektor: Michal Matuška

Fotky ze školení

Obsah

Navazující školení

V ceně

Slevy

Veřejné termíny

Proč jít na kurzy Vzhůru dolů?

5 let zkušeností

100 školení

1 000 účastníků