The Complete Flutter Ui Masterclass

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

Last updated 2022-01-10 | 4.6

- 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

What you'll 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

* Requirements

* Have a basic understanding of Flutter and Dart
* Have Flutter installed

Description

Looking to learn how to build beautiful Android and iOS apps with Flutter and Dart or having trouble building out mobile designs?

This course will teach you how to build the UI of five amazing mobile apps!

  1. Food Delivery App

  2. Budget App

  3. Social Media App

  4. Facebook App and Web

  5. Netflix App and Web

As a mobile app developer, you understand the importance of implementing clean and intuitive UI. It is essential to crafting the best user experience possible. With Flutter, we have the power to build responsive interfaces for mobile and web with a single codebase.

You will learn how to:

  • Implement basic and advanced Flutter widgets (Ex: ListViews, GridViews, Slivers, Custom Painters, Custom Clippers, Drawers, etc.)

  • Write your own custom widgets

  • Visualize data with charts

  • Animate widgets

  • Use stack-based screen navigation

  • Debug your code

  • Build responsive user interfaces for mobile and web

  • And much more!

I hope you enjoy this course, and I'm looking forward to seeing the amazing apps you create!

Who this course is for:

  • Flutter developers who want to improve their UI skills
  • Flutter developers who want to learn basic and advanced Flutter widgets

Course content

6 sections • 38 lectures

Introduction Preview 00:58

Ask Questions in Discord Community Preview 00:21

New Material Buttons Preview 00:21

Project Overview: Food Delivery App Preview 00:39

Data and Models Preview 02:13

Home Screen + App Bar Preview 03:45

Search Bar Preview 03:57

Recent Orders Preview 15:43

Nearby Restaurants Preview 11:37

Restaurant Screen Navigation Preview 01:56

Stack and Hero Animation Preview 11:08

GridView Menu Preview 11:19

Cart Screen Items + Quantity Selector Preview 13:16

Bottom Sheet Checkout Button Preview 07:15

Project Overview: Budget App Preview 00:36

Data and Models Preview 02:15

Home Screen Preview 01:52

Sliver App Bar and Sliver List Preview 04:35

Bar Chart Preview 14:50

Category List Cards Preview 08:08

Layout Builder - Remaining Money Bars Preview 08:07

Category Screen Preview 04:36

Custom Painter - Radial Progress Bar Preview 10:38

Expense List Preview 06:18

Project Overview: Social Media App Preview 00:48

Data and Models Preview 01:44

Login Screen UI Preview 11:50

Login Screen Custom Clipper Preview 08:19

Home Screen App Bar + Tab Bar Preview 06:45

Following Users ListView Preview 07:59

Posts PageView Carousel Preview 13:44

Animated PageView Preview 03:30

Sidebar Menu (Drawer) Preview 10:25

Profile Screen Custom Clipper Preview 11:25

Finishing Our Profile Screen Preview 05:53