1
00:00:07,460 --> 00:00:09,210
Haiti everybody will come back.

2
00:00:09,230 --> 00:00:13,160
Johnny be here with slopestyle continuing on with our SMAC Chad.

3
00:00:13,350 --> 00:00:17,380
This is where we left off in our last video we worked on our channel.

4
00:00:17,390 --> 00:00:18,350
We see you.

5
00:00:18,360 --> 00:00:19,240
I am.

6
00:00:19,280 --> 00:00:25,170
We got pretty far actually when we created that sweet gradient view things are looking pretty good.

7
00:00:25,190 --> 00:00:27,470
Want to do a little bit of work on this table view.

8
00:00:27,650 --> 00:00:33,650
Before we continue on to our next view that we're going to work on which is going to be the loggin view

9
00:00:33,890 --> 00:00:36,260
so let's hurry up and do that real quick.

10
00:00:36,260 --> 00:00:38,030
We got a lot to cover in this video.

11
00:00:38,270 --> 00:00:40,050
So let's see if we can get through it all.

12
00:00:40,050 --> 00:00:44,450
All right so first off I want to change a couple of things here you see here in the simulator we have

13
00:00:44,450 --> 00:00:45,170
these lines.

14
00:00:45,260 --> 00:00:47,090
So we're going to get rid of those.

15
00:00:47,150 --> 00:00:50,470
So here under separator I'm going to say none.

16
00:00:50,480 --> 00:00:53,910
So that's the table you selected slick separator.

17
00:00:53,930 --> 00:00:54,860
None.

18
00:00:54,860 --> 00:00:56,960
All right so that's the first thing we're going to do.

19
00:00:57,290 --> 00:01:00,320
And make sure that our background is clear.

20
00:01:00,320 --> 00:01:01,790
So that's good.

21
00:01:01,790 --> 00:01:06,900
And I think that might be all we need to do right here in the square and at a table.

22
00:01:06,900 --> 00:01:14,340
So we're just going to write and sell and drop in a table cell here.

23
00:01:14,630 --> 00:01:14,820
All right.

24
00:01:14,840 --> 00:01:20,030
So that looks good and the height is probably good.

25
00:01:20,780 --> 00:01:31,690
So this is actually the cell portion right here and I'm going to go ahead and label right here.

26
00:01:32,080 --> 00:01:32,710
Hello.

27
00:01:32,730 --> 00:01:33,350
Where are you at.

28
00:01:33,390 --> 00:01:35,260
Know your rights.

29
00:01:35,730 --> 00:01:37,750
Jumping in labor here.

30
00:01:38,060 --> 00:01:40,950
And let's go and change.

31
00:01:40,980 --> 00:01:46,310
Well first let's change the table cell background color that's right here.

32
00:01:46,340 --> 00:01:48,640
Change that to a clear color.

33
00:01:48,650 --> 00:01:49,470
There we go.

34
00:01:49,550 --> 00:01:50,520
It looks better.

35
00:01:50,680 --> 00:02:02,600
We can grab our label here and let's change the font color to white the font to custom and Alberic A

36
00:02:02,600 --> 00:02:04,710
new that looks good.

37
00:02:04,730 --> 00:02:12,770
And then just change this two hash tag general and they're going to grab that and add some constraints.

38
00:02:12,800 --> 00:02:20,240
When to see 20 from the left and center that vertically in its container.

39
00:02:20,640 --> 00:02:22,880
All right so that looks good.

40
00:02:22,900 --> 00:02:27,300
I just want to save this and run it and just make sure that looks all right.

41
00:02:28,720 --> 00:02:35,890
We won't actually see any thing right here with the prototype cells because we haven't set any of that

42
00:02:36,190 --> 00:02:37,900
up inside of the View Controller.

43
00:02:38,000 --> 00:02:39,700
Yeah that's good.

44
00:02:39,700 --> 00:02:43,340
All right so now we're going to continue onto the loggin VC.

