Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай UI UX Design Hybrid from Figma to HTML CSS and JavaScript, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:01:52
    Course Overview
  2. Урок 2. 00:14:19
    Figma Basics
  3. Урок 3. 00:09:22
    Figma Plugin and Community
  4. Урок 4. 00:22:48
    Figma Essential Behaviors
  5. Урок 5. 00:20:42
    Figma Core Engine Concepts
  6. Урок 6. 00:15:50
    Airbnb Project
  7. Урок 7. 00:16:03
    Medignition Project Part 1
  8. Урок 8. 00:09:49
    Medignition Project Part 2
  9. Урок 9. 00:03:55
    Nested Component Behavior
  10. Урок 10. 00:17:12
    Sandrina Prototyping Project
  11. Урок 11. 00:23:35
    Overlay Prototyping Project
  12. Урок 12. 00:10:07
    Reusable Styles
  13. Урок 13. 00:11:14
    Automate Reusable Styles
  14. Урок 14. 00:16:19
    Automate Brand Styleguide
  15. Урок 15. 00:13:45
    Accessibility Testing
  16. Урок 16. 00:09:02
    Component Skeleton
  17. Урок 17. 00:26:48
    3000 Component Project
  18. Урок 18. 00:27:30
    Interactive Components Nested
  19. Урок 19. 00:12:34
    Automate color palette
  20. Урок 20. 00:08:58
    Automate typography styles
  21. Урок 21. 00:09:36
    Wireframe component
  22. Урок 22. 00:11:51
    Visual design components
  23. Урок 23. 00:12:43
    Rapid design part 1
  24. Урок 24. 00:09:01
    Rapid design part 2
  25. Урок 25. 00:03:45
    Unity and Similarity
  26. Урок 26. 00:04:33
    Dominance and Working Memory
  27. Урок 27. 00:04:10
    Negative Space and Complexity
  28. Урок 28. 00:04:23
    Contrast and Emphasis
  29. Урок 29. 00:03:40
    Proximity and Common Region
  30. Урок 30. 00:03:32
    Alignment and Uncompleted Task
  31. Урок 31. 00:03:40
    Psychological Barrier and Proportion
  32. Урок 32. 00:04:59
    Repetition and Common Behavior
  33. Урок 33. 00:03:23
    Rhythm and Line Connection
  34. Урок 34. 00:01:43
    Primary, Secondary, and CMYK Colors
  35. Урок 35. 00:03:05
    HSLA Colors
  36. Урок 36. 00:02:53
    RGB Colors
  37. Урок 37. 00:03:22
    Secondary RGB Colors
  38. Урок 38. 00:04:14
    Color Wheel
  39. Урок 39. 00:01:29
    Complementary Colors
  40. Урок 40. 00:01:57
    Split Complementary Colors
  41. Урок 41. 00:01:54
    Monochromatic Colors
  42. Урок 42. 00:01:25
    Analogous Colors
  43. Урок 43. 00:01:34
    Triad Colors
  44. Урок 44. 00:01:24
    Tertiary Colors
  45. Урок 45. 00:04:23
    UI Design Components
  46. Урок 46. 00:03:01
    UI Design Analysis
  47. Урок 47. 00:01:21
    Typography
  48. Урок 48. 00:03:15
    Serif and Sans Serif Typeface
  49. Урок 49. 00:02:16
    Font Weight
  50. Урок 50. 00:03:10
    Font Size
  51. Урок 51. 00:02:51
    Kerning
  52. Урок 52. 00:01:46
    Word Spacing
  53. Урок 53. 00:01:47
    Leading
  54. Урок 54. 00:02:56
    Line Width
  55. Урок 55. 00:01:36
    Orphan and Widow
  56. Урок 56. 00:01:48
    Type Alignment
  57. Урок 57. 00:01:53
    Type Hierarchy
  58. Урок 58. 00:07:40
    Set Up
  59. Урок 59. 00:08:34
    HTML Anatomy
  60. Урок 60. 00:02:19
    HTML List
  61. Урок 61. 00:03:14
    HTML Attribute
  62. Урок 62. 00:05:57
    HTML Images
  63. Урок 63. 00:04:01
    HTML Videos
  64. Урок 64. 00:02:38
    HTML iFrame
  65. Урок 65. 00:02:05
    HTML Checkbox and Radio Button
  66. Урок 66. 00:04:13
    HTML Input Field
  67. Урок 67. 00:04:32
    HTML Dropdown
  68. Урок 68. 00:03:00
    HTML Button
  69. Урок 69. 00:05:03
    Linking CSS and JavaScript Files
  70. Урок 70. 00:03:42
    HTML Semantics
  71. Урок 71. 00:04:47
    HTML Meta Tags
  72. Урок 72. 00:02:28
    HTML External Style
  73. Урок 73. 00:01:45
    HTML Style Tag
  74. Урок 74. 00:02:48
    HTML Inline Style
  75. Урок 75. 00:03:24
    Linking Fonts inside HTML
  76. Урок 76. 00:06:40
    HTML Block Elements
  77. Урок 77. 00:04:52
    HTML Inline Elements
  78. Урок 78. 00:04:13
    HTML Box Anatomy
  79. Урок 79. 00:04:49
    CSS Anatomy
  80. Урок 80. 00:04:05
    CSS Classes
  81. Урок 81. 00:03:46
    CSS ID
  82. Урок 82. 00:02:08
    CSS Multiple Selector
  83. Урок 83. 00:04:28
    CSS Variable
  84. Урок 84. 00:07:38
    CSS Specificity
  85. Урок 85. 00:05:21
    CSS Width and Height
  86. Урок 86. 00:07:03
    CSS Margin and Padding
  87. Урок 87. 00:05:16
    CSS Border Radius
  88. Урок 88. 00:04:09
    CSS Box Model
  89. Урок 89. 00:01:50
    CSS Universal Selector
  90. Урок 90. 00:01:27
    CSS Descendant
  91. Урок 91. 00:01:22
    CSS Direct Child
  92. Урок 92. 00:01:40
    CSS General Sibling
  93. Урок 93. 00:02:20
    CSS Adjacent
  94. Урок 94. 00:01:38
    CSS Attribute Selector
  95. Урок 95. 00:02:48
    CSS Focus Pseudo Class
  96. Урок 96. 00:01:46
    CSS First Child
  97. Урок 97. 00:01:15
    CSS Last Child
  98. Урок 98. 00:03:06
    CSS Nth Child
  99. Урок 99. 00:02:23
    CSS Odd Selector
  100. Урок 100. 00:02:33
    CSS Even Selector
  101. Урок 101. 00:00:58
    CSS Nth of Type
  102. Урок 102. 00:01:31
    CSS Not Selector
  103. Урок 103. 00:05:23
    CSS Link Pseudo Classes
  104. Урок 104. 00:01:43
    CSS Pseudo Elements
  105. Урок 105. 00:02:02
    CSS Comments
  106. Урок 106. 00:03:17
    CSS Background Color
  107. Урок 107. 00:02:20
    CSS Background Image
  108. Урок 108. 00:02:00
    CSS Background Repeat
  109. Урок 109. 00:02:43
    CSS Background Position
  110. Урок 110. 00:03:54
    CSS Background Size
  111. Урок 111. 00:04:52
    CSS Background Shorthand
  112. Урок 112. 00:02:50
    CSS Gradient
  113. Урок 113. 00:04:42
    CSS Multiple Background
  114. Урок 114. 00:04:42
    CSS Filters
  115. Урок 115. 00:01:44
    CSS Opacity
  116. Урок 116. 00:02:50
    CSS Clip Path Circle
  117. Урок 117. 00:07:07
    CSS Clip Path Polygon
  118. Урок 118. 00:03:29
    CSS Display and Visibility
  119. Урок 119. 00:01:32
    CSS Overflow
  120. Урок 120. 00:01:39
    CSS Text Shadow
  121. Урок 121. 00:02:18
    CSS Box Shadow
  122. Урок 122. 00:02:34
    CSS Blend Mode
  123. Урок 123. 00:04:49
    CSS Scale
  124. Урок 124. 00:04:29
    CSS Skew
  125. Урок 125. 00:04:24
    CSS Translate
  126. Урок 126. 00:05:21
    CSS Matrix
  127. Урок 127. 00:03:32
    CSS Rotate
  128. Урок 128. 00:03:37
    CSS Transform Origin
  129. Урок 129. 00:03:44
    CSS Multiple Transform
  130. Урок 130. 00:05:05
    CSS Easing Functions
  131. Урок 131. 00:03:57
    CSS Cubic Bezier
  132. Урок 132. 00:04:30
    CSS Transitions
  133. Урок 133. 00:06:10
    CSS Multiple Transitions
  134. Урок 134. 00:05:23
    CSS Transitions Shorthand
  135. Урок 135. 00:09:56
    CSS Animations
  136. Урок 136. 00:04:14
    CSS Animations Shorthand
  137. Урок 137. 00:04:19
    CSS Multiple Animations
  138. Урок 138. 00:03:53
    CSS Position Relative
  139. Урок 139. 00:05:23
    CSS Position Absolute
  140. Урок 140. 00:05:13
    CSS Position Fixed and Sticky
  141. Урок 141. 00:03:14
    CSS Z-Index
  142. Урок 142. 00:16:20
    CSS Responsive Design
  143. Урок 143. 00:04:59
    CSS Flexbox
  144. Урок 144. 00:02:16
    CSS Justify Content
  145. Урок 145. 00:03:30
    CSS Flex Start
  146. Урок 146. 00:01:28
    CSS Flex End
  147. Урок 147. 00:02:11
    CSS Space Evenly
  148. Урок 148. 00:01:42
    CSS Space Around
  149. Урок 149. 00:01:30
    CSS Space Between
  150. Урок 150. 00:02:56
    CSS Align Items
  151. Урок 151. 00:01:43
    CSS Align Baseline
  152. Урок 152. 00:03:07
    CSS Align Self
  153. Урок 153. 00:04:19
    CSS Flex Order
  154. Урок 154. 00:08:38
    CSS Flex Grow and Shrink
  155. Урок 155. 00:05:39
    CSS Flex Shorthand
  156. Урок 156. 00:02:45
    CSS Flex Direction
  157. Урок 157. 00:03:38
    CSS Flex Column
  158. Урок 158. 00:03:30
    CSS Flex Wrap
  159. Урок 159. 00:02:24
    CSS Align Content
  160. Урок 160. 00:05:22
    CSS Multiple Flex Properties
  161. Урок 161. 00:06:36
    CSS Grid Template Row
  162. Урок 162. 00:03:25
    CSS Grid Template Column
  163. Урок 163. 00:03:38
    CSS Grid Shorthand
  164. Урок 164. 00:05:54
    CSS Grid Row
  165. Урок 165. 00:04:13
    CSS Grid Column
  166. Урок 166. 00:07:45
    CSS Grid Area
  167. Урок 167. 00:01:52
    CSS Grid Gap
  168. Урок 168. 00:08:30
    CSS Justify Self
  169. Урок 169. 00:05:51
    Photoshop Project Overview
  170. Урок 170. 00:11:31
    Photoshop HTML Markup
  171. Урок 171. 00:12:05
    Photoshop CSS Root Declaration
  172. Урок 172. 00:13:08
    Photoshop CSS Grid Layout
  173. Урок 173. 00:12:58
    Photoshop CSS Card Design Part 1
  174. Урок 174. 00:12:24
    Photoshop CSS Card Design Part 2
  175. Урок 175. 00:11:32
    Photoshop CSS Card Design Part 3
  176. Урок 176. 00:14:59
    Photoshop CSS Interactions
  177. Урок 177. 00:30:53
    Photoshop CSS Responsive Behavior
  178. Урок 178. 00:08:38
    Bootstrap Breakpoints
  179. Урок 179. 00:06:23
    Bootstrap Naming Convention
  180. Урок 180. 00:06:18
    Bootstrap Hierarchy
  181. Урок 181. 00:03:30
    Bootstrap Container
  182. Урок 182. 00:03:40
    Bootstrap Rows
  183. Урок 183. 00:06:35
    Bootstrap Columns
  184. Урок 184. 00:11:56
    Bootstrap Gutter and Spacing
  185. Урок 185. 00:04:16
    Bootstrap Order
  186. Урок 186. 00:03:53
    Bootstrap Offset
  187. Урок 187. 00:06:31
    Bootstrap Display
  188. Урок 188. 00:04:38
    Bootstrap Alignment
  189. Урок 189. 00:04:26
    Bootstrap Nested Columns
  190. Урок 190. 00:57:28
    Responsive Design Project
  191. Урок 191. 00:01:48
    Boilerplate file
  192. Урок 192. 00:02:42
    Reusable Figma Styles
  193. Урок 193. 00:01:10
    Brand Styleguide
  194. Урок 194. 00:07:00
    CSS Automation
  195. Урок 195. 00:02:16
    CSS DRY Classes
  196. Урок 196. 00:02:56
    Airbnb Hero Section
  197. Урок 197. 00:09:33
    Airbnb Navigation Section
  198. Урок 198. 00:09:31
    Airbnb Card Section
  199. Урок 199. 00:03:41
    SVG Anatomy
  200. Урок 200. 00:03:43
    SVG Rectangle
  201. Урок 201. 00:06:31
    SVG Transparency
  202. Урок 202. 00:03:52
    SVG Coordinates
  203. Урок 203. 00:03:05
    SVG Round Corners
  204. Урок 204. 00:01:56
    SVG Text
  205. Урок 205. 00:02:48
    SVG Circle
  206. Урок 206. 00:01:55
    SVG Ellipse
  207. Урок 207. 00:07:30
    SVG Line
  208. Урок 208. 00:04:38
    SVG Stroke
  209. Урок 209. 00:03:05
    SVG Multiple Objects
  210. Урок 210. 00:04:39
    Adobe Illustrator SVG Polygon
  211. Урок 211. 00:03:10
    Figma SVG Path
  212. Урок 212. 00:10:48
    SVG Viewbox
  213. Урок 213. 00:13:52
    SVG Animation and Transform Group
  214. Урок 214. 00:06:33
    Adobe Illustrator SVG Clip Path
  215. Урок 215. 00:03:43
    Figma SVG Gradient
  216. Урок 216. 00:03:18
    Figma SVG Filter
  217. Урок 217. 00:08:35
    JavaScript Variables
  218. Урок 218. 00:02:57
    JavaScript String
  219. Урок 219. 00:01:49
    JavaScript Boolean
  220. Урок 220. 00:01:39
    JavaScript Number
  221. Урок 221. 00:03:35
    JavaScript Concatenation
  222. Урок 222. 00:02:35
    JavaScript Template Literal
  223. Урок 223. 00:03:14
    JavaScript Index Number and Length
  224. Урок 224. 00:02:30
    JavaScript Array
  225. Урок 225. 00:04:03
    JavaScript Array Manipulation
  226. Урок 226. 00:03:04
    JavaScript Object
  227. Урок 227. 00:03:51
    JavaScript Object Manipulation
  228. Урок 228. 00:06:31
    JavaScript Comparison Operators
  229. Урок 229. 00:05:11
    JavaScript Logical Operators
  230. Урок 230. 00:04:14
    JavaScript Conditional Statements
  231. Урок 231. 00:05:22
    JavaScript Logic
  232. Урок 232. 00:04:23
    JavaScript For Loop
  233. Урок 233. 00:01:52
    JavaScript For Of Loop
  234. Урок 234. 00:03:06
    JavaScript For Each Loop
  235. Урок 235. 00:03:56
    JavaScript Functions
  236. Урок 236. 00:02:30
    JavaScript Function Parameters
  237. Урок 237. 00:02:43
    JavaScript Anonymous Functions
  238. Урок 238. 00:03:34
    JavaScript Callback Functions
  239. Урок 239. 00:03:00
    JavaScript Arrow Functions
  240. Урок 240. 00:07:03
    JavaScript Query Selector
  241. Урок 241. 00:03:54
    JavaScript Query Selector All
  242. Урок 242. 00:04:38
    JavaScript Other Selectors
  243. Урок 243. 00:03:12
    JavaScript Text Content
  244. Урок 244. 00:03:26
    JavaScript Inner HTML
  245. Урок 245. 00:05:22
    JavaScript Attribute
  246. Урок 246. 00:08:43
    JavaScript Class List
  247. Урок 247. 00:06:23
    JavaScript Styling
  248. Урок 248. 00:07:09
    JavaScript Parent Child
  249. Урок 249. 00:05:14
    JavaScript Siblings
  250. Урок 250. 00:04:32
    JavaScript Create Element
  251. Урок 251. 00:03:36
    JavaScript Remove Child
  252. Урок 252. 00:04:25
    JavaScript Append and Prepend
  253. Урок 253. 00:07:58
    JavaScript Insert Before
  254. Урок 254. 00:09:42
    JavaScript Event Listener
  255. Урок 255. 00:14:33
    Split Shadow Project
  256. Урок 256. 00:28:12
    Responsive Landing Page Project
  257. Урок 257. 00:24:16
    Masonry Grid Project
  258. Урок 258. 00:36:30
    Typography Poster Project
  259. Урок 259. 00:17:08
    Morphing Stroke Project
  260. Урок 260. 00:29:54
    Primary Art Brush Project
  261. Урок 261. 00:36:34
    Dynamic Card Design Project
  262. Урок 262. 00:39:11
    Full Screen Menu Project
  263. Урок 263. 00:32:15
    Morphing Background Project
  264. Урок 264. 00:29:40
    DeStijl Art Grid Project
  265. Урок 265. 00:12:06
    Affinity Designer Overview
  266. Урок 266. 00:19:29
    Essential Design Tools
  267. Урок 267. 00:25:02
    Gradient and Swatches
  268. Урок 268. 00:25:16
    Layer Effects and Strokes
  269. Урок 269. 00:13:59
    Grids and 3D Isometric
  270. Урок 270. 00:22:57
    Logo Thumbnail Project
  271. Урок 271. 00:14:20
    Brand Styleguide Project
  272. Урок 272. 00:03:55
    UX Ice Berg Model
  273. Урок 273. 00:02:06
    UX Double Diamond
  274. Урок 274. 00:02:07
    UX Feasibility Diagram
  275. Урок 275. 00:02:25
    Target Audience
  276. Урок 276. 00:02:58
    UX Eco-System Mapping
  277. Урок 277. 00:03:29
    UX Journey Map
  278. Урок 278. 00:04:21
    Business SWOT Analysis
  279. Урок 279. 00:01:47
    Business Competitor Analysis
  280. Урок 280. 00:04:34
    Business Growth Metrics
  281. Урок 281. 00:04:19
    6 Famous Business Model
  282. Урок 282. 00:04:34
    Affinity and Mind Mapping
  283. Урок 283. 00:08:44
    User Persona
  284. Урок 284. 00:04:06
    Customer Journey Mapping
  285. Урок 285. 00:09:48
    User Flows
  286. Урок 286. 00:05:39
    Design Strategy
  287. Урок 287. 00:10:40
    Sprint Planning