Popis online kurzu SVG animácie
SVG grafika je tu s nami už pekne dlho, nájdeš ju v podstate na každom webe (a nielen na webe). Na rozdiel od rastrovej grafiky nie sú vektory limitované rozmermi alebo rozlíšením obrazovky a vyzerajú perfektne v akejkoľvek veľkosti – od malých ikoniek po celostránkové ilustrácie. Navyše sa s SVG môžeš pomocou CSS alebo JavaScriptu hrať rovnako ako s akýmkoľvek iným elementom. Dynamicky meniť jeho vlastnosti alebo animovať celé SVG aj jeho jednotlivé časti. Takto kúzliť by si s bežným PNG alebo JPG obrázkom nedokázal.
Ako v každej správnej hre musíš ale pre kúzlenie získať najskôr nejaké skills. Cieľom tohto online kurzu je pochopiť všetko od základov až po cool veci a posvietiť si pri tom na všetky temné zákutia vo vnútri SVG. Online kurz SVG animácie je určený skôr začínajúcim frontend vývojárom, ale aj pokročilejší tam určite nájdu dostatok užitočných a nových informácií.
Ako v každej správnej hre musíš ale pre kúzlenie získať najskôr nejaké skills. Cieľom tohto online kurzu je pochopiť všetko od základov až po cool veci a posvietiť si pri tom na všetky temné zákutia vo vnútri SVG. Online kurz SVG animácie je určený skôr začínajúcim frontend vývojárom, ale aj pokročilejší tam určite nájdu dostatok užitočných a nových informácií.
Čo sa naučíš
- Ako s SVG zaobchádzať v rámci projektu
- Čo sa ukrýva vo vnútri SVG kódu
- Ako môžeš na SVG aplikovať CSS štýly a animácie
- Ako si upraviť SVG v kóde aj v grafickom editore
- A tiež že SVG je ideálny formát nielen na ikonky
Čo všetko dostaneš
- Videotutoriály o práci s SVG
- Veľa odkazov na odporúčané zdroje a nástroje pre prácu s SVG
- Odkazy na ďalšie zaujímavé články ku každej téme
- Všetok zdrojový kód čo počas kurzu uvidíš
- Certifikát o absolvovaní kurzu,
- Podporu od lektora a odpovede na tvoje otázky v diskusnom fóre
- Garancia vrátenia peňazí do 14 dní v prípade nespokojnosti s kurzom
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
Hodnotenie
3
Kurzy
Hodnotenia študentov
Hodnotenia od študentov zapísaných v kurze na Skillmea.
5,0 z 5
· 4 hodnotenia
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
Študent ohodnotil kurz bez slovného komentára.
Michal R.
5
Študent ohodnotil kurz bez slovného komentára.
