Flutter: Part 07 Building the UI or Flutter: Part 07 Building UIs
4h 23mIntermediate2019-08-30
Authors

London App Brewery
App development bootcamp

Angela Yu
Doctor, iOS Developer, Founder of London App Brewery
Course details
While widgets make Flutter apps easy to build, they dictate the functionality and appearance of your project. Get more control over your user interface using Flutter and Dart, the programming language optimized for cross-platform app development. This course teaches you how to use intermediate Dart constructs such as enums, operators, and routers to customize Flutter apps. Instructor Angela Yu also explains how to customize existing widgets, build your own form scratch, control page navigation, and leverage gestures for interactivity—all using Dart programming. Each lesson is illustrated using a fun, real-world project—the BMI Calculator app—that you can build, customize, and add to your Flutter portfolio.
Learning objectives
Using Flutter themes
Refactoring widgets
Customizing widgets using themes
Routes and navigating
Dart maps
Learning objectives
Using Flutter themes
Refactoring widgets
Customizing widgets using themes
Routes and navigating
Dart maps
Skills covered
DartFlutterInteraction DesignCross-Platform DevelopmentMobile DevelopmentUser ExperienceSoftware Development ToolsGoogleProjectSoftware Development
Concepts
1. Building UI with Flutter for Intermediates - BMI Calculator Project
- 01 - BMI calculator - A beautiful health app
- 02 - How to use Flutter themes
- 03 - How to refactor Flutter widgets
- 04 - Immutability and final vs. const
- 05 - Creating custom widgets
- 06 - Gesture detector widget
- 07 - Dart enums
- 08 - Dart ternary operator
- 09 - Dart first-class objects
- 10 - Flutter slider widget
- 11 - Customizing Flutter widgets using themes
- 12 - Flutter widgets from scratch
- 13 - Routes and navigation
- 14 - Dart maps
- 15 - Designing the results screen
- 16 - Calculator model and string manipulation
Related courses
- Flutter: Part 05 Flutter and Dart Packages
- Flutter: Part 06 Modularizing and Organizing Flutter Code
- Flutter: Part 08 Powering Your App with Live Web Data
- Flutter: Part 09 Dart, Cupertino, and Widgets
- Flutter: Part 10 Firebase Cloud Firestore
- Flutter: Part 01 Introduction
- Flutter: Part 02 Building Apps
- Flutter: Part 03 Flutter Widgets