Your First Flutter App: Polishing the App

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. By Brian Moakley.

Leave a rating/review
Download materials
Save for later
Comments
Share

Learning path

This is part of the Flutter Fundamentals learning path. View 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

Part 1: Introduction to Dart

01
Toggle description

This introduction will provide an overview about the course and then provide an overview of the dart programming language.

Toggle description

Learn about the pre-built data types and functions you can use in your apps to solve a variety of common tasks.

Toggle description

In this episode, you’ll learn the syntax to write your own methods in Dart.

Toggle description

In this challenge, you’ll write an algorithm to calculate the positive difference between the target value and the slider value.

Toggle description

Learn how to write if/else statements in Dart, and how you can use them to implement the algorithm.

Toggle description

In this challenge, you’ll improve the algorithm to calculate the difference so it is written in fewer lines of code.

Toggle description

Finalize the difference algorithm and score calculation, and learn about an important Dart concept: calling methods on number types.

Toggle description

Learn how something called type inference can help make your code more concise and easy to understand.

Toggle description

Learn the difference between local and instance variables, a common point of confusion for beginners.

Conclusion 0:45
Toggle description

This episode will review what you’ve learned about the Dart programming language and preview the next steps on building your app.

Part 2: Build Out the App

Toggle description

This episode will preview the steps necessary to functionally completing the app in this part.

Toggle description

You’ll see how to modify the app to display the player’s total score.

Fix a Bug 3:35
Toggle description

There’s a subtle bug where Bull’s Eye doesn’t calculate the correct score. Learn why this is happening, and how to fix it.

Toggle description

It’s time for an even bigger challenge: modifying Bull’s Eye to keep track and report the current round of the game.

Toggle description

In this episode, add some polish to the app by telling the player how well they did each round.

Toggle description

Get some practice with coding basics by giving the user bonus points if they are very close to the target.

Toggle description

Learn how to call code from other widgets by way of using callbacks.

Conclusion 0:33
Toggle description

This episode concludes the app functionality and then introduces the next step: making the app look good.

Part 3: Style the App

Toggle description

This part will show you how to make your app look snazzy. This episode will walk you through the tasks that you’ll be doing.

Toggle description

Learn how Flutter lets you style your app to have an Android or iOS look-and-feel, and see how to choose between them.

Toggle description

In this episode, learn how to add images into your app, and how to name and size images.

Style Text 6:48
Toggle description

Get a deeper understanding of styling text by creating additional text styles.

Toggle description

Take the app to the next level by styling the buttons as well.

Toggle description

The slider is the last widget that needs some styling. See how you can update the slider to make the app look really good.

Toggle description

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:56
Toggle description

This episode concludes the styling portion of the course, but the app just needs some last polish to be ready for distribution.

Part 4: Finish the App

Toggle description

In 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.

Toggle description

Learn how to add multiple screens to your Flutter apps, by adding an About page into Bull’s Eye.

Toggle description

Learn how to set up your app icon, and how to change the display name of your app.

Toggle description

Your app is almost complete. In this episode, you’ll create a launch screen to be shown to user for app startup.

Toggle description

Learn how to run your app on your own physical device so you can carry it around and show it off to your friends!

Toggle description

With your completed app in hand, get an overview of the steps needed to get your app distributed.

Toggle description

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.

Conclusion 2:07
Toggle description

With your app completed, you’ve made it through the course. Great work!

Up next

Flutter & Dart
Programming in Dart: Fundamentals
Learn the fundamental building blocks of Google’s open source programming language, Dart, the language for... more

Instructors

Contributors

Brian Moakley

Instructor

Yogesh Choudhary

Tech Editor

Adriana Kutenko

Illustrator

Abigail Seperidad

Video Editor

Over 300 content creators. Join our team.