CodeWithAndrea – Flutter Animations Masterclass 2021-9

CodeWithAndrea – Flutter Animations Masterclass 2021-9 Downloadly IRSpace

Apr 17, 2025 - 12:00 Updated: Aug 17, 2025 - 12:09

0 0

CodeWithAndrea – Flutter Animations Masterclass 2021-9

Flutter Animations Masterclass, a comprehensive animation training course in Flutter, is published by CodeWithAndrea Academy. Learn animations in Flutter and learn how to create outstanding applications. This course project was inspired by the Streaks app – one of the top health and fitness apps on the App Store (and also an Apple Design Award winner). This application combines a very smooth user interface with custom animations to create a unique user experience. With Flutter, you can really create beautiful user interfaces, and my goal in this course is to show you how to do it. I’ll teach you how to build a beautiful app with complex animations, production-level code, and a strong focus on architecture.

Custom animations are great. But real apps are made of more than just a user interface. So we’ll also learn about application architecture, local data persistence, state management, and how to write maintainable code, as well as best practices. You will not learn animations in isolation. Instead, you’ll see how everything fits together to create a real program.

What you’ll learn

Intro and Implicit Animations
Habit Tracker App
Local Data Persistence with Hive
State Management with Riverpod
Page Flip Animation
Advanced Theming

Who this course is for

If you are a Flutter developer looking to build beautiful apps and take your skills to the next level, this course is for you. And this is worth a lot more than the price of admission.

Specificatoin of Flutter Animations Masterclass

Publisher : CodeWithAndrea
Teacher : Andrea
Language : English
Level : Intermediate
Number of Course : 101
Duration : 7 hours and 3 minutes

Content of Flutter Animations Masterclass

Color/Number Game with Flutter Implicit Animations
Introduction to Animations
Download the animations playground project
Implicit animations with AnimatedContainer
[Exercise] AnimatedOpacity
Animation Curves
Intro to TweenAnimationBuilder
Animating HSV colors with TweenAnimationBuilder
Wrap up on Implicit Animations
Module Introduction
Starter project for the Stopwatch app
Dark Mode and Custom System UI Overlay
Creating a periodic Timer
Ticker and TickerProvider
Creating a separate StopwatchRenderer widget
Sizing the Stopwatch UI with AspectRatio
Matrix transforms
Getting the circle radius from LayoutBuilder
Implementing the animated clock-hand
Completing the stopwatch UI (part 1)
Completing the stopwatch UI (part 2)
Adding the start/stop/reset functionality (part 1)
Adding the start/stop/reset functionality (part 2)
Performance and testing considerations when working with tickers
Habit Tracker App: Introduction
Download the Starter Project
Linting rules
Code walkthrough: Project Assets
Code walkthrough: Colors and Theming
Module intro & starter project
Task completion ring: Technical planning
Introduction to CustomPainter
Drawing a task completion ring with the canvas
Introduction to explicit animations with AnimationController
Animated task completion ring with AnimationController and AnimatedBuilder
Controlling the animation with GestureDetector
Adding a centered SVG icon to the animated task
Task completion UI tweaks
Task completion state and final tweaks
Bugfix: Handling tap cancel gestures
Adding a Task Name
Arranging multiple tasks inside a GridView
Finished project and Wrap Up
Extra Challenge: 3D Pushable Button
Module intro
Technical planning: local vs remote storage
Starter project overview
Introduction to Hive
Creating model classes with Hive
Creating a type adapter with code generation
Creating the HiveDataStore
Creating the demo tasks inside main()
Creating unique Task IDs with the uuid package
Reading tasks with ValueListenableBuilder
Wrap up
Module Intro & Starter project
Introduction to Riverpod
How to use Provider, Consumer, and ConsumerWidget
Dependency overrides with ProviderScope
TaskState data modelling
Creating and using a TaskState Hive model class
Adding an onCompleted callback to the AnimatedTask widget
Creating a TaskWithNameLoader
Wrap Up + Using the Widget Inspector
Module Intro: Page Flip Transition
Starter project and walkthrough
Designing the Page Flip widget API with WidgetBuilders
Using a GlobalKey to modify the state of a child widget
AnimationController setup
AnimatedBuilder vs AnimatedWidget
Rotation code with Transform and Matrix4
Interactive page flip transition
Widgets, elements and keys
Extra Challenge: Card flip game
Module Intro: Advanced Theming
Starter project and walkthrough
Showing the bottom panels
Creating a SlidingPanelAnimator
Using the SlidingPanelAnimator
Animating the sliding panels
Managing app theme state changes: an overview
Implementing the AppThemeManager class with StateNotifier
Creating and using the AppThemeManager providers
Applying the AppThemeSettings
Advanced animated theming with ImplicitlyAnimatedWidget
Module Intro
Starter Project & Walkthrough
Controlling animations on the TasksGrid widget
Adding an AnimatedWidget subclass to scale widgets
Staggered animations
Adding an AddTaskItem widget
Fade in/out animation with an Opacity widget
Explicit animations with FadeTransition and ScaleTransition
Overview: built-in transition vs implicitly animated widgets in Flutter
Bugfix: disabling task completion in edit mode
Module Intro: Add and Edit Tasks
Navigating to the Add Task and Edit Task pages
Overview: AddTaskPage with slivers
Overview: TaskDetailsPage and SelectIconPage
Overview: Onboarding
Conclusion and Next Steps