Description
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 build 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 will learn
- Introduction to Implicit animations
- Habit Tracker application
- Local data persistence with Hive
- Status management with Riverpod
- Flip page animation
- Advanced theming
Who is this course suitable 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.
Flutter Animations Masterclass course details
- Publisher: CodeWithAndrea
- teacher : Andrea
- English language
- Education level: Intermediate
- Number of courses: 101
- Training duration: 7 hours and 3 minutes
Chapters of the Flutter Animations Masterclass course
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 modeling
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
Course prerequisites
- To make the most of this, you need to have a good understanding of the Dart Language
Pictures
Sample video
Installation guide
After Extract, view with your favorite Player.
English subtitle
Quality: 1080p
download link
File(s) password: www.downloadly.ir
Size
2.28 GB
Be the first to comment