Flutter UI Masterclass Course

📃 Prerequisites

  • Have Flutter installed
  • Beginner knowledge of Flutter and Dart

🚨 Note

  • This course uses an older version of Flutter and Dart, but you can still follow along
  • Just follow the instructions included in the course on setting the proper Dart SDK version in your project

📚 What will I learn?

  • Flutter basics
  • Folder and file structure
  • Reusable widgets
  • Navigation/Routing
  • Asynchronous programming
  • Responsive UI for mobile and web
  • Build multiple UIs:
    • Food Delivery App (Mobile)
    • Budget App (Mobile)
    • Social Media App (Mobile)
    • Facebook (Mobile/Web)
    • Netflix (Mobile/Web)

💳 Pro Membership

Already a member?  View your courses

❤️ Wall of Love

Well explained! Great instructor, simple and straight-forward.

Katsaros P.

Marcus’s Flutter courses have always been fantastic.


Perfect audio quality. Good pace.

Marlos L.

The excellent feature of this course comparing to many others is the instructor’s explanation during the coding which helps me understand and know how to apply what I’ve learned into practice.

Quang L.

Focused, no waffle, straight-talking, no back-and-forth try-this try-that. WOW. Quality not Quantity. Concise and precise.

Mark T.

As a senior developer, I've learned so much about improving my development process. Marcus is a great instructor, and his coding style is top notch.

L. B.

The presentation is excellent, everything is detailed properly. I recommend Marcus' courses to everyone.

Krisztián S.

Very well explained course, with clear examples. Keep up the great work. A+++!

Fernando B.

Marcus is clear with his instructions and explains what he is doing as he is doing it.

Niki D.


1 Introduction

2 New Material Buttons

3 Food Delivery App - Project Overview

4 Data and Models

5 Home Screen and App Bar

6 Search Bar

7 Recent Orders

8 Nearby Restaurants

9 Restaurant Navigation Screen

10 Stack and Hero Animation

11 Grid View Menu

12 Cart Screen Items and Quantity Selector

13 Bottom Sheet Checkout Button

14 Source Code

15 Budget App - Project Overview

16 Data and Models

17 Home Screen

18 Sliver App Bar and Sliver List

19 Bar Chart

20 Category List Cards

21 Layout Builder - Remaining Money Bars

22 Category Screen

23 Custom Painter - Radial Progress Bar

24 Expense List

25 Source Code

26 Social Media App - Project Overview

27 Data and Models

28 Login Screen

29 Login Screen Custom Clipper

30 Home Screen App Bar and Tab Bar

31 Following Users List View

32 Posts Page View Carousel

33 Animated Page View

34 Sidebar Menu

35 Profile Screen Custom Clipper

36 Finishing Our Profile Screen

37 Source Code

38 Facebook Responsive UI (Mobile/Web)

39 Netflix Responsive UI (Mobile/Web)

40 Conclusion