Animated task completion ring with AnimationController and AnimatedBuilder

Module 1

01 - Course Intro (Updated December 2023)
01 - Course Intro (Updated December 2023)

2:20
02 - Join Code With Andrea on Discord
03 - Flutter Installation and IDE Setup
04 - Course Repository on GitHub
05 - Color/Number Game with Flutter Implicit Animations
05 - Color/Number Game with Flutter Implicit Animations

4:13
06 - Introduction to Animations
06 - Introduction to Animations

2:02
07 - Implicit Animations Playground

2:19
08 - Implicit animations with AnimatedContainer

4:56
09 - [Exercise] AnimatedOpacity

3:13
10 - Animation Curves

2:42
11 - Intro to TweenAnimationBuilder

4:24
12 - Animating HSV colors with TweenAnimationBuilder

8:13
13 - Wrap up on Implicit Animations

1:13
14 - Request for Feedback (optional)

Module 2

Module 3

Module 4

01 - Module intro & starter project
01 - Module intro & starter project

2:23
02 - Task completion ring: Technical planning

2:30
03 - Introduction to CustomPainter

4:44
04 - Drawing a task completion ring with the canvas

11:07
05 - Introduction to explicit animations with AnimationController

4:37
06 - Animated task completion ring with AnimationController and AnimatedBuilder

4:27
07 - Controlling the animation with GestureDetector

4:34
08 - Adding a centered SVG icon to the animated task

4:06
09 - Task completion UI tweaks

3:34
10 - Task completion state and final tweaks

4:48
11 - Bugfix: Handling tap cancel gestures

2:30
12 - Adding a Task Name

5:22
13 - Arranging multiple tasks inside a GridView

7:13
14 - Finished project and Wrap Up

1:48
15 - Extra Challenge: 3D Pushable Button

0:44
16 - Request for Feedback (optional)

Module 5

Module 6

Module 7

01 - Module Intro: Page Flip Transition
01 - Module Intro: Page Flip Transition

1:50
02 - Starter project and walkthrough

3:45
03 - Designing the Page Flip widget API with WidgetBuilders

2:53
04 - Using a GlobalKey to modify the state of a child widget

2:18
05 - AnimationController setup

3:47
06 - AnimatedBuilder vs AnimatedWidget

3:35
07 - Rotation code with Transform and Matrix4

5:12
08 - Interactive page flip transition

3:03
09 - Widgets, elements and keys

5:06
10 - Extra Challenge: Card flip game

1:07
11 - Request for Feedback (optional)

Module 8

Module 9

01 - Module Intro
01 - Module Intro

1:07
02 - Starter Project & Walkthrough

7:29
03 - Controlling animations on the TasksGrid widget

2:54
04 - Adding an AnimatedWidget subclass to scale widgets

3:21
05 - Staggered animations

5:04
06 - Adding an AddTaskItem widget

2:52
07 - Fade in/out animation with an Opacity widget

2:38
08 - Explicit animations with FadeTransition and ScaleTransition

4:48
09 - Overview: built-in transition vs implicitly animated widgets in Flutter

2:14
10 - Bugfix: disabling task completion in edit mode

4:01
11 - Request for Feedback (optional)

Module 10

01 - Module Intro: Add and Edit Tasks
01 - Module Intro: Add and Edit Tasks

2:49
02 - Navigating to the Add Task and Edit Task pages

3:03
03 - Overview: AddTaskPage with slivers

2:05
04 - Overview: TaskDetailsPage and SelectIconPage

5:26
05 - Overview: Onboarding

3:20
06 - Conclusion and Next Steps

2:00
07 - Request for Feedback (optional)

0% completed

To get access to this lesson, you'll need to purchase the course

Questions? Let's chat