1 00:00:03,610 --> 00:00:09,970 So now that you have a good understanding of what the U.S. simulates really is and how you start applications 2 00:00:09,970 --> 00:00:16,070 and export it it's time for us to dive into our egos and get a sense of the different files that we 3 00:00:16,070 --> 00:00:17,950 have in our exclude project. 4 00:00:18,190 --> 00:00:23,960 So to do that I'm going to talk about these three finalists dot H and Dot a storyboard. 5 00:00:23,950 --> 00:00:24,510 Fine. 6 00:00:24,670 --> 00:00:32,140 So let's jump back into school and I'm actually going to close this application and start a brand new 7 00:00:32,140 --> 00:00:40,130 one so I'm going to say fine close project I'm going to say command shift and or if you remember fine. 8 00:00:40,180 --> 00:00:41,930 NEW PROJECT. 9 00:00:42,110 --> 00:00:47,140 I'm here I'm going to say symbol your application I'm going I keep all the previous things. 10 00:00:47,140 --> 00:00:52,690 Once again if you're for forgotten a name for your organization or an identifier that you know we can 11 00:00:52,690 --> 00:00:54,460 change all of these later. 12 00:00:54,530 --> 00:00:59,920 I know that I know you know you unit this think and object if. 13 00:01:00,190 --> 00:01:02,460 So I'm going to call this application. 14 00:01:02,470 --> 00:01:09,950 My I was on the stand on this Hunding app. 15 00:01:10,290 --> 00:01:14,950 Again I'm going to say within the same place as the previous one that really doesn't matter at this 16 00:01:14,950 --> 00:01:17,150 point. 17 00:01:17,170 --> 00:01:20,150 So so far this is something we have done before us. 18 00:01:20,200 --> 00:01:24,480 I just want to get a sense of these different files that we have up here. 19 00:01:24,670 --> 00:01:31,300 And what's very important for us to knowings is that up or talk to him a file is something that we will 20 00:01:31,300 --> 00:01:33,070 be working on extensively. 21 00:01:33,070 --> 00:01:35,680 This is essentially the foil that takes care of it. 22 00:01:35,890 --> 00:01:41,290 So far this is something we've done before and now we want to get the sense of these different foils 23 00:01:41,290 --> 00:01:45,170 that we have in our navigation navigation window. 24 00:01:45,380 --> 00:01:48,210 So going to maximize his the zoom over there. 25 00:01:48,490 --> 00:01:53,620 Now there are many many files in here and it might seem a little bit overwhelming at the beginning so 26 00:01:53,620 --> 00:01:57,970 I'm only going to suggest something to you guys and that is this fun. 27 00:01:58,030 --> 00:01:59,580 H fine. 28 00:01:59,680 --> 00:02:02,170 I'm fine and it does a storyboard. 29 00:02:02,170 --> 00:02:03,980 The main storyboard. 30 00:02:04,000 --> 00:02:05,500 Not the other one. 31 00:02:05,500 --> 00:02:11,560 These are essentially the only three files that you need to deal with for foreseeable future. 32 00:02:11,560 --> 00:02:18,010 We will talk about app delegation and you know how to use the launcher screen for much farther in the 33 00:02:18,010 --> 00:02:21,370 future maybe in about 15 seconds from now. 34 00:02:21,370 --> 00:02:26,600 But these are the three files that we need to know on how you need to know how to use them. 35 00:02:26,800 --> 00:02:32,380 So I'm going to show you a quick ministration you are not supposed to be following me and don't worry 36 00:02:32,380 --> 00:02:36,730 if you use some you know terminologies or things that you don't know what they are. 37 00:02:36,730 --> 00:02:39,860 This is just simply for the sake of they want to station. 38 00:02:40,120 --> 00:02:47,170 So here I'm going to I'm going to go to my main storyboard and in my main storyboard just like the last 39 00:02:47,170 --> 00:02:51,120 time I'm going to go to my library and add a label. 40 00:02:51,190 --> 00:02:53,250 So I have something on my scene 41 00:02:56,490 --> 00:03:03,520 that is there and then I'm going to change some of the stuff like we did last time this early lessons 42 00:03:03,530 --> 00:03:10,100 I try to repeat myself more and more so you know you guys get a better sense of you know following along 43 00:03:10,100 --> 00:03:10,970 with me. 44 00:03:10,970 --> 00:03:16,250 Like I said this lesson in particular you're not supposed to be following it but it helps you know that 45 00:03:16,250 --> 00:03:18,750 you know what's going on then. 46 00:03:19,010 --> 00:03:20,780 This is our visual design. 47 00:03:20,780 --> 00:03:26,510 Imagine my app only has this one label that shows my name for the very reason. 48 00:03:26,590 --> 00:03:34,850 Hollis's is this file connected to the other two ones so that dot h file which is the header file essentially 49 00:03:34,850 --> 00:03:41,710 is a file that connects the storyboard toward that and fine and also connects this whole set of new 50 00:03:41,720 --> 00:03:44,780 controllers to other controllers. 51 00:03:44,780 --> 00:03:48,040 Now if that doesn't make much sense to you don't worry about it. 52 00:03:48,050 --> 00:03:55,490 All you have to know is that the h file connects these two together and that is where we actually do 53 00:03:55,580 --> 00:03:57,230 the actual programming. 54 00:03:57,230 --> 00:04:00,590 The logical for OP for whatever it is meant to be doing. 55 00:04:00,770 --> 00:04:07,520 So not to do something very very simple and like I said you're not supposed to be you know tagging along. 56 00:04:07,520 --> 00:04:09,820 You're welcome to do if you wanted to do it. 57 00:04:09,830 --> 00:04:13,320 So going here I'm going to open the assistant editor. 58 00:04:13,430 --> 00:04:14,900 This is something you will see down. 59 00:04:14,900 --> 00:04:15,370 That's right. 60 00:04:15,380 --> 00:04:19,500 Well it doesn't but it means I know I'm going to switch to my dad. 61 00:04:19,550 --> 00:04:20,600 H fine. 62 00:04:20,810 --> 00:04:27,320 So now in one side they have my dad age while in one side they have my storyboard and when I get my 63 00:04:27,490 --> 00:04:35,220 labor my outlet in here and I'm going to my house for the name such as my name label. 64 00:04:35,630 --> 00:04:41,180 Once again don't worry about what this exactly means and whether all these different you know terminology 65 00:04:41,180 --> 00:04:41,810 is in here. 66 00:04:41,810 --> 00:04:44,860 Non-atomic reach an outlet and what not. 67 00:04:44,900 --> 00:04:49,890 All you have to know is that this label is now somehow connected to here. 68 00:04:50,030 --> 00:04:59,070 So our label in the visual part of the equation is connected to our DOT H-word and if we go to our M-file 69 00:05:00,880 --> 00:05:05,350 we will see that all of that amphi imports that H into it. 70 00:05:05,390 --> 00:05:12,620 So somehow all three of them are not connected to each other or that M-file imports that age our storyboard 71 00:05:12,710 --> 00:05:14,420 has connection to that age. 72 00:05:14,510 --> 00:05:16,930 So they all kind of interconnected. 73 00:05:17,090 --> 00:05:21,960 Once again I'm going to say for the third time don't worry about you know following along with me. 74 00:05:22,070 --> 00:05:25,100 Just get a sense of how things are happening in here. 75 00:05:25,340 --> 00:05:30,290 Now we have a view controller lifecycle here which is a view of the lot. 76 00:05:30,320 --> 00:05:33,310 We'll talk about this extensively in the coming lessons. 77 00:05:33,320 --> 00:05:39,530 But just so you know for now this is the method that runs every time your application loads for the 78 00:05:39,530 --> 00:05:40,770 very first time. 79 00:05:40,880 --> 00:05:47,270 So when you tap on the application and pops open this thing happens and whatever is in here should happen. 80 00:05:47,270 --> 00:05:48,920 So here's what I'm going to do. 81 00:05:48,920 --> 00:05:55,850 I'm going to say my name labor dot text should show my name. 82 00:05:57,680 --> 00:06:03,560 Now again don't worry about the dog's operation and what it is that you know on score over there for 83 00:06:03,560 --> 00:06:09,140 the IVR or the way that Bereuter is throwing all of these things we'll cover them in the future. 84 00:06:09,220 --> 00:06:15,850 But what you should kind of understand by now is that in my main storyboard there is a label that because 85 00:06:15,970 --> 00:06:18,560 it might name a label. 86 00:06:18,620 --> 00:06:27,260 That same guy my name label in the dot M is being changed so that it shows my name and that happens 87 00:06:27,260 --> 00:06:29,230 when the application loads. 88 00:06:29,240 --> 00:06:36,530 So if all goes well if I run the application now I should get to see that label showing my name before 89 00:06:36,560 --> 00:06:44,290 I build and run the application on that check that we talked about my storyboard is in iPhone 8. 90 00:06:44,450 --> 00:06:49,430 So because of that I'm going to switch my simulator to iPhone 8 as well. 91 00:06:49,570 --> 00:06:54,110 And then I say build and run the application and we'll see what we will get. 92 00:06:54,110 --> 00:07:01,460 Once we do that here is my simulator and the application is running and is building and launching and 93 00:07:01,460 --> 00:07:07,890 once it launched we should see something which is not great. 94 00:07:07,890 --> 00:07:09,680 Now I'm seeing my name in here. 95 00:07:09,690 --> 00:07:18,720 So this is the very very basic logic of an app that something happens on a certain you know life cycle 96 00:07:18,720 --> 00:07:26,110 in this one being viewed it lot that one connects to somebody in the storyboard and then from the storyboard 97 00:07:26,190 --> 00:07:28,940 we have that outlet in our age. 98 00:07:29,010 --> 00:07:35,840 Now once again I should emphasize on this the goal of this lesson was needed to learn laborer's nor 99 00:07:35,850 --> 00:07:41,160 outlets nor understanding how the life cycle of new controllers work. 100 00:07:41,160 --> 00:07:47,490 It was just for us to understand that these three finds are the files that we depend on for kind of 101 00:07:47,490 --> 00:07:51,650 the foreseeable future whenever we are developing U.S. applications. 102 00:07:51,690 --> 00:07:57,530 We do our visual design the main slowly but we do our actual programming in the view or at that end 103 00:07:57,840 --> 00:08:01,390 and we do all of our connections in that age. 104 00:08:01,890 --> 00:08:05,660 With that in mind let's go ahead and move on to our next lesson. 105 00:08:05,790 --> 00:08:12,330 We talk about these outlets and what do they mean and what the assistant window and how we can connect 106 00:08:12,330 --> 00:08:16,970 different elements from our visual design to our coding environment. 107 00:08:16,980 --> 00:08:18,080 So I'll see you there.