Your First Flutter App: Polishing the App
Apr 12 2022 · Video Course (2 hrs, 31 mins) · Beginner
This is a sequel to “Your First Flutter App: An App from Scratch” where you’ll complete the app into a polished final product that will work both on iOS and Android.
Version
- Dart 2.14.1, Flutter 2.5, Visual Studio Code


Introduction to Dart
This introduction will provide an overview about the course and then provide an overview of the dart programming language.
Learn about the pre-built data types and functions you can use in your apps to solve a variety of common tasks.
In this episode, you’ll learn the syntax to write your own methods in Dart.
In this challenge, you’ll write an algorithm to calculate the positive difference between the target value and the slider value.
Use If Statements
3:44Learn how to write if/else statements in Dart, and how you can use them to implement the algorithm.
In this challenge, you’ll improve the algorithm to calculate the difference so it is written in fewer lines of code.
Use Number Methods
1:57Finalize the difference algorithm and score calculation, and learn about an important Dart concept: calling methods on number types.
Learn how something called type inference can help make your code more concise and easy to understand.
Learn the difference between local and instance variables, a common point of confusion for beginners.
Conclusion
0:45This episode will review what you’ve learned about the Dart programming language and preview the next steps on building your app.
Build Out the App
Introduction
1:13This episode will preview the steps necessary to functionally completing the app in this part.
Fix a Bug
3:35There’s a subtle bug where Bull’s Eye doesn’t calculate the correct score. Learn why this is happening, and how to fix it.
It’s time for an even bigger challenge: modifying Bull’s Eye to keep track and report the current round of the game.
In this episode, add some polish to the app by telling the player how well they did each round.
Get some practice with coding basics by giving the user bonus points if they are very close to the target.
Conclusion
0:33This episode concludes the app functionality and then introduces the next step: making the app look good.
Style the App
Introduction
1:04This part will show you how to make your app look snazzy. This episode will walk you through the tasks that you’ll be doing.
Learn how Flutter lets you style your app to have an Android or iOS look-and-feel, and see how to choose between them.
Use Assets & Images
6:56In this episode, learn how to add images into your app, and how to name and size images.
Style the Slider
5:35The slider is the last widget that needs some styling. See how you can update the slider to make the app look really good.
Put your Dart skills to work by writing the code to style the slider’s thumb. This one is harder than it seems.
Conclusion
0:56This episode concludes the styling portion of the course, but the app just needs some last polish to be ready for distribution.
Finish the App
Introduction
0:50In this episode, you’ll get an overview of the tasks you’ll be doing to complete the app from settings to icons to building a binary.
Add an About Page
7:34Learn how to add multiple screens to your Flutter apps, by adding an About page into Bull’s Eye.
Learn how to set up your app icon, and how to change the display name of your app.
Set a Launch Screen
7:46Your app is almost complete. In this episode, you’ll create a launch screen to be shown to user for app startup.
Learn how to run your app on your own physical device so you can carry it around and show it off to your friends!
Distribute Your App
1:06With your completed app in hand, get an overview of the steps needed to get your app distributed.
In this episode, you’ll learn the process to distribute your app on the Google play store.
In this episode, you’ll learn the process to distribute your app to Apple’s app store.
Next course in this Learning Path
Who is this for?
This course is for people getting started with Flutter and that have completed the Your First Flutter App course: An App from Scratch
Covered concepts
- Dart Basics
- If statements
- Scope
- Callbacks
- Widgets Types
- Styling
- Popups
- Routing
- App Distribution
Comments