45
00:02:43,360 --> 00:02:47,160
So I'm just going to pull up our designs right here.

46
00:02:47,500 --> 00:02:49,830
So this is what we want it to look like.

47
00:02:49,910 --> 00:02:54,610
We've got a cancelbot in here at the top the logo and the name of the app.

48
00:02:54,880 --> 00:03:01,300
A couple of text fields to enter in the username and password a log in button and a second button that

49
00:03:01,300 --> 00:03:04,770
says don't have an account sign up here.

50
00:03:04,990 --> 00:03:05,230
All right.

51
00:03:05,230 --> 00:03:07,940
So let's go ahead and let's get going on there.

52
00:03:08,110 --> 00:03:20,610
When they zoom out a little bit and I'm going to add in a new movie controller that's go and we are

53
00:03:20,610 --> 00:03:28,410
going to segue from this channel ABC controller to this one right here so I'm going to hold down control

54
00:03:28,470 --> 00:03:31,750
and just drag over and select show.

55
00:03:31,800 --> 00:03:38,040
OK so this is just creating a generic segue from this controller to this one.

56
00:03:38,040 --> 00:03:44,880
All right so I'm going to say that and then we need to be able to trigger that view controller change

57
00:03:45,180 --> 00:03:46,460
from this button right here.

58
00:03:46,470 --> 00:03:52,050
So we're going to need to go ahead and add an IB action for this button here so I'm going to hold down

59
00:03:52,110 --> 00:04:03,870
option and click on let's see you that's channel Visi and then down here I'm going to control drag from

60
00:04:03,960 --> 00:04:10,380
logon button over here to the channel B C that's what file this is going to be in action.

61
00:04:10,650 --> 00:04:17,350
And we're going to name this log in button pressed it connect.

62
00:04:17,790 --> 00:04:21,280
And while we're here we're actually going to need an outlet for this eventually.

63
00:04:21,290 --> 00:04:28,260
So I'm going to create our little outlets section and I'm just going to go in and create an outlet button

64
00:04:29,070 --> 00:04:31,450
for this right now as well so it's still an outlet.

65
00:04:31,560 --> 00:04:35,820
And call this logon button and the reason we are going to need an outlet for this is because we're going

66
00:04:35,820 --> 00:04:41,190
to need to change the title of the blogging button when we're actually logged in and instead of showing

67
00:04:41,190 --> 00:04:44,820
logging and we're going to display the user's name.

68
00:04:44,820 --> 00:04:46,500
All right so that's good.

69
00:04:46,500 --> 00:04:54,530
All right so we created this segue now to trigger it programmatically what we need is a go ahead.

70
00:04:54,540 --> 00:05:00,540
Just dismiss the assistant editor come back here and click on the Segway and we need an identifier for

71
00:05:00,540 --> 00:05:06,920
it so we can say when we press this button perform a segue with this particular identifier and that

72
00:05:06,950 --> 00:05:10,280
identifier we're going to call it to log in.

73
00:05:11,270 --> 00:05:12,820
It's when I copy that.

74
00:05:13,080 --> 00:05:21,410
And we and our practice we generally put these types of strings in a Constance file.

75
00:05:21,450 --> 00:05:21,650
All right.

76
00:05:21,650 --> 00:05:27,670
So I want to create a new group over here I'm going to say right click on the smak folder see a new

77
00:05:27,780 --> 00:05:29,820
group called this.

78
00:05:29,860 --> 00:05:39,090
You see we call this newgroup you till that t's right click and see a new file and it's going to be

79
00:05:39,090 --> 00:05:40,810
just a swift file.

80
00:05:40,890 --> 00:05:44,430
Next when I call this constant It's

81
00:05:47,730 --> 00:05:56,610
right here I'm going to make a little section for segues and when I say let to log in and we generally

82
00:05:56,610 --> 00:06:03,980
use caps to you know Constance and that's going to be to log in and X couldn't.

