Objednať

Figma pre webdeveloperov

2h 57min
Čas
54
Kapitol
Dizajn a Video
Kategória
3.5
Hodnotenie
Začiatočník
Level
český
Jazyk kurzu

Popis online kurzu Figma pre webdeveloperov

Vitajte v našom online kurze Figma pre webdeveloperov, kde vás prevedieme svetom moderného webového dizajnu s využitím jedného z najvýkonnejších nástrojov - Figmou. Tento kurz je navrhnutý tak, aby vás vybavil všetkými potrebnými zručnosťami na vytvorenie pôsobivých a funkčných webových aplikácií od základov až po pokročilé techniky.

Naučte sa efektívne používať Figmu ako webdeveloper. Osvojte si techniky dizajnu, prototypovania a spolupráce. Zlepšite svoj workflow a vytvárajte lepšie webové projekty. Praktický kurz pre všetky úrovne.

Naučte sa designovať webové aplikácie vo Figme od základov až po pokročilé funkcie. Tento kurz vás prevedie kľúčovými princípmi designu, prototypovaním a tímovou spoluprácou, aby ste mohli vytvárať profesionálne a funkčné webové projekty.

S viac ako 6 rokmi skúseností v oblasti webového vývoja vás prevediem efektívnymi technikami, ktoré vám pomôžu hladko preniesť dizajn do vývojového prostredia. Pripojte sa a získajte praktické zručnosti, ktoré môžete okamžite uplatniť.

Čo sa v kurze Figma pre webdeveloperov naučíte

Po absolvovaní tohto kurzu budete schopní:
  • Vytvárať profesionálne webové dizajny s použitím pokročilých funkcií Figmy
  • Efektívne spolupracovať s dizajnérmi a ďalšími členmi tímu
  • Rýchlo prototypovať a iterovať vaše nápady
  • Optimalizovať váš workflow pre hladký prechod od dizajnu k vývoju
  • Aplikovať princípy responzívneho dizajnu pre rôzne zariadenia
  • Vytvárať a spravovať rozsiahle dizajnové systémy

Tento kurz je ideálny pre webdeveloperov, ktorí chcú rozšíriť svoje zručnosti v oblasti dizajnu, ale aj pre dizajnérov, ktorí sa chcú naučiť lepšie spolupracovať s vývojármi. Bez ohľadu na vašu úroveň skúseností, tento kurz vám poskytne praktické znalosti, ktoré môžete okamžite aplikovať vo svojich projektoch.

Pripojte sa k nám a posuňte svoje zručnosti v oblasti webového dizajnu na novú úroveň. Zaregistrujte sa ešte dnes a začnite svoju cestu k vytvoreniu webových aplikácií s Figmou!

Čo všetko s kurzom Figma pre webdeveloperov získate

  • videotutoriály o dizajnovaní vo Figme,
  • moderované diskusné fórum, v ktorom na vaše otázky odpovedá autor kurzu Lukáš Žďárský,
  • certifikát o absolvovaní online kurzu Figma pre webdeveloperov,
  • garancia vrátenia peňazí do 14 dní v prípade nespokojnosti s kurzom.

Zoznam kapitol

Úvod
Co je Figma
Dostupné len po zakúpení prístupu
15 důvodů, proč si vybrat Figmu
Dostupné len po zakúpení prístupu
Vytvoření profilu
Dostupné len po zakúpení prístupu
Figma plány
Dostupné len po zakúpení prístupu
Zapnutí 2FA
Dostupné len po zakúpení prístupu
Představení prostředí
Záložka komunity
Dostupné len po zakúpení prístupu
Rozhraní design prostředí
Dostupné len po zakúpení prístupu
Základy designu
Frame, move, hand, scale
Dostupné len po zakúpení prístupu
Práce se základními tvary
Dostupné len po zakúpení prístupu
Efekty
Dostupné len po zakúpení prístupu
Textové elementy
Dostupné len po zakúpení prístupu
Pen, pencil, vektory a práce s nimi
Dostupné len po zakúpení prístupu
Organizace vrstev v projektu
Dostupné len po zakúpení prístupu
Užitečné funkce pro web design
Auto layout
Dostupné len po zakúpení prístupu
Layout grid
Dostupné len po zakúpení prístupu
Dev mode - základní funkce
Dostupné len po zakúpení prístupu
Dev mode - pokročilé funkce
Dostupné len po zakúpení prístupu
Dev mode - VS code extension
Dostupné len po zakúpení prístupu
Reusables
Styly
Dostupné len po zakúpení prístupu
Vytvoření komponenty
Dostupné len po zakúpení prístupu
Variace komponent
Dostupné len po zakúpení prístupu
Komponenty s parametry
Dostupné len po zakúpení prístupu
Proměnné
Dostupné len po zakúpení prístupu
Vytvoření a používání jedné knihovny ve více dokumentech
Dostupné len po zakúpení prístupu
Prototypování
Jak vytvářet prototypy
Dostupné len po zakúpení prístupu
Typy přechodů
Dostupné len po zakúpení prístupu
Proměnné a podmínky
Dostupné len po zakúpení prístupu
Overlays
Dostupné len po zakúpení prístupu
Mobilní aplikace a mirroring
Dostupné len po zakúpení prístupu
Práce v týmu
Vytvoření týmu
Dostupné len po zakúpení prístupu
Týmové role
Dostupné len po zakúpení prístupu
Sdílení designu
Dostupné len po zakúpení prístupu
FigJam
Dostupné len po zakúpení prístupu
Komentáře
Dostupné len po zakúpení prístupu
Spotlight
Dostupné len po zakúpení prístupu
Pokročilé funkce
Widgety
Dostupné len po zakúpení prístupu
Pluginy
Dostupné len po zakúpení prístupu
Boolean funkce
Dostupné len po zakúpení prístupu
Masky
Dostupné len po zakúpení prístupu
Praktický projekt - úvod a homepage
Úvod do praktického projektu
Dostupné len po zakúpení prístupu
Vytvoření komponenty navbaru
Dostupné len po zakúpení prístupu
Vytvoření komponenty footeru
Dostupné len po zakúpení prístupu
Design headeru homepage
Dostupné len po zakúpení prístupu
Vytvoření komponenty kategorie
Dostupné len po zakúpení prístupu
Dokončení designu homepage
Dostupné len po zakúpení prístupu
Praktický projekt - o mně & portfolio
Design o mně
Dostupné len po zakúpení prístupu
Design portfolia
Dostupné len po zakúpení prístupu
Praktický projekt - kontakt
Vytvoření kontaktního formuláře
Dostupné len po zakúpení prístupu
Odeslání dotazu - overlay
Dostupné len po zakúpení prístupu
Praktický projekt - blog
Vytvoření komponenty pro preview článku
Dostupné len po zakúpení prístupu
Vytvoření homepage blogu
Dostupné len po zakúpení prístupu
Vytvoření komponenty pro článek
Dostupné len po zakúpení prístupu
Nastavení všech interakcí v designu
Dostupné len po zakúpení prístupu

Hodnotenia kurzu

Figma pre webdeveloperov

Z pohledu webového vývojáře (posledních 10 let), který zvažuje přesun někam do navrhování (nějaké prototypy jsem skládal v draw.io) musím říci, že se mi to líbilo. Chválím také pěkný popis vrstev a objektů. Díky za kurz! Co mi chybělo: - nějaký závěr, protože kurz skončil celkem bez závěru - líbilo by se mi popsat uplatnění těchto znalostí, pro ty kdo nemají představu, jak v reálu navazuje tato práce na další pracovníky - a hodně jsem doufal, že uvidím :hover efekty nad tlačítky, které jsem v návrzích, co mi prošly rukama, často postrádal a pak na webu chyběly, protože kodér je nedodělal (ale obecně efekty tam popsané byly, takže to chce prostě vytáhnout rukávy, otevřít figmu a pustit se do toho)

Pavel V.

Figma pre webdeveloperov

Rozsah obsahu je primeraný a pokrýva potrebné témy, avšak spôsob prezentácie informácií je pre začiatočníka pomerne náročný. Lektor používa množstvo odborných pojmov, ktoré nie sú vždy dostatočne vysvetlené, čo sťažuje porozumenie kľúčových myšlienok. Niekedy chýba praktickejší prístup alebo jednoduchšie príklady, ktoré by pomohli lepšie si predstaviť a zapamätať preberanú tému. Celkovo by bolo užitočné prispôsobiť štýl výkladu viac potrebám menej skúsených poslucháčov a v závere vždy zopakovať, čo sa preberalo.

Marian S.

Pozri aj tieto kurzy

Lukáš Žďárský Lukáš Žďárský
Web designer, Fullstack developer
1 Online kurzov
0 Príspevkov