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