1
00:00:05,780 --> 00:00:11,660
What's up guys I'm Jacob Bledsoe with Debb slopes dot com and we're just going to dive straight into

2
00:00:11,660 --> 00:00:12,760
it today.

3
00:00:12,890 --> 00:00:19,610
What we're going to do in this lesson is get the project the X code project all set up get make sure

4
00:00:19,640 --> 00:00:26,390
get is all set up I'll show you how to set up your good ignore files so you don't push things up into

5
00:00:26,390 --> 00:00:32,890
your get repo that you don't really need and can cause problems if more than one person uses it.

6
00:00:32,900 --> 00:00:39,410
So first things first is we have this awesome asset folder that Evan made for us so we can open that

7
00:00:39,410 --> 00:00:45,020
up and we have all of our assets inside like the background and all the buttons that are going on this

8
00:00:45,020 --> 00:00:47,260
app the font all that good stuff.

9
00:00:47,270 --> 00:00:52,660
But most importantly we have these design docs so we're going to open those up.

10
00:00:53,540 --> 00:01:00,920
And this is let's get to the home screen so here's what we'll start on will start on getting the project

11
00:01:00,950 --> 00:01:01,660
open.

12
00:01:01,760 --> 00:01:08,870
And as you can see it's a it's a tab view controller so we're going to go ahead and create a tab view

13
00:01:08,870 --> 00:01:09,680
project.

14
00:01:09,830 --> 00:01:14,250
And in this lesson we're going to work on getting this Visi all set up.

15
00:01:14,390 --> 00:01:20,780
Probably everything except for this previous run overlay or you view that's here will get the map the

16
00:01:20,780 --> 00:01:28,610
map view that that zoom in button that's the center location button the start run all that stuff will

17
00:01:28,640 --> 00:01:31,730
get it all set up and let's go ahead and just dive in.

18
00:01:31,730 --> 00:01:37,120
I'm going to leave this off to the side so we can reference it.

19
00:01:37,130 --> 00:01:39,850
Let me just put it on a different desk.

20
00:01:40,030 --> 00:01:41,630
All right cool.

21
00:01:41,660 --> 00:01:48,620
So now let's just go ahead and make a new X code project file new projects.

22
00:01:48,620 --> 00:01:51,510
Sorry guys I'm dragging it over right now.

23
00:01:52,340 --> 00:01:56,200
So I just did a file file new project.

24
00:01:56,210 --> 00:01:56,760
Right.

25
00:01:57,020 --> 00:02:03,970
And we could do single view application but we'll let X go do some work for us and do a tab the application.

26
00:02:03,980 --> 00:02:04,600
OK.

27
00:02:04,880 --> 00:02:06,640
And go ahead and hit next.

28
00:02:06,890 --> 00:02:08,800
And you guys can call this whatever you want.

29
00:02:08,800 --> 00:02:10,350
I'm going to call it treads

30
00:02:14,010 --> 00:02:18,210
since it's our running nap and we don't need to include unit tests for this.

31
00:02:18,210 --> 00:02:20,840
So go ahead and hit next.

32
00:02:21,150 --> 00:02:24,930
And let's go ahead and create a get repo.

33
00:02:24,930 --> 00:02:26,470
That's cool with me.

34
00:02:26,520 --> 00:02:30,000
And then save it to where ever you want.

35
00:02:30,030 --> 00:02:37,160
I'm going to save it in my courses folder right here will be good.

36
00:02:37,410 --> 00:02:38,610
And then create get.

37
00:02:38,640 --> 00:02:44,700
I don't know why that came on checked probably because I changed directories and create.

38
00:02:45,410 --> 00:02:45,830
OK.

39
00:02:45,840 --> 00:02:53,630
So we have our project here and it set it up with two view controllers and probably a tab view.

40
00:02:53,640 --> 00:02:54,180
Yep.

41
00:02:54,210 --> 00:03:02,040
So here's our tab view controller and we'll build to get our first one all set up in here.

42
00:03:02,070 --> 00:03:06,230
And the second one here.

43
00:03:06,360 --> 00:03:14,670
But first things first we need to make a good ignore file and the importance of this are you don't want

44
00:03:14,910 --> 00:03:22,240
to pass in like your pods and all that stuff when you're pushing your repo because first of all it'll

45
00:03:22,260 --> 00:03:25,980
make your repo a lot larger than it needs to be.

