Learning Management Website > Development > Mobile Development > Flutter – Animations from Zero to Hero

4.51 out of 5

89 reviews on Udemy

Flutter – Animations from Zero to Hero

Learn Animations in Flutter for Beginners

Instructor:

Mina Farid

34 students enrolled

English [Auto]

Basics of Flutter Animations

Best Practices for Animations

Implicit Animations

Explicit Animations

Page Transition Animations

Custom Paint Animations

Lottie Animations

Flare Animations

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.

Introduction

Lecture 1: About the Course

Lecture 2: What is Animation in Flutter?

Lecture 3: What are Animation Concepts in Flutter?

Lecture 4: What are Animation Types in Flutter?

Lecture 5: Flutter Animtions Tree

Animations Basics

Lecture 6: Animation Controller OverView

Lecture 7: Animation Controller in Deep

Lecture 8: Animation and Tweens

Lecture 9: Animation Curves

Lecture 10: Vertical Synchronization and TickerProvider

Lecture 11: Animation Builders

Implicit Animations

How To Get Source code?

Lecture 13: Prepare the project

Lecture 14: Animated Align Demo

Lecture 15: Animated Align

Lecture 16: Animated Container Demo

Lecture 17: Animated Container

Lecture 18: Animated Default Text Style Demo

Lecture 19: Animated Default Text Style

Lecture 20: Animated Opacity Demo

Lecture 21: Animated Opacity

Lecture 22: Animated Padding Demo

Lecture 23: Animated Padding

Lecture 24: Animated Physical Model Demo

Lecture 25: Animated Physical Model

Lecture 26: Animated Positioned Demo

Lecture 27: Animated Positioned

Lecture 28: Animated Positioned Directional Demo

Lecture 29: Animated Positioned Directional

Lecture 30: Animated CrossFade Demo

Lecture 31: Animated CrossFade

Lecture 32: Animated Switcher Demo

Lecture 33: Animated Switcher

Lecture 34: Animated List State Demo

Lecture 35: Animated List State

Explicit Animations

Lecture 36: Poistioned Transition Demo

Lecture 37: Poistioned Transition

Lecture 38: Size Transition Demo

Lecture 39: Size Transition

Lecture 40: Rotation Transition Demo

Lecture 41: Rotation Transition

Lecture 42: Animated Builder Demo

Lecture 43: Animated Builder

Lecture 44: Fade Transition Demo

Lecture 45: Fade Transition

Lecture 46: Positioned Directional Transition Demo

Lecture 47: Positioned Directional Transition

Lecture 48: Tween Animation Builder Demo

Lecture 49: Tween Animation Builder

Lecture 50: Default Text Style Transition Demo

Lecture 51: Default Text Style Transition

Lecture 52: Inexed Stack Transition Demo

Lecture 53: Inexed Stack Transition

Page Transitions Animation

Lecture 54: Page Fade Transition Demo

Lecture 55: Page Fade Transition

Lecture 56: Page Scale Transition Demo

Lecture 57: Page Scale Transition

Lecture 58: Page Rotation Transition Demo

Lecture 59: Page Rotation Transition

Lecture 60: Page Slide Transition Demo

Lecture 61: Page Slide Transition

Lecture 62: Page Size Transition Demo

Lecture 63: Page Size Transition

Lecture 64: Page Mix Fade Size Transition Demo

Lecture 65: Page Mix Fade Size Transition

Lecture 66: Page Mix Scale Rotate Transition Demo

Lecture 67: Page Mix Scale Rotate Transition

More Animations

Lecture 68: Custom Paint Animations Demo

Lecture 69: Custom Paint Animations

Lecture 70: Lottie Animations Demo

Lecture 71: Lottie Animations

Lecture 72: Rive (Flare) Animations Demo

Lecture 73: Rive (Flare) Animations

FAQ 1

Faq Content 1

FAQ 2

Faq Content 2

Productivity Hacks to Get More Done in 2018

— 28 February 2017

Facebook News Feed Eradicator (free chrome extension) Stay focused by removing your Facebook newsfeed and replacing it with an inspirational quote. Disable the tool anytime you want to see what friends are up to!
Hide My Inbox (free chrome extension for Gmail) Stay focused by hiding your inbox. Click "show your inbox" at a scheduled time and batch processs everything one go.
Habitica (free mobile + web app) Gamify your to do list. Treat your life like a game and earn gold goins for getting stuff done!

4.5

4.5 out of 5

89 Ratings