83
00:06:03,990 --> 00:06:10,410
And if you select something and you do quotation marks it automatically puts it inside of quotation

84
00:06:10,410 --> 00:06:11,770
marks for you.

85
00:06:11,930 --> 00:06:20,070
When to say that jump back over to our channel channel ABC and here where we created our Iby action

86
00:06:20,070 --> 00:06:21,750
for the logon button pressed.

87
00:06:21,870 --> 00:06:24,260
So what's going to happen when we push that logging button.

88
00:06:24,300 --> 00:06:27,130
We want to segue to our logging in the sea.

89
00:06:27,360 --> 00:06:28,580
So pretty simple.

90
00:06:28,610 --> 00:06:38,460
We got to do say perform Segway with identifier the identifier is that one that we just created to underscore

91
00:06:38,640 --> 00:06:41,960
loggin and the sender is no.

92
00:06:42,540 --> 00:06:44,820
And we're going to save that and that should do it.

93
00:06:44,820 --> 00:06:52,240
So when I run it in we're going to open this up and click on log in and a link.

94
00:06:52,320 --> 00:06:52,830
There we go.

95
00:06:52,830 --> 00:06:56,440
All right so this is the logging Visi totally blank right now.

96
00:06:56,490 --> 00:06:58,420
So let's go ahead and fix that.

97
00:06:58,600 --> 00:07:01,270
So I'm back over here to our story board.

98
00:07:01,590 --> 00:07:03,810
And what do we need to do.

99
00:07:04,080 --> 00:07:04,950
We already looked at it.

100
00:07:04,950 --> 00:07:07,350
We need some buttons.

101
00:07:07,350 --> 00:07:08,670
We need a button here.

102
00:07:08,670 --> 00:07:15,180
Here in here we have our logo label two text fields and some divider views.

103
00:07:15,180 --> 00:07:15,890
All right.

104
00:07:16,140 --> 00:07:19,090
Let's go ahead and get cracking on that.

105
00:07:19,090 --> 00:07:20,710
I want to start with our labels.

106
00:07:20,960 --> 00:07:26,940
OK so I'm just going to add what I like to do is kind of just throw everything up on the board and then

107
00:07:27,480 --> 00:07:31,420
start refining and adding constraints as we go along.

108
00:07:31,610 --> 00:07:33,060
So we're going to need an image.

109
00:07:33,250 --> 00:07:43,610
You going to drop an image of you in here and resize it to the general size.

110
00:07:43,890 --> 00:07:50,590
Going to set the image in that his SMAC logo right there.

111
00:07:50,830 --> 00:08:02,790
We've got to button a few buttons up here which is our close button one down here which is our loggin

112
00:08:02,790 --> 00:08:03,550
button.

113
00:08:03,930 --> 00:08:10,790
And then our if you don't have an account you can create an account button.

114
00:08:10,830 --> 00:08:19,490
Then we have a couple of text fields whoops couple of text fields to enter in our username and password

115
00:08:19,500 --> 00:08:26,190
of course case that's our user name one is our password one.

116
00:08:26,430 --> 00:08:29,850
And then we got these posts over here.

117
00:08:29,860 --> 00:08:32,420
We got these dividers here.

118
00:08:32,440 --> 00:08:33,270
So we're going do a little bit.

119
00:08:33,330 --> 00:08:37,230
We're just going to simply mortgage and use a couple of views in there.

120
00:08:37,230 --> 00:08:45,510
So when I say you I view you and put your rate here

121
00:08:48,290 --> 00:08:52,680
and we'll go and change the background color right away so we don't lose it.

122
00:08:53,050 --> 00:08:59,380
And that background color Let me pull it up right here is.

123
00:08:59,570 --> 00:09:00,610
Let's see here.

124
00:09:03,000 --> 00:09:13,530
So with the controller selected and click here I put in a hex that Hex's 5 B 9 F C B.

125
00:09:13,690 --> 00:09:15,440
Press return.