46
00:03:25,980 --> 00:03:30,540
And usually like hers point your project can just do a pot install anyways.

47
00:03:30,720 --> 00:03:35,230
So let's go ahead and go into our project folder.

48
00:03:35,460 --> 00:03:45,920
So mine is in my documents of slopes courses and it is called treads and there I am.

49
00:03:45,930 --> 00:03:51,450
And you can see that I'm in my master branch and if you want to see that you won't have the same UI

50
00:03:51,450 --> 00:03:57,310
as I do but you can do a get branch and I'll show you all that.

51
00:03:57,750 --> 00:03:59,520
So being inside the directory.

52
00:03:59,550 --> 00:04:08,580
We can go ahead and just do a touch that gets ignore just like that and that will create that file for

53
00:04:08,580 --> 00:04:09,180
us.

54
00:04:09,180 --> 00:04:13,830
So now if we go over and go to that directory

55
00:04:16,380 --> 00:04:21,250
courses and then treads and you'll see our get ignored.

56
00:04:21,270 --> 00:04:26,340
Now with the dot in front of it it makes it a hidden file so if you can't see this file right now all

57
00:04:26,340 --> 00:04:34,480
you have to do is click command shift period and that will hide hidden files or show them.

58
00:04:34,740 --> 00:04:40,270
And then once you see it go ahead and say open with text editor and we are going to.

59
00:04:40,800 --> 00:04:46,510
So what I like to do like what are good files to put in to get ignore.

60
00:04:46,710 --> 00:04:50,280
Obviously we want like our Pod's directory.

61
00:04:50,310 --> 00:04:51,180
We want that ignored.

62
00:04:51,330 --> 00:04:52,780
But I have an easier way.

63
00:04:52,790 --> 00:04:58,990
Like there's a lot of documentation out there for like a standard X code project.

64
00:04:59,490 --> 00:05:07,920
So if you just go ahead and google like a X code swift good ignore file you'll stumble upon Probably

65
00:05:07,920 --> 00:05:09,760
this repository.

66
00:05:09,990 --> 00:05:14,110
And they have a list of everything right here that we need.

67
00:05:14,230 --> 00:05:22,420
It will even ignore like playgrounds and build build build folder and then here Pod's is commented out.

68
00:05:22,440 --> 00:05:28,050
But we're going to include pods and there's a link here that you can check out and it kind of explains

69
00:05:28,050 --> 00:05:35,020
why some people don't think you should get ignore pods and what other people think it's important.

70
00:05:35,040 --> 00:05:36,190
We're going to include it.

71
00:05:36,210 --> 00:05:41,040
But so I'm just going to copy and paste this all the way up.

72
00:05:41,230 --> 00:05:48,920
And when you see the hash tag or the yeah the hash tag in front of it that means it's commented out.

73
00:05:49,120 --> 00:05:55,270
Go back over to our text file here and paste it and then make sure you delete the hash tag in front

74
00:05:55,270 --> 00:06:00,180
of Pod's at the bottom and then everything else looks good.

75
00:06:00,370 --> 00:06:01,190
Right.

76
00:06:01,360 --> 00:06:03,780
And go ahead and save this file.

77
00:06:03,790 --> 00:06:04,710
Close out.

78
00:06:04,720 --> 00:06:08,860
And we're good and I'm going to just rehire those because I don't like seeing hand files that really

79
00:06:08,860 --> 00:06:10,560
bothers me.

80
00:06:10,690 --> 00:06:15,940
And now our get repots all set up so we can do let's see if it sees it there.

81
00:06:15,940 --> 00:06:16,360
Yeah.

82
00:06:16,370 --> 00:06:28,250
So we can do a get ad get commit Dasch am added ignore file done and now let's create a branch.

83
00:06:28,450 --> 00:06:35,890
So and as I teach I'm going to do like Lesson One lesson to Lesson Three So when you download my repo

84
00:06:36,100 --> 00:06:40,210
you can actually check out that branch and see all the code that was done in that lesson.

85
00:06:40,210 --> 00:06:47,840
So I'm going to go ahead and say check out Dasch be Lesson one.

86
00:06:48,220 --> 00:06:54,430
And now if you do a get branch you will see that you are in less than one and that was created off the

87
00:06:54,430 --> 00:06:56,120
master branch.

88
00:06:56,350 --> 00:06:59,440
And we'll be doing it commit throughout the course.

