Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Prototyping With React + Framer, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:01:04
    1.1 Introduction
  • Урок 2. 00:01:16
    1.1.1 Why Codesandbox?
  • Урок 3. 00:02:18
    1.2 How does a website work?
  • Урок 4. 00:05:44
    1.3 A Tour of CodeSandbox
  • Урок 5. 00:02:26
    1.4 Code first impression
  • Урок 6. 00:04:12
    1.5 JSX
  • Урок 7. 00:04:40
    1.6 JSX vs. HTML
  • Урок 8. 00:05:25
    2.1 Boxes Of Legos
  • Урок 9. 00:05:30
    2.2 Draw A Picture Of Toggle
  • Урок 10. 00:05:36
    2.3 Objects
  • Урок 11. 00:07:02
    2.4 Too Many Styling Options
  • Урок 12. 00:05:58
    2.5 Functions
  • Урок 13. 00:08:15
    2.6 Calling Functions, Variables
  • Урок 14. 00:03:18
    2.6.1 Let, Const, Var
  • Урок 15. 00:08:28
    2.7 onTap
  • Урок 16. 00:09:03
    2.8 Array
  • Урок 17. 00:07:07
    2.9 Animate Attribute
  • Урок 18. 00:08:28
    2.10 Variants
  • Урок 19. 00:05:01
    3.1 Sliders Are Frames Too
  • Урок 20. 00:05:31
    3.2 Style The Slider
  • Урок 21. 00:03:04
    3.3 Make The Slider Draggable
  • Урок 22. 00:05:15
    3.4 onDrag
  • Урок 23. 00:04:16
    3.5 Get Slider Position
  • Урок 24. 00:06:15
    3.6 Make Skinny Happy - useAnimation
  • Урок 25. 00:04:06
    3.6.1 Scope Of Variables
  • Урок 26. 00:05:15
    3.7 Fix A Bug
  • Урок 27. 00:05:09
    3.8 Create React Components
  • Урок 28. 00:04:16
    3.9 Communicate Between Two Components
  • Урок 29. 00:04:28
    3.10 Pass onDrag To Slider Component
  • Урок 30. 00:06:37
    3.11 Skinny Has An Attitude - If Else
  • Урок 31. 00:02:18
    4.1 Lay Out The Scene
  • Урок 32. 00:05:47
    4.2 onMouseMove
  • Урок 33. 00:08:09
    4.3 Add Parallax Movements
  • Урок 34. 00:04:44
    4.3.1 Object Destructuring
  • Урок 35. 00:04:59
    4.4 React Hooks
  • Урок 36. 00:06:00
    4.5 The true face of JSX tags
  • Урок 37. 00:06:27
    4.6 Convert JSX Tags With Children Into JS
  • Урок 38. 00:05:30
    5.1 One Card Swipe
  • Урок 39. 00:05:59
    5.2 Rotate Card While Dragging
  • Урок 40. 00:05:30
    5.3 Revisit Mouse Parallax
  • Урок 41. 00:05:53
    5.4 Improve Mouse Parallax
  • Урок 42. 00:05:52
    5.5 useMotionValue vs. useAnimation
  • Урок 43. 00:06:57
    5.6 Finish One Card Swipe
  • Урок 44. 00:05:21
    5.7 A Deck Of Cards
  • Урок 45. 00:05:58
    5.8 Array.map
  • Урок 46. 00:06:24
    6.1 Make A Simple Counter
  • Урок 47. 00:04:42
    6.2 Add State To The Counter
  • Урок 48. 00:04:03
    6.3 Start Making RadioGroup
  • Урок 49. 00:07:00
    6.4 Create A Reusable RadioGroup
  • Урок 50. 00:04:24
    6.5 Pass Along Props
  • Урок 51. 00:05:39
    6.6 True Face Of The Spread Operator
  • Урок 52. 00:05:28
    6.7 Add State To RadioGroup
  • Урок 53. 00:05:30
    6.8 True Face Of useCycle
  • Урок 54. 00:05:59
    7.1 Unlock The Padlock - Sequence Animations
  • Урок 55. 00:03:07
    7.2 Understand async/await
  • Урок 56. 00:06:11
    7.3 Build The Failed Unlock Animation
  • Урок 57. 00:06:05
    7.4 Build A FAB
  • Урок 58. 00:07:41
    7.5 staggerChildren
  • Урок 59. 00:04:22
    7.6 Keyframes
  • Урок 60. 00:06:50
    8.1 Simple Scroll Effects
  • Урок 61. 00:06:32
    8.2 Sticky Icon New
  • Урок 62. 00:05:53
    8.3 Other Parallax Hooks
  • Урок 63. 00:06:07
    8.4 Walkthrough Of Assignment 8.2
  • Урок 64. 00:02:05
    9.1 Framer X Overview
  • Урок 65. 00:06:29
    9.2 Use Magic Move To Build A Toggle
  • Урок 66. 00:04:03
    9.3 Make Card Expand Prototype
  • Урок 67. 00:04:54
    9.4 Overrides
  • Урок 68. 00:05:07
    9.5 Card Expand In Overrides
  • Урок 69. 00:05:00
    9.5.1 Communicate Between Overrides
  • Урок 70. 00:06:40
    9.6 Code Component Property Controls
  • Урок 71. 00:04:23
    9.7 Design & Code Components
  • Урок 72. 00:02:49
    10.1 Find A Chart Library
  • Урок 73. 00:04:13
    10.2 Make A Line Chart
  • Урок 74. 00:04:40
    10.2.1 Import Stock Data
  • Урок 75. 00:12:53
    10.3 Convert Data Shape
  • Урок 76. 00:08:50
    10.4 Download Data From An Api
  • Урок 77. 00:04:18
    10.5 Fix Infinite Loop With useEffect
  • Урок 78. 00:08:21
    10.6 Select Stock Symbol - More About useEffect
  • Урок 79. 00:04:52
    10.7 Add Another Progress Indicator
  • Урок 80. 00:09:46
    10.8 Handle Errors
  • Урок 81. 00:02:13
    11.1 Introduction To Framer Motion
  • Урок 82. 00:06:13
    11.2 Use Framer Motion To Build Toggle
  • Урок 83. 00:05:01
    11.3 Task List
  • Урок 84. 00:03:01
    11.4 Why AnimatePresence?
  • Урок 85. 00:03:54
    11.5 A Common Error About Keys
  • Урок 86. 00:08:09
    11.6 Task List With Checkmarks
  • Урок 87. 00:05:12
    11.7 Counter Number Switch
  • Урок 88. 00:05:49
    11.8 Create Scroll Effects With Framer Motion
  • Урок 89. 00:04:15
    12.1 Progress Indicator In Framer X
  • Урок 90. 00:07:28
    12.2 Progress Indicator With Motion
  • Урок 91. 00:06:13
    12.3 Make A Circular Dial
  • Урок 92. 00:06:12
    12.4 Move The Knob Along The Circle
  • Урок 93. 00:10:17
    12.5 Set pathLength Of The Circle