126
00:09:15,450 --> 00:09:22,620
And now when when we click up here on any colors that's going to be under our recently used colors.

127
00:09:22,620 --> 00:09:23,040
OK.

128
00:09:23,070 --> 00:09:25,800
So that's going to be useful.

129
00:09:25,870 --> 00:09:34,890
So that's going to be one of our dividers and I'm just going to hold option and drag to make a copy

130
00:09:34,950 --> 00:09:39,540
of that thing and there we go.

131
00:09:39,540 --> 00:09:44,360
All right so there is all of our elements doesn't look like much right now I know.

132
00:09:44,370 --> 00:09:48,590
So let's go ahead and start refining our design here.

133
00:09:48,840 --> 00:09:50,270
So let's get right up here.

134
00:09:50,610 --> 00:10:00,670
This is an image so we can get rid of the text and go ahead and go ahead and add an image for it.

135
00:10:00,720 --> 00:10:10,570
So this is going to be this is our close image and that's going to be right here this year.

136
00:10:11,310 --> 00:10:12,470
Yeah right there.

137
00:10:12,500 --> 00:10:18,150
All right so let's go ahead and constrain that one so it can be 8 and 0 will be constrained to margins

138
00:10:18,150 --> 00:10:20,240
checked in over here.

139
00:10:20,260 --> 00:10:28,210
This guy's site is forty eight by 40.

140
00:10:28,730 --> 00:10:37,030
So it looks a little nicer and you may notice these blue outlines on all of our elements.

141
00:10:37,050 --> 00:10:42,540
That's just the X code 9 beta bug that I've been getting.

142
00:10:42,540 --> 00:10:49,120
Normally you would be able to get rid of that by coming over here and clicking on show baluns rectangles.

143
00:10:49,650 --> 00:10:51,760
But that's not fixing it.

144
00:10:51,800 --> 00:10:53,370
So just a bug.

145
00:10:53,500 --> 00:10:54,120
All right.

146
00:10:54,450 --> 00:10:57,180
Let's get right here.

147
00:10:57,540 --> 00:10:58,640
That's going to say this.

148
00:10:58,650 --> 00:10:59,140
Mark

149
00:11:02,010 --> 00:11:05,800
my computer is being really slow right so SMAC.

150
00:11:05,970 --> 00:11:12,780
And we're going to change the font to you custom and Helvetica new.

151
00:11:12,780 --> 00:11:18,460
Let's make this bold and let's pump that up to say 19.

152
00:11:18,480 --> 00:11:18,710
All right.

153
00:11:18,720 --> 00:11:25,390
I'm going to grab that press command equal to get to the right size and zoom in a little bit.

154
00:11:26,350 --> 00:11:35,750
K and then this color if I click here and then come over here and grab my font color come back here.

155
00:11:35,920 --> 00:11:41,400
All right so this one is four to five for B 9.

156
00:11:41,700 --> 00:11:47,600
Press enter and now this color is also going to be in our recently used.

157
00:11:47,740 --> 00:11:54,430
So when you see me jump over here and grab one of these for future UI elements that's where these colors

158
00:11:54,430 --> 00:11:55,490
come from OK.

159
00:11:55,960 --> 00:12:04,660
For instance right now if we come here to our in button down here I can see here change the background

160
00:12:04,660 --> 00:12:18,880
color to this blue right here and change the text color to white change the font to custom Helvetica

161
00:12:18,880 --> 00:12:19,500
new.

162
00:12:19,510 --> 00:12:25,390
17 is good but let's make you bold and see done.

163
00:12:25,410 --> 00:12:32,880
Now we're going to add some sort of sizes to use with this is going to be 250 and the height is going

164
00:12:32,880 --> 00:12:45,400
to be 50 K and let's go ahead and fix these two dividers here we're going to say with of 250 and a height

165
00:12:45,430 --> 00:12:52,950
of two right and then these guys are also going to be with 250