89
00:06:59,680 --> 00:07:04,580
OK now that our projects all set up we can go ahead and get moving.

90
00:07:04,590 --> 00:07:12,990
And what I like to do first now is go ahead and get all of our assets in and we have our assets in this

91
00:07:12,990 --> 00:07:23,700
folder and if we open them up you're going to see we have all the DPN GS but we also have the Monserrat

92
00:07:24,260 --> 00:07:24,990
font.

93
00:07:25,050 --> 00:07:29,330
And so we're going to want to add that into our project too.

94
00:07:29,700 --> 00:07:33,560
So first things first let's make a couple new folders.

95
00:07:33,570 --> 00:07:36,360
Let's go ahead and make a Resources folder.

96
00:07:36,390 --> 00:07:36,740
Whoops.

97
00:07:36,750 --> 00:07:39,150
I have to be clicked on X code.

98
00:07:39,330 --> 00:07:40,930
Let's make a resource folder.

99
00:07:40,950 --> 00:07:43,070
And that's where we'll put our font.

100
00:07:43,290 --> 00:07:48,270
And then let's also make a extension's folder

101
00:07:50,890 --> 00:07:55,600
and we're going to be doing a lot of cool stuff with extensions in this lesson.

102
00:07:55,840 --> 00:08:05,510
And let's make a utility folder if I can spell you till date is

103
00:08:08,320 --> 00:08:10,780
and then a control or folder

104
00:08:15,800 --> 00:08:17,030
view folder

105
00:08:19,950 --> 00:08:27,420
and lastly a model folder and that gets that all ready for us for the whole project and now we can just

106
00:08:27,420 --> 00:08:39,010
go ahead and inside the resources folder Let's just grab all of our fonts here like so and drag those

107
00:08:39,100 --> 00:08:39,820
in.

108
00:08:41,060 --> 00:08:48,350
And copy items if needed is important and it should be added to the treads target.

109
00:08:48,380 --> 00:08:53,490
I'm not sure why it wasn't right.

110
00:08:53,520 --> 00:08:59,910
So that's that all of our fonts are added and they should be able to be found so if we just go ahead

111
00:08:59,940 --> 00:09:05,760
and go to custom and let's pull down and look for it.

112
00:09:05,790 --> 00:09:06,840
And there it is.

113
00:09:06,840 --> 00:09:09,740
So ads it itself which is awesome.

114
00:09:10,170 --> 00:09:10,450
All right.

115
00:09:10,470 --> 00:09:15,930
Now we need to add all of our assets are images and everything so open.

116
00:09:15,930 --> 00:09:24,090
Click on the assets dot X casettes on the indie forget what is called in the project navigator and you'll

117
00:09:24,090 --> 00:09:25,880
see first and second.

118
00:09:25,920 --> 00:09:30,890
And obviously we don't need those so let's delete those.

119
00:09:30,930 --> 00:09:37,740
Why would we want those are it and go back to our assets folder and we're going to want to just drag

120
00:09:37,770 --> 00:09:40,180
everything in.

121
00:09:40,200 --> 00:09:47,160
Inside the assets folder except for our font so I selected all and then command click to select the

122
00:09:47,160 --> 00:09:50,150
font folder and go ahead and just drag these all in.

123
00:09:51,530 --> 00:09:57,260
All right cool so if you click on them one at a time you'll see we have our 1 x 2 x and 3 x of the background

124
00:09:57,620 --> 00:10:07,320
the center NAV the close button and run button and then and run out line pause resume.

125
00:10:07,320 --> 00:10:08,160
We've got everything.

126
00:10:08,160 --> 00:10:11,240
So we are good to go.

127
00:10:12,270 --> 00:10:12,590
Right.

128
00:10:12,600 --> 00:10:19,460
So now let's go back to our main that storyboard and we're going to concentrate on the first view controller

129
00:10:19,470 --> 00:10:20,270
right now.

130
00:10:20,460 --> 00:10:23,430
That is the goal of this lesson and that is this one.

131
00:10:23,430 --> 00:10:29,280
So we need to add a UI image for the background that needs to cover everything.

132
00:10:29,880 --> 00:10:33,810
We also need a map view right here.

133
00:10:33,870 --> 00:10:38,130
We need the start run button we need start running text.

134
00:10:38,130 --> 00:10:45,570
We also need to change the tab the tab bar icons and we need a run icon here and then also the center

