1

00:00:08,090 --> 00:00:13,120

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,120 --> 00:00:17,570

some project folders to help keep us organized throughout the duration of this section.



3

00:00:17,590 --> 00:00:23,140

So go ahead and open up Escobedo from your Applications folder and when you open it you should see this



4

00:00:23,140 --> 00:00:24,420

little window pop up.



5

00:00:24,700 --> 00:00:26,120

And I'm running X code.



6

00:00:26,140 --> 00:00:29,320

Version 9 Beta 2 at the time of this video.



7

00:00:29,380 --> 00:00:34,690

By the time that you're watching this you could be in the out of beta version the full release version



8

00:00:34,690 --> 00:00:35,650

of 9.0.



9

00:00:35,800 --> 00:00:38,170

But this is a 9.0 beta too.



10

00:00:38,200 --> 00:00:43,090

We're going to start by creating a new X code project So click that and then what we're going to do



11

00:00:43,090 --> 00:00:45,810

is we're going to choose tabbed application.



12

00:00:45,820 --> 00:00:52,590

Now if you remember in our break point app it is a tabbed application we use a UI tab bar controller



13

00:00:52,600 --> 00:00:54,740

to instantiate the different view controllers.



14

00:00:54,760 --> 00:00:57,300

So go ahead and choose tabbed app.



15

00:00:57,460 --> 00:01:03,310

You can double click on it or you can just click next after you select it and we're going to call this



16

00:01:03,700 --> 00:01:05,320

break point.



17

00:01:05,710 --> 00:01:08,200

OK let's just yeah let's just call a break point.



18

00:01:08,200 --> 00:01:09,550

Simple enough.



19

00:01:09,550 --> 00:01:15,190

We're of course going to use our personal team our organization name is just either your name or your



20

00:01:15,190 --> 00:01:20,160

organization name is up to you Organization identifier is good.



21

00:01:20,200 --> 00:01:25,920

That's just how we're going to identify your application and we'll use this bundle I.D. later.



22

00:01:25,960 --> 00:01:31,510

Now Swift is good and we don't need to include any tests for this section specifically.



23

00:01:31,570 --> 00:01:33,400

So go ahead and click next.



24

00:01:33,400 --> 00:01:38,560

And we're going to save this in just somewhere on your computer it doesn't matter where.



25

00:01:38,590 --> 00:01:41,320

I'm just putting mine in a break point app folder.



26

00:01:41,530 --> 00:01:44,530

And go ahead and click Create and just like that.



27

00:01:44,600 --> 00:01:46,650

Now I'm going to make my window here.



28

00:01:46,660 --> 00:01:47,760

Full screen.



29

00:01:47,770 --> 00:01:51,110

Let's go ahead and pull it open wups in full screen.



30

00:01:51,250 --> 00:01:52,340

Looks good.



31

00:01:52,360 --> 00:01:57,730

And before we go any further I'm going to unstick landscape left in landscape right from our general



32

00:01:57,730 --> 00:02:02,950

settings because our app doesn't necessarily need to rotate and it would actually kind of cover up quite



33

00:02:02,950 --> 00:02:07,780

a bit of the content so let's force it to only be in portrait.



34

00:02:07,780 --> 00:02:12,120

All right very cool so now we have a project and it looks awesome.



35

00:02:12,340 --> 00:02:18,800

If you go inside your main storyboard you will see that indeed we are dealing with a tab controller.



36

00:02:18,800 --> 00:02:24,370

K 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,370 --> 00:02:27,750

three controllers in our Tabarin breakpoint.



38

00:02:27,910 --> 00:02:28,590

So that's cool.



39

00:02:28,600 --> 00:02:33,430

We have the controller files to go with those and app delegate and assets folder everything that you



40

00:02:33,430 --> 00:02:34,640

should expect.



41

00:02:34,900 --> 00:02:39,400

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,670 --> 00:02:40,710

and organized.



43

00:02:40,900 --> 00:02:42,280

So here we go.



44

00:02:42,310 --> 00:02:49,260

Go ahead and right click on break point click newgroup and we're going to call this group controller.



45

00:02:50,140 --> 00:02:53,900

And inside of controller we're going to put all of our view controllers.



46

00:02:53,950 --> 00:03:01,600

This is a way that we can organize our files based on the model view controller structure as a part



47

00:03:01,600 --> 00:03:02,950

of object oriented programming.



48

00:03:02,980 --> 00:03:08,500

So go ahead and click again we're going to create a folder for the Wii and MVC which you should know



49

00:03:08,500 --> 00:03:13,350

is a view and that is where any custom view subclasses are going to go.



50

00:03:13,720 --> 00:03:15,660

Right click again click newgroup.



51

00:03:15,670 --> 00:03:19,300

And this is the m for model.



52

00:03:19,300 --> 00:03:27,010

This is where our model files will go for setting up the data of certain parts of our app like messages



53

00:03:27,040 --> 00:03:28,420

or groups.



54

00:03:28,420 --> 00:03:34,120

Basically any class that has specific properties that we need to instantiate a certain way next right



55

00:03:34,120 --> 00:03:41,420

click again on breakpoint create a new group and we're going to create an extensions group we will use



56

00:03:41,420 --> 00:03:48,490

some extensions in this course to add some custom functionality so that items can move up when the keyboard



57

00:03:48,490 --> 00:03:48,910

moves up.



58

00:03:48,910 --> 00:03:53,950

That's one cool extension that we will add it makes it really nice and easy to use and will also add



59

00:03:53,980 --> 00:04:02,470

a custom view controller extension later on so that we can simulate the animation of going from one



60

00:04:02,470 --> 00:04:03,710

view controller to the next.



61

00:04:03,730 --> 00:04:08,110

We're going to make it look like we're in a UI navigation controller but we're not really using that



62

00:04:08,110 --> 00:04:12,750

it's kind of a cool way to modify that without needing to use a UI navigation controller.



63

00:04:12,940 --> 00:04:19,510

So last but not least we're going to go ahead and Right-Click newgroup and we're going to add a group



64

00:04:19,510 --> 00:04:21,190

for services.



65

00:04:21,190 --> 00:04:26,680

Now this is going to house our data service and our auto service auth service of course is used for



66

00:04:26,770 --> 00:04:31,840

authenticating or user logging them in and our data service is going to be used to communicate with



67

00:04:31,840 --> 00:04:33,530

our firebase backend.



68

00:04:33,550 --> 00:04:34,520

Very very cool.



69

00:04:34,540 --> 00:04:39,670

And we have already gotten started we've built our project folders we've created our project and we



70

00:04:39,670 --> 00:04:45,670

have set this up so that we can dive right in in the next video and start building out even more.



71

00:04:45,670 --> 00:04:49,810

We're going to go to firebase and create a firebase project and we're going to get our app.



72

00:04:49,830 --> 00:04:51,930

Talking to our firebase backend.



73

00:04:52,030 --> 00:04:54,270

Awesome job in this video and we'll see in the next one.