1 00:00:07,990 --> 00:00:13,390 Hey guys this is Caleb with devah slopes and in this video we're going to create our X code project 2 00:00:13,390 --> 00:00:16,240 so that we can dive right in to building pixel city. 3 00:00:16,240 --> 00:00:21,550 So to do this open X code Bayda and running X code Bayda 9. 4 00:00:21,580 --> 00:00:25,130 No I'm not I'm running X code version 9 Beta 2. 5 00:00:25,360 --> 00:00:31,000 And to create a new project to go ahead and click on Create new X code project going to make that full 6 00:00:31,000 --> 00:00:31,690 screen. 7 00:00:31,690 --> 00:00:37,850 I'm going to click single view application and we're going to name this pixel city. 8 00:00:38,440 --> 00:00:39,640 OK that looks good. 9 00:00:39,640 --> 00:00:42,360 Make sure all of your information here is as it should be. 10 00:00:42,370 --> 00:00:48,640 Your personal team is what you want your organization name and your reverse domain style organization 11 00:00:48,730 --> 00:00:50,940 identifier language of course is swift. 12 00:00:50,950 --> 00:00:55,130 And we're not going to include We're not going to include tests or core data. 13 00:00:55,150 --> 00:00:56,780 So click next. 14 00:00:56,800 --> 00:01:00,820 Let's go ahead and let's save this inside my I always 11 folder. 15 00:01:00,820 --> 00:01:03,780 That sounds good and we're good to go. 16 00:01:04,060 --> 00:01:08,830 So before we begin I don't want to forget this but I'm going to go ahead and I'm going to unstick landscape 17 00:01:08,830 --> 00:01:10,140 left and right. 18 00:01:10,420 --> 00:01:15,000 I'm not going to use it for this app so I'm going to go ahead and ticket from the get go. 19 00:01:15,010 --> 00:01:15,650 Awesome. 20 00:01:15,820 --> 00:01:17,950 So our project is now created. 21 00:01:17,950 --> 00:01:24,700 We have our files here that come with our project like our main storyboard View Controller app delegate 22 00:01:25,000 --> 00:01:26,020 et cetera et cetera. 23 00:01:26,350 --> 00:01:31,210 But we need to create some folders so that we can house files in the proper way. 24 00:01:31,210 --> 00:01:33,910 It's just something I like to do for organization. 25 00:01:33,910 --> 00:01:38,950 So what I'm going to do is I'm going to right click on the yellow pixel city folder click new group 26 00:01:39,010 --> 00:01:42,970 and I'm going to create a folder for all of our control controller files. 27 00:01:42,970 --> 00:01:49,750 This will hold our map Visi And later the view controller that pops up when you use 3D touch. 28 00:01:49,750 --> 00:01:50,900 OK let's do it again. 29 00:01:50,920 --> 00:01:56,880 Right click click new group and this will hold all files related to the view. 30 00:01:56,890 --> 00:02:00,850 So custom view subclasses et cetera et cetera will go in there. 31 00:02:00,850 --> 00:02:04,890 We're going to create a new group and we're going to call this extensions. 32 00:02:04,930 --> 00:02:07,270 Let's spell it right extensions. 33 00:02:07,600 --> 00:02:12,520 And this will hold a special UI view extension that's going to allow us to fade in and fade out certain 34 00:02:12,520 --> 00:02:15,530 elements with ease which will be really cool. 35 00:02:15,760 --> 00:02:21,730 And one more time we're going to create a utility's folder and that's actually going to hold a constant 36 00:02:21,730 --> 00:02:28,510 folder or a constant file that will have things like our API key and the base you are l for the flicker 37 00:02:28,510 --> 00:02:30,330 API when we need it later. 38 00:02:30,340 --> 00:02:36,070 So we're not going to do anything with that for now but we are going to go ahead and move our view controller 39 00:02:36,070 --> 00:02:41,980 into our controller folder and you know what this will be the map view controller so I'm going to rename 40 00:02:41,980 --> 00:02:46,930 this to Matt Visi And you know what I'm even going to change it appear to be. 41 00:02:47,120 --> 00:02:52,060 Matt B.C and what's going to go ahead. 42 00:02:52,080 --> 00:02:52,780 Sorry 43 00:02:55,900 --> 00:02:57,830 oh sorry I didn't say that. 44 00:02:57,850 --> 00:03:00,970 Anyway let's change this to Matt visi. 45 00:03:00,970 --> 00:03:01,990 Sounds good. 46 00:03:02,350 --> 00:03:02,990 And you know what. 47 00:03:03,010 --> 00:03:07,540 In order for this to work we need to change it in the story board as well because this right now is 48 00:03:07,540 --> 00:03:10,840 looking for View Controller Swift which no longer exists. 49 00:03:10,840 --> 00:03:12,220 We killed it. 50 00:03:12,250 --> 00:03:13,830 So let's go ahead and change it. 51 00:03:13,870 --> 00:03:19,930 Click on the View Controller open the identity inspector if it's not already open and change the class 52 00:03:19,960 --> 00:03:23,590 to map B see press enter to save it. 53 00:03:23,770 --> 00:03:25,000 And we're good to go. 54 00:03:25,000 --> 00:03:26,980 Our project has been created. 55 00:03:26,980 --> 00:03:33,690 We have added folders to organize our swift code files and we have renamed Matt visi. 56 00:03:33,880 --> 00:03:34,790 Awesome. 57 00:03:34,840 --> 00:03:39,490 In the next video we're going to add to Cocoa pods which if you don't know what cocoa pods are you should 58 00:03:39,490 --> 00:03:41,150 go look it up do some research. 59 00:03:41,200 --> 00:03:45,870 But basically it's a really easy way to add third party functionality. 60 00:03:45,910 --> 00:03:49,480 We're going to implement two awesome frameworks that are very well supported. 61 00:03:49,480 --> 00:03:50,460 They're super easy. 62 00:03:50,460 --> 00:03:52,090 Very helpful. 63 00:03:52,090 --> 00:03:54,250 One is called Alamo fire. 64 00:03:54,250 --> 00:03:57,670 It's for networking making network requests et cetera et cetera. 65 00:03:58,120 --> 00:04:00,420 And the other one is called Alamo fire image. 66 00:04:00,420 --> 00:04:06,880 It's from the Alamo fire team but it's used specifically for downloading and saving images using the 67 00:04:06,880 --> 00:04:08,260 Alamo fire framework. 68 00:04:08,290 --> 00:04:09,100 Very very cool. 69 00:04:09,100 --> 00:04:13,540 So we're going to dive into that in the very next video so why don't you go ahead and head over to the 70 00:04:13,540 --> 00:04:15,550 next video and I'll see you there.