Na Michalovi je vidět, ze má s SVG dlouhodobé zkušenosti, vše celkem dobře vysvětlil a byl to příjemný den.
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.
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í
Spokojení účastníci
Obzvláště bych chtěl ocenit profesionální znalosti, přístup školitele a přehlednost kurzu.
Školení SVG doporučuji všem, kteří váhají, zda a jak začít s SVG.
Velkým přínosem kurzu jsou i výborně zpracované příklady, na kterých si vše člověk doma rychle osvěží.
Školení bylo velice poutavé a znalosti jsme hned přenesli dále do týmu.
Školení mi bylo velkým přínosem. Propojilo mé dosavadní zkušenosti s použitím SVG a o velký kus je prohloubilo.
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.
SUPERKODERS Brno
Výjimečně školíme také na této brněnské adrese:
Hněvkovského 30/65, 617 00, Brno-Jih
Cena: 4 490 Kč
(5 433 Kč s DPH)
V ceně
Kurz 9:30–17:30 pro 5–15 úč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í.