Mobile Development with Flutter and Dart, Part 10 of 16: Intro to UI

Course description

Make Apps that run on both IOS and Android with Flutter using Dart! This covers: an introduction to UI and UX, theming and material design and color themes.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Prerequisites

The first parts of the course make the user familiar with Dart, these can be skipped if sufficiently knowledgeable.

Meet the expert

Paulo Dichone

Paulo Dichone graduated from Whitworth University with a B.S in Computer Science in 2009 and has worked building Android and iOS mobiles apps as well as web applications. Since 2014 he's been an online instructor teaching over 40,000 students from 170 countries in how to program Java and build Android Applications.

Video Runtime

104 Minutes

Time to complete

176 Minutes

Course Outline

Intro to UI

Introduction to UI and UX (26:14)

• Introduction (00:13)
• Introduction to UI and UX (11:25)
• Android Material Design (03:07)
• Themes in Flutter (02:55)
• Exploring ThemeData Class (08:24)
• Summary (00:08)

Theming Headline and Body1 Text (23:29)

• Introduction (00:08)
• Theming Headline and Body Text (07:48)
• Over-WriteTheme Properties (08:10)
• Refactoring our TextTheme Further (07:14)
• Summary (00:08)

Theming Adding Custom Fonts to Our Project (16:10)

• Introduction (00:08)
• Adding Custom Fonts to Our Project (08:38)
• Applying FontFamily to All TextTheme Properties (02:32)
• Material io Overview (04:43)
• Summary (00:08)

Material Design: Understanding Color Themes (12:02)

• Introduction (00:08)
• Understanding Color Themes (05:57)
• Typography and Iconography (05:48)
• Summary (00:08)

Material Design Challenge (26:40)

• Introduction (00:08)
• Pick Color Palette and Create Colors File (05:11)
• Create Theme (09:20)
• Apply Theme to Buttons (08:49)
• Solution Final (03:02)
• Summary (00:08)