This is part of the "Flutter Fundamentals" learning path. View Path

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

Introduction

2:55 Free

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

1

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

2

Write Methods

3:35 Free

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

3

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

4

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

5

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

6

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

7

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

8

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

9

Conclusion

0:45

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

10

Build Out the App

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

11

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

12

Fix a Bug

3:35

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.

13

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

14

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

15

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

16

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

17

Conclusion

0:33

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

18

Style the App

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.

19

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

20

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

21

Style Text

6:48

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

22

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

23

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

24

Put your Dart skills to work by writing the code to style the slider’s thumb. This one is harder than it seems.

25

Conclusion

0:56

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

26

Finish the App

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.

27

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

28

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

29

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

30

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

31

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

32

In this episode, you’ll learn the process to distribute your app on the Google play store.

33

In this episode, you’ll learn the process to distribute your app to Apple’s app store.

34

Conclusion

2:07

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

35

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

Contributors

Comments