-
Урок 1.
00:02:17
001 - Introduction to the course
-
Урок 2.
00:04:20
002 - About the platform
-
Урок 3.
00:01:31
003 - Framer vs Framer Motion
-
Урок 4.
00:04:48
004 - Comparing Framer Motion With CSS Animation
-
Урок 5.
00:01:32
005 - Framer Motion's core principles
-
Урок 6.
00:03:27
006 - Installing Framer Motion
-
Урок 7.
00:04:11
007 - The Motion Component
-
Урок 8.
00:03:45
008 - Creating your first animation
-
Урок 9.
00:06:00
009 - Adding a from state to the animation
-
Урок 10.
00:09:36
010 - Changing the default transition
-
Урок 11.
00:08:04
011 - Make the animation loop with keyframes
-
Урок 12.
00:05:17
012 - Adding interactivity_ Hover, focus and tap
-
Урок 13.
00:03:15
013 - Build a responsive multi-step animation
-
Урок 14.
00:10:23
014 - Build a responsive multi-step animation
-
Урок 15.
00:08:27
015 - Motion values, the core of Framer Motion
-
Урок 16.
00:03:31
016 - Make it bounce_ useSpring
-
Урок 17.
00:04:14
017 - Transforming motion values with useTransform
-
Урок 18.
00:03:07
018 - Making elements draggable & practice with useTransform
-
Урок 19.
00:01:32
019 - Making elements draggable & practice with useTransform
-
Урок 20.
00:05:07
020 - Making elements draggable & practice with useTransform
-
Урок 21.
00:03:52
021 - Animating CSS variables (custom properties)
-
Урок 22.
00:02:29
022 - Stepping up our game
-
Урок 23.
00:06:34
023 - Animating elements removed from the DOM
-
Урок 24.
00:08:40
024 - Animation variants
-
Урок 25.
00:01:06
025 - Let's do a small refactor 0
-
Урок 26.
00:06:22
026 - Let's do a small refactor 1
-
Урок 27.
00:15:02
027 - Let's do a small refactor 2
-
Урок 28.
00:03:20
028 - Animating child components 0
-
Урок 29.
00:01:21
029 - Animating child components 1
-
Урок 30.
00:04:23
030 - Animating child components 2
-
Урок 31.
00:03:05
031 - Making your animations responsive
-
Урок 32.
00:18:25
032 - Responsiveness without media queries
-
Урок 33.
00:06:01
033 - Different behavior per breakpoint 0
-
Урок 34.
00:01:23
034 - Different behavior per breakpoint 1
-
Урок 35.
00:03:42
035 - Different behavior per breakpoint 2
-
Урок 36.
00:03:42
036 - Two other solutions to make responsive animations
-
Урок 37.
00:02:03
037 - Put our new skills to the test 0
-
Урок 38.
00:06:46
038 - Put our new skills to the test 1
-
Урок 39.
00:02:39
039 - Trigger animations on scroll 0
-
Урок 40.
00:00:20
040 - Trigger animations on scroll 1
-
Урок 41.
00:10:27
041 - whileInView 0
-
Урок 42.
00:01:38
042 - whileInView 1
-
Урок 43.
00:03:13
043 - whileInView 2
-
Урок 44.
00:03:17
044 - The useInView hook 0
-
Урок 45.
00:01:52
045 - The useInView hook 1
-
Урок 46.
00:04:07
046 - The useInView hook 2
-
Урок 47.
00:04:49
047 - Scroll-driven animations 0
-
Урок 48.
00:00:06
048 - Scroll-driven animations 1
-
Урок 49.
00:04:49
049 - useScroll_ Making scroll-driven animations 0
-
Урок 50.
00:03:44
050 - useScroll_ Making scroll-driven animations 1
-
Урок 51.
00:01:10
051 - useScroll_ Making scroll-driven animations 2
-
Урок 52.
00:10:31
052 - Tracking an element's position on screen
-
Урок 53.
00:01:47
053 - Practicing the differences between scroll-driven and scroll-triggered animations 0
-
Урок 54.
00:11:41
054 - Practicing the differences between scroll-driven and scroll-triggered animations 1
-
Урок 55.
00:09:06
055 - Scroll animations with position sticky 0
-
Урок 56.
00:00:20
056 - Scroll animations with position sticky 1
-
Урок 57.
00:02:19
057 - Scroll animations with position sticky 2
-
Урок 58.
00:06:07
058 - Scroll animations with position sticky 3