Trang chủ

Mobile Development

Google Flutter

Flutter - Animations from Zero to Hero

Flutter - Animations from Zero to Hero

Loại khoá học: Mobile Development

Learn Animations in Flutter for Beginners

50.000 VND

25 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

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.

Bạn sẽ học được gì

Basics of Flutter Animations

Best Practices for Animations

Implicit Animations

Explicit Animations

Page Transition Animations

Custom Paint Animations

Lottie Animations

Flare Animations

Yêu cầu

Just know the basics of dart and flutter, No expeirence needed in animations

Nội dung khoá học

6 sections

Introduction

5 lectures

Lecture 1: About the Course

00:31

Lecture 2: What is Animation in Flutter?

10:34

Lecture 3: What are Animation Concepts in Flutter?

13:25

Lecture 4: What are Animation Types in Flutter?

05:14

Lecture 5: Flutter Animtions Tree

09:40

Animations Basics

6 lectures

Lecture 6: Animation Controller OverView

05:41

Lecture 7: Animation Controller in Deep

21:02

Lecture 8: Animation and Tweens

19:07

Lecture 9: Animation Curves

09:16

Lecture 10: Vertical Synchronization and TickerProvider

04:29

Lecture 11: Animation Builders

13:00

Implicit Animations

24 lectures

How To Get Source code?

01:41

Lecture 13: Prepare the project

08:51

Lecture 14: Animated Align Demo

00:49

Lecture 15: Animated Align

26:12

Lecture 16: Animated Container Demo

00:52

Lecture 17: Animated Container

14:46

Lecture 18: Animated Default Text Style Demo

00:38

Lecture 19: Animated Default Text Style

15:24

Lecture 20: Animated Opacity Demo

00:57

Lecture 21: Animated Opacity

12:07

Lecture 22: Animated Padding Demo

01:00

Lecture 23: Animated Padding

16:42

Lecture 24: Animated Physical Model Demo

00:51

Lecture 25: Animated Physical Model

09:31

Lecture 26: Animated Positioned Demo

01:12

Lecture 27: Animated Positioned

27:53

Lecture 28: Animated Positioned Directional Demo

00:39

Lecture 29: Animated Positioned Directional

25:11

Lecture 30: Animated CrossFade Demo

00:54

Lecture 31: Animated CrossFade

12:03

Lecture 32: Animated Switcher Demo

01:00

Lecture 33: Animated Switcher

08:47

Lecture 34: Animated List State Demo

00:47

Lecture 35: Animated List State

21:47

Explicit Animations

18 lectures

Lecture 36: Poistioned Transition Demo

01:02

Lecture 37: Poistioned Transition

28:07

Lecture 38: Size Transition Demo

00:48

Lecture 39: Size Transition

16:32

Lecture 40: Rotation Transition Demo

00:48

Lecture 41: Rotation Transition

10:54

Lecture 42: Animated Builder Demo

00:46

Lecture 43: Animated Builder

18:02

Lecture 44: Fade Transition Demo

01:26

Lecture 45: Fade Transition

08:34

Lecture 46: Positioned Directional Transition Demo

01:28

Lecture 47: Positioned Directional Transition

14:35

Lecture 48: Tween Animation Builder Demo

01:15

Lecture 49: Tween Animation Builder

17:47

Lecture 50: Default Text Style Transition Demo

00:53

Lecture 51: Default Text Style Transition

12:09

Lecture 52: Inexed Stack Transition Demo

01:05

Lecture 53: Inexed Stack Transition

19:16

Page Transitions Animation

14 lectures

Lecture 54: Page Fade Transition Demo

00:59

Lecture 55: Page Fade Transition

17:19

Lecture 56: Page Scale Transition Demo

01:46

Lecture 57: Page Scale Transition

11:28

Lecture 58: Page Rotation Transition Demo

01:32

Lecture 59: Page Rotation Transition

07:12

Lecture 60: Page Slide Transition Demo

01:11

Lecture 61: Page Slide Transition

08:34

Lecture 62: Page Size Transition Demo

01:09

Lecture 63: Page Size Transition

04:14

Lecture 64: Page Mix Fade Size Transition Demo

01:11

Lecture 65: Page Mix Fade Size Transition

03:37

Lecture 66: Page Mix Scale Rotate Transition Demo

01:06

Lecture 67: Page Mix Scale Rotate Transition

04:59

More Animations

6 lectures

Lecture 68: Custom Paint Animations Demo

01:11

Lecture 69: Custom Paint Animations

24:22

Lecture 70: Lottie Animations Demo

01:00

Lecture 71: Lottie Animations

28:21

Lecture 72: Rive (Flare) Animations Demo

01:03

Lecture 73: Rive (Flare) Animations

06:59

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

How To Create 2D Defender Game With Unity & C#

How To Create 2D Defender Game With Unity & C#

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi