Školení bylo jednoznačně super! Musím doporučit i jako grafik.
Honza Chalupník, AZComputers 8. listopadu 2018
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.
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.
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.
Cena: 4 490 Kč
(5 433 Kč s DPH)
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í.