166
00:12:55,670 --> 00:13:00,300
250 hands get rid of the borders on these.

167
00:13:00,410 --> 00:13:08,060
With both of those textfield selected and when to come over here and right here border style to none.

168
00:13:08,270 --> 00:13:17,000
We're going to change the color to that purple that we added and going to change the system font to

169
00:13:17,180 --> 00:13:22,160
custom and whole Vatican new.

170
00:13:22,370 --> 00:13:24,640
I would say regular's fine.

171
00:13:24,810 --> 00:13:31,530
And then we're going to change the give it a placeholder text or here for the first I user.

172
00:13:32,160 --> 00:13:41,920
User name and for this and we're going to say password and since as a password if we come down here

173
00:13:42,310 --> 00:13:49,150
to the check box here secure text entry that will make it so that when we enter stuff it'll just be

174
00:13:49,150 --> 00:13:49,990
those black dots.

175
00:13:49,990 --> 00:13:50,550
All right.

176
00:13:50,900 --> 00:13:52,690
That's good.

177
00:13:52,690 --> 00:13:55,650
Now let's do this button down here.

178
00:13:56,230 --> 00:13:57,380
What's this.

179
00:13:57,610 --> 00:14:07,950
That's as don't have an account sign up here.

180
00:14:08,200 --> 00:14:08,490
All right.

181
00:14:08,490 --> 00:14:12,320
So my computer is running super slow so I just had to do a restart.

182
00:14:12,320 --> 00:14:14,840
So hopefully it's working a little bit better now.

183
00:14:14,850 --> 00:14:17,100
So we left off here.

184
00:14:17,110 --> 00:14:24,320
Get ready to fix this last Bundes homeowner press command equal to get that up to the right size can

185
00:14:24,340 --> 00:14:27,320
change the text color to that light blue.

186
00:14:27,340 --> 00:14:32,990
Hello we're using going to change the font to custom and Helvetica new.

187
00:14:33,000 --> 00:14:37,820
And drop this down to 12 size so it looks good.

188
00:14:37,860 --> 00:14:40,650
So everything is looking pretty good.

189
00:14:40,800 --> 00:14:44,070
So let's go ahead and start adding constraints.

190
00:14:44,070 --> 00:14:51,680
So for these two I'm going to go ahead and constraints for the width and height and then I'm going to

191
00:14:51,680 --> 00:14:56,300
grab it and this smacked the ball right here and I'm going to throw those into a stack.

192
00:14:56,310 --> 00:14:59,660
You by cooking down here in bed and stack.

193
00:15:00,080 --> 00:15:08,630
And then I'm going to give that spacing of 12 and then I'm going to pass with the stack you selected

194
00:15:09,190 --> 00:15:18,590
constrain it 60 from the top and center it so Center it horizontally in the container.

195
00:15:18,590 --> 00:15:19,880
There we go.

196
00:15:19,880 --> 00:15:28,810
Then for these guys right here the user name and their divider lines I'm going to embed in a stack of

197
00:15:28,820 --> 00:15:29,910
those four.

198
00:15:30,080 --> 00:15:34,380
Oh and for some reason it decided to put them in a horizontal stack which is not what we want.

199
00:15:34,430 --> 00:15:37,550
So right here we want a vertical stack.

200
00:15:37,610 --> 00:15:37,870
All right.

201
00:15:37,880 --> 00:15:41,420
And we want it to be of line to leading.

202
00:15:41,780 --> 00:15:45,560
And we don't want this to actually be right here.

203
00:15:45,560 --> 00:15:49,050
Well that really messed that up.

204
00:15:49,310 --> 00:15:51,370
Not inside the view.

205
00:15:51,470 --> 00:15:52,740
There we go.

206
00:15:52,850 --> 00:16:00,890
Hopefully yours didn't not mess that up so badly and for some reason it doesn't like stack because when

207
00:16:00,890 --> 00:16:03,520
they're when these views are bigger than 50.

