#3 UI Design with Flutter

What You’ll learn from this course?

  • Fundamentals of UI
  • Exploring Widgets
  • Stateless vs Stateful Widgets
  • Playing with Rows & Columns
  • Scrollable UI
  • Material Widgets
  • Widgets for Inputs

 

Course Syllabus

Course Information

Categories:

Course Instructor

App Making Academy App Making Academy Author

Layouts

Stateless vs Stateful
Lesson 1 of 8 within section Layouts. You must enroll in this course to access course content.
Column
Lesson 2 of 8 within section Layouts. You must enroll in this course to access course content.
Row
Lesson 3 of 8 within section Layouts. You must enroll in this course to access course content.
Column & Row Together
Lesson 4 of 8 within section Layouts. You must enroll in this course to access course content.
Stack
Lesson 5 of 8 within section Layouts. You must enroll in this course to access course content.
ListView
Lesson 6 of 8 within section Layouts. You must enroll in this course to access course content.
GridView
Lesson 7 of 8 within section Layouts. You must enroll in this course to access course content.
SingleChildScrollView
Lesson 8 of 8 within section Layouts. You must enroll in this course to access course content.

Material Widgets

Buttons
Lesson 1 of 6 within section Material Widgets. You must enroll in this course to access course content.
AppBar
Lesson 2 of 6 within section Material Widgets. You must enroll in this course to access course content.
Drawer
Lesson 3 of 6 within section Material Widgets. You must enroll in this course to access course content.
Tabbar
Lesson 4 of 6 within section Material Widgets. You must enroll in this course to access course content.
Bottom Navigation
Lesson 5 of 6 within section Material Widgets. You must enroll in this course to access course content.
Popup Menu
Lesson 6 of 6 within section Material Widgets. You must enroll in this course to access course content.

Inputs

TextField
Lesson 1 of 6 within section Inputs. You must enroll in this course to access course content.
Switch
Lesson 2 of 6 within section Inputs. You must enroll in this course to access course content.
Checkbox
Lesson 3 of 6 within section Inputs. You must enroll in this course to access course content.
Radio Button
Lesson 4 of 6 within section Inputs. You must enroll in this course to access course content.
Slider
Lesson 5 of 6 within section Inputs. You must enroll in this course to access course content.
Dropdown Button
Lesson 6 of 6 within section Inputs. You must enroll in this course to access course content.

Project : Grocery App

Project Introduction
Lesson 1 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Setting up environment
Lesson 2 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Adding Required Assets
Lesson 3 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Welcome Screen Design
Lesson 4 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Welcome Screen Code Optimise
Lesson 5 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Login Page Design
Lesson 6 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Register Page Design
Lesson 7 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Working with TabsPage
Lesson 8 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Account Screen Design
Lesson 9 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Edit Profile
Lesson 10 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Address Screen Design
Lesson 11 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Manage Address Screen
Lesson 12 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Orders Screen
Lesson 13 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Order Detail Screen
Lesson 14 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Cart Page Design
Lesson 15 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Home Screen Design
Lesson 16 of 17 within section Project : Grocery App. You must enroll in this course to access course content.
Optimising Home Screen
Lesson 17 of 17 within section Project : Grocery App. You must enroll in this course to access course content.