Logo Vzhůru dolů: Mlátek a želízko Balíček kurzů – při objednávce ušetříte

SVG do hloubky

Momentálně není vypsaný žádný veřejný termín. Napište si o nový na skoleni@vzhurudolu.cz.

🦠 Covid info: Podzimní celodenní školení proběhnou online. Dlouho neváhejte, protože organizaci jiných celodenních termínů nyní v plánu nemáme. Více informací…

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

Fotky ze školení

Obsah

  1. Ú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.
  2. Základní prvky SVG kódu
    Tvary. Barvy. Gradienty. Vkládání textu. Viewport, viewbox.
  3. CSS úpravy SVG
    Speciální vlastnosti stylů pro práci s vektory.
  4. SVG filtry
    Legrace, kterým by Photoshop mohl závidět. Uděláte je přímo v kódu.
  5. Transformace
    Proč fungují jinak než v CSS a jak je používat?
  6. Animace
    Rozhýbejte to pomocí JS, CSS nebo SVG.
  7. Responzivní SVG
    Co když se obrázek zvětší nebo zmenší?
  8. 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

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

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

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í

Š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ů.
Podklady a konzultace e-mailem.
Lektor a moderátor.

Slevy

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

Veřejné termíny

Kurz momentálně nemá vypsané žádné termíny.

💰 Objednejte více školení naráz se slevou 10 % nebo kurz do firmy.

Máte dotaz? skoleni@vzhurudolu.cz
Informace ke školením

GoPay Mastercard VISA

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

7 let zkušeností

195 školení

2 441 účastníků

6 důvodů, proč jít na naše školení