208
00:16:03,920 --> 00:16:12,380
So we're going to have to constrain to a height of two and a with two hundred and fifty and we'll go

209
00:16:12,380 --> 00:16:20,040
ahead and constrain the two text fields also to the width of two hundred and fifty.

210
00:16:20,930 --> 00:16:29,390
All right and then we're going to give it spacing of 14 and that's starting to look a little better.

211
00:16:29,490 --> 00:16:31,680
To then we're going to go and constrain it.

212
00:16:31,730 --> 00:16:35,640
So I'm going to set it in the center so horizontally in container.

213
00:16:35,750 --> 00:16:42,350
And then we're going to pin it 40 from the stack you right here because he had one constraint.

214
00:16:42,350 --> 00:16:44,860
So that looks good everything's nice and blue.

215
00:16:44,900 --> 00:16:47,520
Now here are constraints are good.

216
00:16:47,640 --> 00:16:53,930
And then this guy I'm going to drag up here and Murnau constrain it horizontally in its container and

217
00:16:53,930 --> 00:16:55,700
we're going to need to add some constraints on.

218
00:16:55,700 --> 00:17:01,220
So for width and height the width is going to be 250 and the height is 50.

219
00:17:01,250 --> 00:17:02,340
So it's good.

220
00:17:02,570 --> 00:17:08,360
And then we're also going to constrain hit 40 from the bottom of the stack above it.

221
00:17:08,360 --> 00:17:15,560
And then for this button here I'm going to give it's some width and height and set it zero from the

222
00:17:16,040 --> 00:17:17,200
button above it.

223
00:17:17,230 --> 00:17:26,000
So it's right snug under it and the two also horizontally constrain it looks good.

224
00:17:26,000 --> 00:17:27,620
All right so there we go.

225
00:17:27,620 --> 00:17:28,980
That's coming together now.

226
00:17:29,210 --> 00:17:33,980
So it went from a hodgepodge of just UI elements scattered all over.

227
00:17:34,130 --> 00:17:42,830
And then you just kind of go through and you know like pick a craftsman just kind of refine it and craft

228
00:17:42,980 --> 00:17:45,170
it into what you wanted to look like.

229
00:17:45,490 --> 00:17:45,850
Right.

230
00:17:46,000 --> 00:17:51,450
So let's go and open up our simulator here and see how it looks.

231
00:17:53,870 --> 00:17:59,710
So when I click on our menu click on a log in and there we go.

232
00:17:59,730 --> 00:18:04,590
All right and last thing we're going to do in this video is just make it so that when we click on this

233
00:18:05,010 --> 00:18:06,120
it gets dismissed.

234
00:18:06,120 --> 00:18:06,570
All right.

235
00:18:06,960 --> 00:18:13,610
So to do that we're going to need a controller file for this particular Wii U.

236
00:18:13,620 --> 00:18:15,480
So going to sit here controller.

237
00:18:15,550 --> 00:18:23,990
A new file and this is going to be a Cocco touch class going to see next and subclass of view controller.

238
00:18:24,100 --> 00:18:27,370
And this is going to say we're going to call this loggin visi.

239
00:18:27,610 --> 00:18:30,630
I say next and create

240
00:18:33,330 --> 00:18:40,300
and then I'm going to hold down option and click on Main to get us back over here.

241
00:18:40,320 --> 00:18:47,730
So with the assistant editor open first I need to change the class for this controller right.

242
00:18:47,880 --> 00:18:54,840
So when Kim appeared to its identity inspector and change the class to the new controller file that

243
00:18:54,840 --> 00:18:56,830
we just created called loggin visi.

244
00:18:57,030 --> 00:19:03,270
So now we can add outlets and IB actions and stuff over here in the log in the C file.

245
00:19:03,270 --> 00:19:12,210
I'm just kind of deleting some of this stuff we don't use and right here I'm going to have to be action

