Flutter – Animations from Zero to Hero
Flutter Animations: From Zero to Hero
This course is prepared to teach you how to create engaging and dynamic UI using animations in Flutter.
You will learn the fundamentals of creating animations in Flutter using the Animation and Tween classes, and explore more.
The course will cover best practices for creating animations in Flutter, such as optimizing performance and minimizing visual clutter.
Real-world examples and case studies will be used to demonstrate how animations can enhance the user experience and add personality to an app.
By the end of the course, you will have the skills and knowledge they need to create beautiful and engaging UI in Flutter applications using animations.
You will learn how to use implicit animations to create basic animations such as changing the color or size of a widget.
You will also explore advanced techniques for implicit animations, such as using the AnimatedBuilder widget and working with animations in a widget tree.
Best practices for implicit animations will be covered, such as optimizing performance and minimizing visual clutter.
In addition, you will learn how to use explicit animations to create custom animations that reflect their app’s unique personality.
You will learn how to use the Animation and Tween classes to create complex animations, such as animating widgets along a path.
The course will also cover best practices for explicit animations, such as optimizing performance and using animations to enhance the user experience.
Animations Basics
Implicit Animations
Explicit Animations
-
12
How To Get Source code? -
13
Lecture 13: Prepare the project
-
14
Lecture 14: Animated Align Demo
-
15
Lecture 15: Animated Align
-
16
Lecture 16: Animated Container Demo
-
17
Lecture 17: Animated Container
-
18
Lecture 18: Animated Default Text Style Demo
-
19
Lecture 19: Animated Default Text Style
-
20
Lecture 20: Animated Opacity Demo
-
21
Lecture 21: Animated Opacity
-
22
Lecture 22: Animated Padding Demo
-
23
Lecture 23: Animated Padding
-
24
Lecture 24: Animated Physical Model Demo
-
25
Lecture 25: Animated Physical Model
-
26
Lecture 26: Animated Positioned Demo
-
27
Lecture 27: Animated Positioned
-
28
Lecture 28: Animated Positioned Directional Demo
-
29
Lecture 29: Animated Positioned Directional
-
30
Lecture 30: Animated CrossFade Demo
-
31
Lecture 31: Animated CrossFade
-
32
Lecture 32: Animated Switcher Demo
-
33
Lecture 33: Animated Switcher
-
34
Lecture 34: Animated List State Demo
-
35
Lecture 35: Animated List State
Page Transitions Animation
-
36
Lecture 36: Poistioned Transition Demo
-
37
Lecture 37: Poistioned Transition
-
38
Lecture 38: Size Transition Demo
-
39
Lecture 39: Size Transition
-
40
Lecture 40: Rotation Transition Demo
-
41
Lecture 41: Rotation Transition
-
42
Lecture 42: Animated Builder Demo
-
43
Lecture 43: Animated Builder
-
44
Lecture 44: Fade Transition Demo
-
45
Lecture 45: Fade Transition
-
46
Lecture 46: Positioned Directional Transition Demo
-
47
Lecture 47: Positioned Directional Transition
-
48
Lecture 48: Tween Animation Builder Demo
-
49
Lecture 49: Tween Animation Builder
-
50
Lecture 50: Default Text Style Transition Demo
-
51
Lecture 51: Default Text Style Transition
-
52
Lecture 52: Inexed Stack Transition Demo
-
53
Lecture 53: Inexed Stack Transition
More Animations
-
54
Lecture 54: Page Fade Transition Demo
-
55
Lecture 55: Page Fade Transition
-
56
Lecture 56: Page Scale Transition Demo
-
57
Lecture 57: Page Scale Transition
-
58
Lecture 58: Page Rotation Transition Demo
-
59
Lecture 59: Page Rotation Transition
-
60
Lecture 60: Page Slide Transition Demo
-
61
Lecture 61: Page Slide Transition
-
62
Lecture 62: Page Size Transition Demo
-
63
Lecture 63: Page Size Transition
-
64
Lecture 64: Page Mix Fade Size Transition Demo
-
65
Lecture 65: Page Mix Fade Size Transition
-
66
Lecture 66: Page Mix Scale Rotate Transition Demo
-
67
Lecture 67: Page Mix Scale Rotate Transition
Related Courses
