SVG do hloubky


⚠️ Pozor, školení ze Vzhůru dolů již nenabízíme.
Můžete se zdarma podívat na záznamy našich webinářů nebo si objednat školení rychlosti webu na PageSpeed.cz.

Scalable Vector Graphics přináší do tvorby uživatelských rozhraní jednu z největších inovací za posledních deset let.

⚠️ Toto školení nyní není v naší nabídce.
Podívejte se video o SVG.

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

  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ů.

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í

V ceně

Slevy

Veřejné termíny

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

Objednejte více videí a školení na jednu fakturu a se slevou 10 %.

Máte dotaz? [email protected]
Informace ke školením

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

12 let zkušeností

211 školení

2 840 účastníků