1 00:00:07,990 --> 00:00:13,090 Hey everybody in this video we're going to create our X code project and we're also going to set up 2 00:00:13,090 --> 00:00:17,510 some project folders to help keep us organized throughout the duration of this section. 3 00:00:17,530 --> 00:00:23,080 So go ahead and open up Escobedo from your Applications folder and when you open it you should see this 4 00:00:23,080 --> 00:00:24,250 little window pop up. 5 00:00:24,640 --> 00:00:29,260 And I'm running X code version 9 Beta 2 at the time of this video. 6 00:00:29,320 --> 00:00:34,630 By the time that you're watching this you could be in the out of beta version the full release version 7 00:00:34,630 --> 00:00:35,610 of 9.0. 8 00:00:35,740 --> 00:00:37,990 But this is a 9.0 Beta 2. 9 00:00:38,170 --> 00:00:43,030 We're going to start by creating a new X code project So click that and then what we're going to do 10 00:00:43,030 --> 00:00:45,750 is we're going to choose tabbed application. 11 00:00:45,760 --> 00:00:52,540 Now if you remember in our break point app it is a tabbed application we use a UI tab bar controller 12 00:00:52,540 --> 00:00:54,670 to instantiate the different view controllers. 13 00:00:54,700 --> 00:00:57,250 So go ahead and choose tabbed app. 14 00:00:57,400 --> 00:01:03,250 You can double click on it or you can just click next after you select it and we're going to call this 15 00:01:03,610 --> 00:01:05,270 break point. 16 00:01:05,660 --> 00:01:09,490 OK let's just yeah let's just call it breakpoint simple enough. 17 00:01:09,490 --> 00:01:15,130 We're of course going to use our personal team our organization name is just either your name or your 18 00:01:15,130 --> 00:01:20,140 organization name it's up to you Organization identifier is good. 19 00:01:20,140 --> 00:01:25,890 That's just how we're going to identify your application and we'll use this bundle I.D. later. 20 00:01:25,930 --> 00:01:31,510 Now Swift is good and we don't need to include any tests for this section specifically. 21 00:01:31,510 --> 00:01:33,090 So go ahead and click next. 22 00:01:33,340 --> 00:01:37,740 And we're going to save this in just somewhere on your computer. 23 00:01:37,750 --> 00:01:38,520 Doesn't matter where. 24 00:01:38,560 --> 00:01:44,500 I'm just putting mine in a break point app folder and go ahead and click Create and just like that. 25 00:01:44,540 --> 00:01:46,610 Now I'm going to make my window here. 26 00:01:46,630 --> 00:01:47,710 Full screen. 27 00:01:47,710 --> 00:01:49,530 Let's go ahead and pull it open. 28 00:01:49,680 --> 00:01:50,990 What's in full screen. 29 00:01:51,190 --> 00:01:52,060 Looks good. 30 00:01:52,300 --> 00:01:57,670 And before we go any further I'm going to unstick landscape left in landscape right from our general 31 00:01:57,670 --> 00:02:02,890 settings because our app doesn't necessarily need to rotate and it would actually kind of cover up quite 32 00:02:02,890 --> 00:02:07,740 a bit of the content so let's force it to only be in portrait. 33 00:02:07,750 --> 00:02:08,050 All right. 34 00:02:08,050 --> 00:02:12,140 Very cool so now we have a project and it looks awesome. 35 00:02:12,280 --> 00:02:18,860 If you go inside your main storyboard you will see that indeed we are dealing with a tab controller. 36 00:02:18,910 --> 00:02:24,310 We have two controllers that are here and we're going to add in another one later on because we have 37 00:02:24,310 --> 00:02:27,830 three controllers in our Tabarin breakpoint. 38 00:02:27,880 --> 00:02:28,540 So that's cool. 39 00:02:28,540 --> 00:02:33,370 We have the controller files to go with those and app delegate and assets folder everything that you 40 00:02:33,370 --> 00:02:34,480 should expect. 41 00:02:34,840 --> 00:02:39,340 And what we're going to do is we're going to set up those project folders now so that we can stay nice 42 00:02:39,640 --> 00:02:40,660 and organized. 43 00:02:40,840 --> 00:02:42,220 So here we go. 44 00:02:42,250 --> 00:02:49,280 Go ahead and right click on break point click newgroup and we're going to call this group controller. 45 00:02:50,080 --> 00:02:53,770 And inside of controller we're going to put all of our view controllers. 46 00:02:53,760 --> 00:03:01,540 K this is a way that we can organize our files based on the model view controller structure as a part 47 00:03:01,540 --> 00:03:02,910 of object oriented programming. 48 00:03:02,920 --> 00:03:08,200 So go ahead and Right-Click again we're going to create a folder for the Wii and MVC which you should 49 00:03:08,200 --> 00:03:13,950 know is a view and that is where any custom view subclasses are going to go right. 50 00:03:13,950 --> 00:03:19,240 Click again click new group and this is the m for model. 51 00:03:19,240 --> 00:03:26,950 This is where our model files will go for setting up the data of certain parts of our app like messages 52 00:03:26,980 --> 00:03:28,240 or groups. 53 00:03:28,360 --> 00:03:34,090 Basically any class that has specific properties that we need to instantiate a certain way next right 54 00:03:34,090 --> 00:03:40,670 click again on breakpoint create a new group and we're going to create an extensions group. 55 00:03:40,900 --> 00:03:47,740 We will use some extensions in this course to add some custom functionality so that items can move up 56 00:03:47,740 --> 00:03:48,850 when the keyboard moves up. 57 00:03:48,850 --> 00:03:53,890 That's one cool extension that we will add it makes it really nice and easy to use and will also add 58 00:03:53,920 --> 00:04:02,440 a custom view controller extension later on so that we can simulate the animation of going from one 59 00:04:02,440 --> 00:04:03,660 view controller to the next. 60 00:04:03,670 --> 00:04:08,050 We're going to make it look like we're in a UI navigation controller but we're not really using that 61 00:04:08,050 --> 00:04:12,880 it's kind of a cool way to modify that without needing to use a UI navigation controller. 62 00:04:12,880 --> 00:04:19,420 So last but not least we're going to go ahead and Right-Click newgroup and we're going to add a group 63 00:04:19,480 --> 00:04:21,090 for services. 64 00:04:21,130 --> 00:04:27,310 Now this is going to house our data service and our service auth service of course is used for authenticating 65 00:04:27,310 --> 00:04:33,330 or user logging them in and our data service is going to be used to communicate with our firebase backend. 66 00:04:33,490 --> 00:04:34,460 Very very cool. 67 00:04:34,480 --> 00:04:39,640 And we have already gotten started we've built our project folders we've created our project and we 68 00:04:39,640 --> 00:04:45,610 have set this up so that we can dive right in in the next video and start building out even more. 69 00:04:45,610 --> 00:04:50,560 We're going to go to firebase and create a fire project and we're going to get our app talking to our 70 00:04:50,560 --> 00:04:51,870 firebase backend. 71 00:04:51,970 --> 00:04:54,220 Awesome job in this video and we'll see in the next one.