All language subtitles for 1. Dicee - A Stateful Dice App

All right.
1

It's a new day,
2

and that means we're making a new app. In this module,
3

we're going to be making a dice rolling app. And the crucial thing that we're trying to learn here, is
4

how do you create apps that not only look good but actually also have functionality.,
5

So by the end of the module, we're going to have a super awesome dice rolling app, where when you click
6

on it it's going to change the dice face. So you'll be able to use this to settle any scores you have
7

in real life such as who has to take out the trash.
8

As with all of our projects, we're going to start off by using a starter project that we've provided
9

for you.
10

And the reason is because we've already loaded up the images, we've already hooked up the assets, so you
11

don't have to do all of that boring stuff again.
12

We'll assume that you know how to drag and drop and how to link up the assets and add app icons.
13

We're going to spend our time learning new things such as how to make the user interface actually update
14

when the user does something, such as clicking on a button.
15

Go ahead and click on the clone or download button for this repository.
16

And of course a link to this repository will be provided in the course resources for this lesson.
17

Let's go ahead and clone this onto our local system.
18

So I'm going to crack open Android Studio, and I'm going to check out my project from version control.
19

Select 'Check out project from version control' and then paste the URL that we copied from
20

earlier into this box here. And then we're going to go ahead and click on Clone.
21

Now, once that's done, we're going to select no for this popup.
22

And instead we're going to open up our project,
23

so it doesn't try to build us an Android project, but we actually open up a Flutter project. So let's
24

navigate to where we specified we'd saved it, which in my case was under the folder Android Studio project
25

which is the default setting, and then we're going to select the app that we just cloned dicee_flutter
26

and click open.
27

All right.
28

So as always, we're greeted by a whole bunch of errors.
29

First things first, let's click on 'Get dependencies' so that our project knows that this is a Flutter
30

project and we're using the material.dart library, and make sure that everything is all set up for
31

us ready to go.
32

And, just before we get started building our app, I just want to show you around the starting project.
33

So all that we've done, is we've incorporated an images folder inside here, and we've got a number of
34

dice images all the way from dice 1 to dice 6. And we're going to be using these images inside our app
35

to display them when the user presses a button or changes a dice face.
36

Now in the last lesson we talked about how to actually link up images and you've already done that twice
37

now.
38

So we've already done this for you.
39

So if you check inside the pubspec.yaml folder, you can see that we've already added our assets
40

to Flutter, and we've really set it up with the images folder.
41

So everything inside this folder is already ready to go, and can be used anywhere within our project.
42

Now in each module, we're trying to teach you something new about Flutter.
43

Something that's important to developing Flutter apps. But in the challenges, we try the challenge you
44

and revisit some of the things that we taught you in the tutorials.
45

So if you're not yet comfortable with a lot of these things such as linking up the image assets or adding
46

an app icon, then really make sure that you do all the challenges, because that's where all the revision
47

happens.
48

And in these teaching modules, we're going to try and keep it focused around one topic.
49

So now all you have to do, is go ahead and run at the starting app, just to see what it looks like.
50

And first thing you'd notice that we've already got the app icons added into the project, so you don't have to
51

do all of that again.
52

But as regarding the rest of the app, we haven't actually done very much at all.
53

All we have is simply a app bar, with the title that says Dicee, and both the app bar and the background
54

is red, and we're ready to actually get started changing up the body of our app.
55

So for all of that and more, I'll see on the next lesson.