135
00:10:45,570 --> 00:10:50,600
now of button and we'll worry about this UI view.

136
00:10:50,600 --> 00:10:55,810
The previous run one in a later in a later one and all later later lesson.

137
00:10:56,350 --> 00:11:02,980
OK so we can just go ahead and delete everything in this view control or we don't need this label or

138
00:11:03,370 --> 00:11:05,260
this label.

139
00:11:05,450 --> 00:11:06,630
All right.

140
00:11:06,640 --> 00:11:15,220
And now first things first I guess we could just go ahead and set up the bar item here and it's looking

141
00:11:15,220 --> 00:11:26,510
for first we don't want that we're going to call this one the run and we are looking for our tab bar

142
00:11:26,540 --> 00:11:28,210
run great icon.

143
00:11:28,250 --> 00:11:29,030
And there we go.

144
00:11:29,030 --> 00:11:30,130
Now you see it down there.

145
00:11:30,140 --> 00:11:31,250
Really cool.

146
00:11:31,730 --> 00:11:32,220
OK.

147
00:11:32,390 --> 00:11:34,730
So now we need to let's look back at this image.

148
00:11:34,730 --> 00:11:38,330
We need that UI image view for the whole background.

149
00:11:38,630 --> 00:11:47,120
So let's go ahead and type and you I image here drag that on and I'm just going to make this a little

150
00:11:47,120 --> 00:11:52,510
bigger so it knows we don't want it to stop at margins.

151
00:11:52,970 --> 00:11:53,810
Okay perfect.

152
00:11:53,810 --> 00:11:54,680
And go ahead.

153
00:11:54,680 --> 00:12:01,670
And on the add new constraints we're going to pin it 0 0 0 to every side.

154
00:12:01,700 --> 00:12:02,530
Perfect.

155
00:12:02,750 --> 00:12:09,230
And now up here if you click on the attributes inspector we're going to select the image we want and

156
00:12:09,230 --> 00:12:10,890
that's called Biji.

157
00:12:11,600 --> 00:12:15,010
And let's just go ahead and make sure it's aspect.

158
00:12:15,110 --> 00:12:19,170
I believe we're going to want aspect fit.

159
00:12:19,200 --> 00:12:24,140
Now we can do aspect fill as the background just in case I don't know it will look like on other screens

160
00:12:24,950 --> 00:12:25,970
so that's good.

161
00:12:25,970 --> 00:12:30,750
So this background is done and now we need our map view.

162
00:12:30,860 --> 00:12:33,050
And then a run label.

163
00:12:33,050 --> 00:12:36,820
So let's go ahead and put the map view on there.

164
00:12:36,830 --> 00:12:37,920
There we go.

165
00:12:38,000 --> 00:12:39,430
Drag that on.

166
00:12:40,070 --> 00:12:45,110
And now that goes all the way to the edge here.

167
00:12:48,190 --> 00:12:50,230
And let's just look at the image.

168
00:12:50,260 --> 00:12:51,460
So it almost.

169
00:12:51,460 --> 00:12:55,240
So our label looks like it's probably like I don't know

170
00:12:57,800 --> 00:13:03,580
maybe we'll do like 10 10 points off the top just to see and then we'll see how it looks.

171
00:13:03,680 --> 00:13:09,410
And then I would say the map view is like eight or 10 points off of that label so this probably is a

172
00:13:09,410 --> 00:13:10,400
good spot.

173
00:13:10,640 --> 00:13:14,390
And then we need to just leave enough room for our button buttons so this map vs that come all the way

174
00:13:14,390 --> 00:13:15,390
down here.

175
00:13:15,860 --> 00:13:20,120
And I'm not going to put any constraints on it yet because I want to get our other labels.

176
00:13:20,130 --> 00:13:25,290
And so let's go ahead and do a label drag that up here.

177
00:13:27,290 --> 00:13:27,580
Right.

178
00:13:27,590 --> 00:13:33,530
And this is going to say run and let's change the font.

179
00:13:33,530 --> 00:13:37,240
Evan gets really mad at you if you don't if you use system

180
00:13:40,730 --> 00:13:43,410
and Monserrat.

181
00:13:43,430 --> 00:13:44,680
There we go.

182
00:13:46,400 --> 00:13:50,410
And I think regular is ok I'll just drag that bigger.

183
00:13:50,570 --> 00:13:57,910
We need a white and let's probably center it inside the text box.

