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

  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.

Veřejné termíny

19. 10. 2017 2017-10-19T17:30 SVG Scalable Vector Graphics přináší do tvorby uživatelských rozhraní jednu z největších inovací za posledních deset let. (KC Greenpoint PrahaDvouletky 529/42, Praha 10) Objednat

Firemní školení

Školení je také možné objednat jako individuální do vaší firmy.
Kontaktujte Martina Michálka, martin@vzhurudolu.cz.
Více informací

Spokojení účastníci

  • Robert Šmol, StereoIT :

    „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.“

  • Václav Rasendorfer :

    „Obzvláště bych chtěl ocenit profesionální znalosti, přístup školitele a přehlednost kurzu.“

  • Tomáš Brzek :

    „Školení SVG doporučuji všem, kteří váhají, zda a jak začít s SVG.“

  • František Bouška, Avast :

    „Velkým přínosem kurzu jsou i výborně zpracované příklady, na kterých si vše člověk doma rychle osvěží.“

  • Ondřej Vasil, Kentico :

    „Školení bylo velice poutavé a znalosti jsme hned přenesli dále do týmu.“

  • Michal Marek :

    „Školení mi bylo velkým přínosem. Propojilo mé dosavadní zkušenosti s použitím SVG a o velký kus je prohloubilo.“

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

  • Konferenční centrum Grenpoint
  • Konferenční centrum Grenpoint
  • Konferenční centrum Grenpoint
  • Konferenční centrum Grenpoint
  • Konferenční centrum Grenpoint
  • Konferenční centrum Grenpoint

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

Objednávka

kurzu „SVG”
Informace o pořadateli, postupu objednávky a storno podmínkách.
Toto školení si můžete objednat také do firmy.