The Complete Flutter UI Masterclass | iOS, Android, & Web

Learn how to build beautiful and responsive iOS, Android, and Web user interfaces using Flutter and Dart!

  • Marcus Ng
  • 4.53
  • (602 reviews)
  • 7 hrs
  • 37 lectures
  • Udemy
The Complete Flutter UI Masterclass | iOS, Android, & Web

What you will learn?

  • Build beautiful mobile and web UI with Flutter and Dart
  • Learn how to implement basic and advanced Flutter widgets
  • Design and implement your own custom widgets
  • Visualize data with Flutter

Your trainer

Marcus Ng

I am a mobile app developer specializing in building apps with Flutter. I enjoy teaching and run a YouTube channel that teaches developers how to create production ready apps with Flutter. If you have any questions or just want to say hi, feel free to contact me on Udemy, Twitter, or YouTube!

I hope you enjoy my courses, and I look forward to bringing you more!

37 lessons

Easy to follow lectures and videos covering subject details.

7 hours

This course includes hours of video material. Watch on-demand, anytime, anywhere.

Certificate of Completion

You will earn a Certificate of Completion at the end of this course.

Course curriculum

Introduction01:19

  • Introduction00:58
  • New Material Buttons00:21

  • Project Overview: Food Delivery App00:39
  • Data and Models02:13
  • Home Screen + App Bar03:45
  • Search Bar03:57
  • Recent Orders15:43
  • Nearby Restaurants11:37
  • Restaurant Screen Navigation01:56
  • Stack and Hero Animation11:08
  • GridView Menu11:19
  • Cart Screen Items + Quantity Selector13:16
  • Bottom Sheet Checkout Button07:15

  • Project Overview: Budget App00:36
  • Data and Models02:15
  • Home Screen01:52
  • Sliver App Bar and Sliver List04:35
  • Bar Chart14:50
  • Category List Cards08:08
  • Layout Builder - Remaining Money Bars08:07
  • Category Screen04:36
  • Custom Painter - Radial Progress Bar10:38
  • Expense List06:18

  • Project Overview: Social Media App00:48
  • Data and Models01:44
  • Login Screen UI11:50
  • Login Screen Custom Clipper08:19
  • Home Screen App Bar + Tab Bar06:45
  • Following Users ListView07:59
  • Posts PageView Carousel13:44
  • Animated PageView03:30
  • Sidebar Menu (Drawer)10:25
  • Profile Screen Custom Clipper11:25
  • Finishing Our Profile Screen05:53

  • Facebook UI (Web and Mobile)01:52:11
  • Netflix UI (Web and Mobile)01:13:14

  • Conclusion00:30
Enroll now
Online Courses

Learning Flutter doesn't have to be hard. Here is our curated list of recommended online courses that will guide you step-by-step in the learning process.

Learn more
Books

Are you an avid book reader? Do you prefer paperback, or maybe Kindle version? Take a look at our curated list of Flutter related books and take yourskills to the next level.

Learn more
YouTube videos

The number of high-quality and free Flutter video tutorials is growing fast. Check this curated list of recommended videos - there is no excuse to stop learning.

Learn more