184
00:14:00,030 --> 00:14:08,310
And maybe a little bigger since that's a title we'll do 18 for now just to see how that looks.

185
00:14:08,530 --> 00:14:09,280
All right.

186
00:14:09,300 --> 00:14:12,010
And now we need the button.

187
00:14:12,120 --> 00:14:19,340
So let's go ahead and search for button drag that onto the view controller.

188
00:14:19,860 --> 00:14:25,320
And over here in the attribute inspector delete the delete button.

189
00:14:25,320 --> 00:14:27,200
Title we're not going to want one.

190
00:14:27,240 --> 00:14:32,430
And then in the image let's go ahead and look for the start run button.

191
00:14:33,070 --> 00:14:33,940
Start Run button.

192
00:14:33,940 --> 00:14:35,240
There we go.

193
00:14:36,120 --> 00:14:37,270
All right cool.

194
00:14:37,320 --> 00:14:39,690
And now we just need start running.

195
00:14:39,690 --> 00:14:43,710
We need to start running label underneath that.

196
00:14:43,710 --> 00:14:49,310
So let's find our label actually I'm going to copy and paste this one since we already changed the font

197
00:14:50,220 --> 00:14:52,120
and just drag this down here.

198
00:14:52,560 --> 00:14:59,970
And this needs to say start running.

199
00:15:00,050 --> 00:15:01,140
All right.

200
00:15:01,250 --> 00:15:08,240
And obviously we got we have to change the font size and the font size is wider than the

201
00:15:11,250 --> 00:15:15,960
barely just barely wider so let's see what are we at 12.

202
00:15:17,950 --> 00:15:20,110
12 is probably OK.

203
00:15:20,110 --> 00:15:27,520
I always make sure also that it doesn't say fixed because on smaller screens you want the font to scale

204
00:15:27,520 --> 00:15:33,250
down so I always click minimum font size and just always keep it at like 9 or you know whatever it defaults

205
00:15:33,250 --> 00:15:34,480
to.

206
00:15:34,480 --> 00:15:38,940
It just helps with the auto layout stuff a little more.

207
00:15:38,940 --> 00:15:44,940
All right so I'm going to just move this button up a little this guy.

208
00:15:45,030 --> 00:15:45,330
All right.

209
00:15:45,330 --> 00:15:51,830
So now we should we should pin everything and I'm going to start with pinning this run label.

210
00:15:51,870 --> 00:16:01,000
I want to make sure it's center horizontally center in container and add that guy and let's go ahead

211
00:16:01,030 --> 00:16:05,550
and pin this to the top and this is eight points I think that's OK for now.

212
00:16:05,710 --> 00:16:06,370
It looks funny.

213
00:16:06,370 --> 00:16:08,060
We'll change it later.

214
00:16:08,710 --> 00:16:09,230
OK.

215
00:16:09,250 --> 00:16:15,130
Now click on the map view and let's go ahead and pin this one.

216
00:16:15,220 --> 00:16:24,220
We're going to pin it 0 to the right and zero to the left and 22 points from that level.

217
00:16:24,400 --> 00:16:28,810
Let's just make it even 20 and then I don't want to

218
00:16:31,730 --> 00:16:33,940
pin the bottom yet.

219
00:16:33,980 --> 00:16:37,800
We're going to get the button and play.

220
00:16:37,800 --> 00:16:38,560
So we want.

221
00:16:38,570 --> 00:16:43,780
So we're going to want the map view to shrink with the phone size and not push the button down.

222
00:16:43,940 --> 00:16:50,190
So I'm going to go ahead and make sure this start run in label is horizontally center in the container

223
00:16:52,150 --> 00:16:54,310
and we can pin this one off the bottom.

224
00:16:54,310 --> 00:16:56,110
Eight points is probably great.

225
00:16:56,470 --> 00:16:57,650
And then this button.

226
00:16:57,670 --> 00:17:03,820
We also want horizontally center in container and I am going to pin this

227
00:17:07,180 --> 00:17:10,630
off the start running level.

228
00:17:10,660 --> 00:17:12,750
I think we want it closer than this.

229
00:17:12,790 --> 00:17:16,780
Let's try 12 pull that down.

230
00:17:17,020 --> 00:17:27,550
And now I'm also going to pin the map view I'm just control drag in control from the map view once I

231
00:17:27,550 --> 00:17:29,400
already selected the map view.

