Online kurz Figma pro webdevelopery

Figma pro webdevelopery

Level
Kapitol
54
Kategorie
Design a Video
Hodnocení
3,3 z 5
Délka
2h 57min
Jazyk
CZ

Popis online kurzu Figma pro webdevelopery

Vítejte v našem online kurzu Figma pro webdevelopery, kde vás provedeme světem moderního webového designu s využitím jednoho z nejvýkonnějších nástrojů – Figmou. Tento kurz je navržen tak, aby vás vybavil všemi potřebnými dovednostmi pro vytvoření působivých a funkčních webových aplikací od základů až po pokročilé techniky.

Naučte se efektivně používat Figmu jako webdeveloper. Osvojte si techniky designu, prototypování a spolupráce. Zlepšete svůj workflow a vytvářejte lepší webové projekty. Praktický kurz pro všechny úrovně.

Naučte se designovat webové aplikace ve Figmě od základů až po pokročilé funkce. Tento kurz vás provede klíčovými principy designu, prototypováním a týmovou spoluprací, abyste mohli vytvářet profesionální a funkční webové projekty.

S více než 6 lety zkušeností v oblasti webového vývoje vás provedu efektivními technikami, které vám pomohou hladce přenést design do vývojového prostředí. Připojte se a získejte praktické dovednosti, které můžete okamžitě uplatnit.

Co se v kurzu Figma pro webdevelopery naučíte

Po absolvování tohoto kurzu budete schopni:
  • Vytvářet profesionální webové designy s použitím pokročilých funkcí Figmy
  • Efektivně spolupracovat s designéry a dalšími členy týmu
  • Rychle prototypovat a iterovat vaše nápady
  • Optimalizovat váš workflow pro hladký přechod od designu k vývoji
  • Aplikovat principy responzivního designu pro různá zařízení
  • Vytvářet a spravovat rozsáhlé designové systémy

Tento kurz je ideální pro webdevelopery, kteří chtějí rozšířit své dovednosti v oblasti designu, ale také pro designéry, kteří se chtějí naučit lépe spolupracovat s vývojáři. Bez ohledu na vaši úroveň zkušeností, tento kurz vám poskytne praktické znalosti, které můžete okamžitě aplikovat ve svých projektech.

Připojte se k nám a posuňte své dovednosti v oblasti webového designu na novou úroveň. Zaregistrujte se ještě dnes a začněte svou cestu k vytvoření webových aplikací s Figmou!

Co vše s kurzem Figma pro webdevelopery získáte

  • videotutoriály o designování ve Figmě,
  • moderované diskusní fórum, ve kterém na vaše dotazy odpovídá autor kurzu Lukáš Žďárský,
  • certifikát o absolvování online kurzu Figma pro webdevelopery,
  • garance vrácení peněz do 14 dnů v případě nespokojenosti s kurzem.

Kapitoly online kurzu

Úvod (5)

Co je Figma
1:14
15 důvodů, proč si vybrat Figmu
4:18
Vytvoření profilu
1:30
Figma plány
1:12
Zapnutí 2FA
2:05

Představení prostředí (3)

Záložka komunity
1:08
Rozhraní design prostředí
4:54

Základy designu (6)

Frame, move, hand, scale
4:26
Práce se základními tvary
6:18
Efekty
2:57
Textové elementy
2:37
Pen, pencil, vektory a práce s nimi
3:40
Organizace vrstev v projektu
2:53

Užitečné funkce pro web design (5)

Auto layout
3:58
Layout grid
3:02
Dev mode - základní funkce
2:47
Dev mode - pokročilé funkce
7:57
Dev mode - VS code extension
3:14

Reusables (6)

Styly
4:35
Vytvoření komponenty
3:13
Variace komponent
2:46
Komponenty s parametry
3:31
Proměnné
4:08
Vytvoření a používání jedné knihovny ve více dokumentech
1:30

Prototypování (5)

Jak vytvářet prototypy
3:48
Typy přechodů
2:05
Proměnné a podmínky
3:25
Overlays
3:43
Mobilní aplikace a mirroring
2:12

Práce v týmu (6)

Vytvoření týmu
1:38
Týmové role
1:54
Sdílení designu
1:58
FigJam
1:40
Komentáře
3:01
Spotlight
1:16

Pokročilé funkce (4)

Widgety
1:57
Pluginy
4:50
Boolean funkce
2:22
Masky
1:36

Praktický projekt - úvod a homepage (6)

Úvod do praktického projektu
0:42
Vytvoření komponenty navbaru
4:34
Vytvoření komponenty footeru
4:52
Design headeru homepage
2:36
Vytvoření komponenty kategorie
6:27
Dokončení designu homepage
3:40

Praktický projekt - o mně & portfolio (2)

Design o mně
3:57
Design portfolia
3:41

Praktický projekt - kontakt (2)

Vytvoření kontaktního formuláře
6:37
Odeslání dotazu - overlay
4:39

Praktický projekt - blog (4)

Vytvoření komponenty pro preview článku
5:22
Vytvoření homepage blogu
3:43
Vytvoření komponenty pro článek
3:40
Nastavení všech interakcí v designu
4:06

Lektor online kurzu

Lektor Lukáš Žďárský

Lukáš Žďárský

Web designer, Fullstack developer
3,3 Hodnocení
1 Kurz

Hodnocení studentů

Hodnocení od studentů zapsaných v kurzu na Skillmea.

3,3 z 5 · 3 hodnocení

Peter B.

3

Nie je to kurz pre začiatočníka, ale pre developera, ktorý pozná minimálne dobre html a css, responzivitu a iné. Prvá polovica bola fajn. Niektoré témy v druhej polovici boli veľmi stručné až do tej miery, že ich bolo ťažko pochopiť. Chcel som to zakončiť praktickým projektom. Mne osobne však nešlo kopírovať assety, vraj potrebujem oprávnenie. Neviem, či je to spôsobené novou aktualizáciou Figmy alebo je súbor už uzamknutý.

Pavel V.

5

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)

Marian S.

2

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.

Doporučené online kurzy