246
00:19:12,240 --> 00:19:21,620
for this button right here so I'm going to control drag over and I'm going to say close pressed and

247
00:19:21,720 --> 00:19:29,550
I say action and say connect and all you have to do here is just say this.

248
00:19:29,600 --> 00:19:34,680
Miss anarea safer animated version of say yes.

249
00:19:34,700 --> 00:19:35,280
True.

250
00:19:35,480 --> 00:19:38,980
And then for completion we're going to say no.

251
00:19:38,980 --> 00:19:42,440
All right we're going to save that and run it.

252
00:19:43,460 --> 00:19:50,630
And here we go and click on the menu button click log in and pops up.

253
00:19:50,650 --> 00:19:53,060
Looks real great.

254
00:19:53,290 --> 00:19:53,880
Everything.

255
00:19:53,900 --> 00:19:58,890
Oh except for that we got our username and password field mixed up.

256
00:19:59,010 --> 00:19:59,910
So we'll fix that.

257
00:19:59,960 --> 00:20:03,870
Let's see if this dismisses and it does indeed.

258
00:20:03,880 --> 00:20:12,320
So that's looking good this can fix this real quick and it's mean storyboard and this actually illustrates

259
00:20:12,320 --> 00:20:15,790
something that I love about stack abuse.

260
00:20:16,040 --> 00:20:23,000
So if we had mess this up with just regular constraints we would have to remove the constraints for

261
00:20:23,750 --> 00:20:27,050
each of these put them back and try to get it all worked out.

262
00:20:27,640 --> 00:20:35,300
But here all we have to do is just kind of drag this down here and then drag this up here and the stack

263
00:20:35,510 --> 00:20:37,130
handles everything else for us.

264
00:20:37,130 --> 00:20:38,840
So that's really nice.

265
00:20:38,840 --> 00:20:42,590
All right so I think we're I think we're good on this video.

266
00:20:42,650 --> 00:20:47,730
We set out to create our log in VC and we have definitely done that.

267
00:20:47,750 --> 00:20:53,390
We got all of the UI elements we're able to segue to it and dismiss it.

268
00:20:53,690 --> 00:20:58,670
Obviously we haven't gotten to the point where we can like actually enter usernames and passwords and

269
00:20:59,060 --> 00:21:00,130
how they should say logging.

270
00:21:00,150 --> 00:21:06,620
There we go hand and actually log in because we don't have any of the API stuff set up but right now

271
00:21:06,710 --> 00:21:14,300
you know we kind of need to get the UI set up so that we can make some meaningful progress on the code

272
00:21:14,300 --> 00:21:15,770
side of things as well.

273
00:21:16,010 --> 00:21:21,320
But you know we're making some good progress so I'm going to go ahead and just add to make some comments

274
00:21:21,320 --> 00:21:27,340
for our progress here since I restarted the computer I'm going to have to CD back into our repo and

275
00:21:27,480 --> 00:21:39,020
CD desktop and then CD Mac say get status see all the changes we made and make sure I'm on the right

276
00:21:39,020 --> 00:21:41,660
branch which is listen for so that's good.

277
00:21:41,710 --> 00:21:51,140
And then when I say get add not to add everything we just changed then get commit dash em say listen

278
00:21:51,610 --> 00:21:53,090
for.

279
00:21:53,830 --> 00:21:54,100
All right.

280
00:21:54,110 --> 00:22:01,160
And then we're going to push this branch up to our online repulsing to say get push origin listen dash

281
00:22:01,210 --> 00:22:03,650
0 4.

282
00:22:03,710 --> 00:22:04,020
All right.

283
00:22:04,100 --> 00:22:06,310
And that is good.

284
00:22:06,320 --> 00:22:10,380
And the next lessons we're going to do a little bit more you stuff still.

285
00:22:10,400 --> 00:22:16,940
We're going to create our view for creating a new account and hope you're looking forward to that and

286
00:22:16,940 --> 00:22:18,520
I'll see you in the next one.