Online kurz SVG animace
- Level
- Kapitol
- 18
- Kategorie
- Programování
- Hodnocení
- 5,0 z 5
- Délka
- 1h 54min
- Jazyk
- CZ
Popis online kurzu SVG animace
SVG grafika je tu s námi už pěknou řádku let, najdeš ji v podstatě na každém webu (a nejen na webu). Na rozdíl od rastrové grafiky nejsou vektory limitovány rozměry nebo rozlišením obrazovky a vypadají perfektně v jakékoliv velikosti - od malých ikonek po celostránkové ilustrace. Navíc si s SVG můžeš pomocí CSS nebo JavaScriptu hrát stejně jako s jakýmkoliv jiným elementem. Dynamicky měnit jeho vlastnosti nebo animovat celé SVG i jeho jednotlivé části. Takto kouzlit bys s běžným PNG nebo JPG obrázkem nedokázal.
Jako v každé správné hře musíš ale pro kouzlení získat nejdřív nějaké skills. Cílem tohoto online kurzu je pochopit vše od základů až po cool věci a posvítit si u toho na všechna temná zákoutí uvnitř SVG. Online kurz SVG animace je určen spíše začínajícím frontend vývojářům, ale i pokročilejší tam určitě najdou dostatek užitečných a nových informací.
Jako v každé správné hře musíš ale pro kouzlení získat nejdřív nějaké skills. Cílem tohoto online kurzu je pochopit vše od základů až po cool věci a posvítit si u toho na všechna temná zákoutí uvnitř SVG. Online kurz SVG animace je určen spíše začínajícím frontend vývojářům, ale i pokročilejší tam určitě najdou dostatek užitečných a nových informací.
Co se naučíš
- Jak s SVG zacházet v rámci projektu
- Co se ukrývá uvnitř SVG kódu
- Jak můžeš na SVG aplikovat CSS styly a animace
- Jak si upravit SVG v kódu i v grafickém editoru
- A také že SVG je ideální formát nejen na ikonky
Co všechno dostaneš
- Videotutoriály o práci s SVG
- Spoustu odkazů na doporučené zdroje a nástroje pro práci s SVG
- Odkazy na další zajímavé články ke každému tématu
- Veškerý zdrojový kód co během kurzu uvidíš
- Certifikát o absolvovaní kurzu,
- Podporu od lektora a odpovědi na tvoje otázky v diskuzním fóru
- Garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem
Kapitoly online kurzu
Co je SVG a proč ho používat (2)
1.1 Proč by tě mělo SVG zajímat a co tě čeká v kurzu
1:20
1.2 Rastr vs Vektor
2:53
Jak SVG vložit a spravovat na projektu (3)
2.1 Rychlé vložení
4:56
2.2 Sprite mapa
6:45
2.3 Čištění kódu
7:58
Nahoď styl (2)
3.1 Obrys a výplň
7:05
3.2 Dědičnost
4:05
Pojďme si kreslit (3)
4.1 Základní tvary
6:09
4.2 Cesty
7:39
4.3 Bézierovy křivky
6:11
Animace (3)
5.1 CSS animace
9:56
5.2 Hamburger
6:38
5.3 Animace podél cest
6:50
SVG nejsou jenom ikonky (2)
6.1 Grafy
9:11
6.2 Mapy, plány, schémata
7:49
Kde loupit, co nedělat a co naopak ano (3)
7.1 Zdroje SVG
7:06
7.2 Bad practice
5:03
7.3 Úprava SVG v aplikaci Figma
7:08
Lektor online kurzu
Lukáš Svoboda
UX designer
Baví mě pixely. Jako UX designér přemýšlím jak pixely poskládat aby usnadnily život uživateli. A také jako kodér, kdy si s pixely hraji v HTML a CSS.
5,0
Hodnocení
3
Kurzy
Hodnocení studentů
Hodnocení od studentů zapsaných v kurzu na Skillmea.
5,0 z 5
· 4 hodnocení
Tibor D.
5
V pohode kurz :) na 2 veciach som sa zasekol (bezierove krivky) a dostudoval mimo ale celkovo OK. Chcelo by to pokracovanie.
Tomáš J.
5
Rychlý kurz pro úplné začátečníky, kteří zaslechli, že nějaké SVG existuje, ale stále neví co se s ním dá dělat a jak funguje. Kurz je bez zbytečné omáčky okolo a je zaměřen na důležité věci. Super i nějaký ten příklad z praxe. Velmi mě překvapilo, jak lehce jde udělat příklad z "realitky". Určitě někde něco podobného použiji. Děkuji za tento kurz a jen tak dál. Držím palce v další tvorbě.
Marek J.
5
Student ohodnotil kurz bez slovního komentáře.
Michal R.
5
Student ohodnotil kurz bez slovního komentáře.
