Logo Vzhůru dolů: Mlátek a želízko

SVG do hloubky

Příští termín: 28. 5. 2019 v Školící místnost SUPERKODERS Brno
Cena: 4 490 Kč bez DPH

Prohlédnout termíny

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 120 úč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

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.


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

Veřejné termíny

28. 5. 2019
(v Brně
za 4 490 Kč)
12 míst ze 14 Objednat
5. 11. 2019
(v Praze
za 4 490 Kč)
16 míst Objednat

Jiný termín nebo firemní školení?
skoleni@vzhurudolu.cz

GoPay Mastercard VISA

Podmínky školení


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

5 let zkušeností

100 školení

1 000 účastníků

…a hektolitry vypité kávy.

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