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