232
00:17:29,880 --> 00:17:33,890
And then I control drag to the button and say vertical spacing.

233
00:17:34,170 --> 00:17:34,410
All right.

234
00:17:34,410 --> 00:17:35,970
I think we were good.

235
00:17:35,970 --> 00:17:38,490
We've done everything we need to do for this.

236
00:17:38,480 --> 00:17:44,340
We see there is one thing I don't want this controller to be named first view controller.

237
00:17:44,340 --> 00:17:52,020
So let's go ahead and just call this begin run Visi and I'm just going to rename it right here.

238
00:17:52,070 --> 00:17:55,680
Begin run VC you guys can name anything you want.

239
00:17:55,680 --> 00:18:00,160
Just make sure the name I like to make sure it's changed in the comments.

240
00:18:00,210 --> 00:18:03,340
That doesn't matter but it looks nicer.

241
00:18:03,510 --> 00:18:10,590
And then make sure whatever your class name is the file name is the same thing and then go back to the

242
00:18:10,590 --> 00:18:11,870
main storyboard.

243
00:18:12,270 --> 00:18:19,290
And we're going to have to go to the identity inspector and the class is still looking for a first view

244
00:18:19,290 --> 00:18:20,400
controller.

245
00:18:20,400 --> 00:18:24,440
Go ahead and select begin run.

246
00:18:24,440 --> 00:18:25,090
All right.

247
00:18:25,110 --> 00:18:31,820
And let's see let's look at our designs so we need that center navigation button still.

248
00:18:31,860 --> 00:18:33,340
So we need another button.

249
00:18:33,370 --> 00:18:43,840
Go ahead and just drag it out here and go to the attributes Inspektor delete the button label and then

250
00:18:43,840 --> 00:18:47,270
for image we want the center now button.

251
00:18:47,310 --> 00:18:48,190
All right cool.

252
00:18:48,220 --> 00:18:55,570
And then let's move that looks about good and all we're going to do here is pinnate

253
00:18:58,250 --> 00:18:59,860
six to the right.

254
00:18:59,870 --> 00:19:04,760
And this is automatically pinning it all the way down here and I don't want that.

255
00:19:05,000 --> 00:19:13,370
So just add the six here and then I'm going to do a controlled drag to the map view and say vertical

256
00:19:13,370 --> 00:19:14,460
space.

257
00:19:14,830 --> 00:19:15,620
And there we go.

258
00:19:15,620 --> 00:19:21,410
Now it's just it's going from the top to the bottom which is kind of weird but we want it to always

259
00:19:21,410 --> 00:19:28,370
be within the map view so make sure you pin it to the bottom of the map view and don't pin it to the

260
00:19:28,370 --> 00:19:30,220
bottom of the view controller.

261
00:19:30,690 --> 00:19:31,180
OK.

262
00:19:31,190 --> 00:19:38,090
And since we're all finished up here I think we need to do a get commit so pull open your command prompt

263
00:19:38,400 --> 00:19:39,770
or your terminal.

264
00:19:39,770 --> 00:19:41,110
And what do I get.

265
00:19:41,150 --> 00:19:54,910
Add period and then I commit Dasch am and we will call this initial project set up and start run.

266
00:19:54,950 --> 00:19:59,720
VC UI done.

267
00:20:00,200 --> 00:20:01,080
And there we go.

268
00:20:01,100 --> 00:20:03,090
It's all committed.

269
00:20:03,110 --> 00:20:08,780
So one thing I want you guys to try to do without starting the next lesson is get the next the log VC

270
00:20:08,780 --> 00:20:10,100
all set up without me.

271
00:20:10,220 --> 00:20:15,320
And then you guys can watch if you can't do it or you can skip the whole lesson entirely.

272
00:20:15,520 --> 00:20:18,940
I just want you guys to get used to looking off of design docs.

273
00:20:18,980 --> 00:20:21,070
So this is the next Visi we're going to do.

274
00:20:21,350 --> 00:20:25,710
And you guys should try to design it without watching the next lesson.

275
00:20:25,730 --> 00:20:29,040
And then if you need help go ahead and start the next lesson.

276
00:20:29,060 --> 00:20:31,360
And we'll be knocking this all out.

277
00:20:31,370 --> 00:20:31,660
All right.

278
00:20:31,660 --> 00:20:33,170
So I'll see you guys in the next.