1
00:00:00,450 --> 00:00:04,110
So you must be really excited now that we have our X code installed.

2
00:00:04,110 --> 00:00:07,710
You can see here at this point here running version eleven that one.

3
00:00:07,710 --> 00:00:12,290
So depending on when you were watching this video again this may be a different version.

4
00:00:12,300 --> 00:00:13,990
Hopefully a higher version.

5
00:00:14,000 --> 00:00:14,300
OK.

6
00:00:14,670 --> 00:00:17,010
So this is what we have right now say X code.

7
00:00:17,010 --> 00:00:21,510
Once you click to run it start X code assuming you were able to install everything everything is good.

8
00:00:21,540 --> 00:00:22,830
Which should be.

9
00:00:22,830 --> 00:00:25,200
You should see this window here.

10
00:00:25,200 --> 00:00:31,210
Now you notice I have all sorts of other project that are opening here or actually opening but they

11
00:00:31,210 --> 00:00:34,440
are showing so I can open them if I wish to do so.

12
00:00:34,620 --> 00:00:39,530
You probably will not see them on your project right and this window here because you haven't.

13
00:00:39,540 --> 00:00:45,390
Assuming you haven't created any projects using x code and if you have of course you're going to have

14
00:00:45,390 --> 00:00:46,460
some showing here.

15
00:00:46,500 --> 00:00:47,630
So don't worry too much about this.

16
00:00:47,640 --> 00:00:52,920
But what we can do we can go ahead to here and say get started with playground which is not what going

17
00:00:52,930 --> 00:00:58,930
gonna be doing we want to go and get the create a new X code project so create click that and then you

18
00:00:58,930 --> 00:01:03,300
will see that we have this option to choose a template for creating our new project.

19
00:01:03,300 --> 00:01:06,370
Now there's all different templates to use here.

20
00:01:06,450 --> 00:01:09,180
Watch a W OS Mac OS cross platform.

21
00:01:09,210 --> 00:01:13,270
So you should know that apps that we build with swift UI can actually run on all of those.

22
00:01:13,260 --> 00:01:13,500
Right.

23
00:01:13,500 --> 00:01:19,470
So there's few nuances here and there but that's the whole idea of swift UI to allow one code base for

24
00:01:19,590 --> 00:01:21,930
all of other Apple devices.

25
00:01:21,930 --> 00:01:22,130
All right.

26
00:01:22,140 --> 00:01:28,440
So what we need actually just an application that has a single view absolute click the one or the one

27
00:01:28,440 --> 00:01:30,990
that is highlighted right now going to go say next.

28
00:01:31,410 --> 00:01:36,480
So now we have this other window that allows us to create our product.

29
00:01:36,480 --> 00:01:42,080
So you notice that here we don't called app name although it is an app name but we call a product name.

30
00:01:42,090 --> 00:01:47,310
That's what Apple went with to save it where every building it is indeed a product because they want

31
00:01:47,310 --> 00:01:49,130
you to sell it.

32
00:01:49,200 --> 00:01:50,100
Sure.

33
00:01:50,160 --> 00:01:54,210
In any case so we have product named this is where we put a name for our project.

34
00:01:54,210 --> 00:01:58,500
So in this case we say hello world to day.

35
00:01:58,590 --> 00:02:04,110
Right you can put whatever you want there and it will be the project or product name.

36
00:02:04,260 --> 00:02:06,270
Here we have a team name.

37
00:02:06,270 --> 00:02:11,490
So if you dropdown here you can see you have different team names I have the personal policy shown and

38
00:02:11,490 --> 00:02:14,100
I have other ones that I am affiliated with.

39
00:02:14,100 --> 00:02:14,700
Right.

40
00:02:14,760 --> 00:02:19,140
So I'm going to keep with Mugabe studio here because that's my business team name.

41
00:02:19,140 --> 00:02:21,600
But you will choose your own team name.

42
00:02:21,630 --> 00:02:21,990
Right.

43
00:02:22,020 --> 00:02:27,420
Because when you created your account and you pay today 99 or 100 dollars a year you go to price of

44
00:02:27,420 --> 00:02:32,430
creating a team name or maybe you're a part of a different Apple Developer team you are able to provisioning

45
00:02:32,430 --> 00:02:35,640
all that stuff and you should have a way to get a team name there.

46
00:02:36,030 --> 00:02:36,230
OK.

47
00:02:36,270 --> 00:02:38,550
So organization name Polish that's fine.

48
00:02:38,550 --> 00:02:40,540
You can change to whatever you want.

49
00:02:40,580 --> 00:02:41,010
OK.

50
00:02:41,160 --> 00:02:45,900
Now this organization identifier is very important GoDaddy is indeed what identifies as application

51
00:02:46,260 --> 00:02:51,720
not only as you develop it but also when you want to push it to the public in the App Store.

52
00:02:51,720 --> 00:02:55,020
So it's very important to have a unique identifier.

53
00:02:55,020 --> 00:03:00,560
Now when it comes out in the file name usually they say it's a good idea to have a reverse domain name.

54
00:03:00,570 --> 00:03:02,370
What is it this reverse domain name.

55
00:03:02,370 --> 00:03:09,300
Well if you look at dabbled Abu Dhabi dot google dot com the reverse name will be com that Google that

56
00:03:09,300 --> 00:03:13,170
WW something right so the inverse of A reversed name that way.

57
00:03:13,170 --> 00:03:18,480
Each project that you create for each project that you're creating has a unique identifier.

58
00:03:18,480 --> 00:03:26,880
So in this case here I started with Bob build apps with Paolo and I can call this first hello world

59
00:03:27,690 --> 00:03:30,390
and X Code eleven something like that.

60
00:03:30,410 --> 00:03:30,600
OK.

61
00:03:30,600 --> 00:03:35,700
Of course you can put whatever you else want but also notice as you type all of that all of this bundle

62
00:03:35,700 --> 00:03:42,960
identifier which is created via the organization in the fire as well as the product name.

63
00:03:42,990 --> 00:03:43,230
Right.

64
00:03:43,230 --> 00:03:49,200
Because you can see as we type or add anything else here it's being appended there right.

65
00:03:49,250 --> 00:03:54,600
So if I keep tapping typing you notice everything is being a pendant to create the bundle identify which

66
00:03:54,600 --> 00:03:58,450
will further our identification for this project.

67
00:03:58,470 --> 00:04:02,780
Next we have language of course is swift objective c no more.

68
00:04:03,630 --> 00:04:06,110
And the user interface going to be swift UI.

69
00:04:06,120 --> 00:04:09,050
Good that's what we're going to use we no longer like storyboard.

70
00:04:09,120 --> 00:04:09,620
I'm sorry.

71
00:04:09,620 --> 00:04:10,710
Goodbye storyboard.

72
00:04:10,830 --> 00:04:12,240
We want to move to AI now.

73
00:04:12,270 --> 00:04:16,320
Next we have to use core data we don't need to worry about any of that at this point.

74
00:04:16,320 --> 00:04:20,040
So right now I'm going to go ahead and say next and you guys go ahead and ask where you want to put

75
00:04:20,040 --> 00:04:20,840
this project.

76
00:04:20,850 --> 00:04:24,230
I already have a project IRS in my machine.

77
00:04:24,330 --> 00:04:28,470
You can find anywhere else in your machine that doesn't matter really as long as you know where all

78
00:04:28,470 --> 00:04:29,350
of those live.

79
00:04:29,400 --> 00:04:33,920
And also you can add this take for create get repository.

80
00:04:33,930 --> 00:04:37,390
My mike for create get repository on my Mac.

81
00:04:37,410 --> 00:04:39,230
I usually just leave it the way it is.

82
00:04:39,270 --> 00:04:46,020
Just in case I want to actually push this to a get when they create and write then it's gonna go ahead

83
00:04:46,050 --> 00:04:50,130
and create our project I'm gonna get rid of all of that at the top there because we don't need that.

84
00:04:50,190 --> 00:04:50,520
Very good.

85
00:04:50,520 --> 00:04:52,520
So we can see there's a lot of things going on here.

86
00:04:52,530 --> 00:04:57,750
But as time goes by if this is the first time of course you will see that this is not that complicated

87
00:04:57,810 --> 00:05:00,760
our X code is pretty simple once you get used to it.

88
00:05:00,820 --> 00:05:03,770
So in the middle here we have our code editors.

89
00:05:03,790 --> 00:05:05,250
This is where we edit our code.

90
00:05:05,250 --> 00:05:09,790
You will see in a second here to the left we have a few tabs that will open different patterns but the

91
00:05:09,790 --> 00:05:15,460
main one is that we have our project which contain folders with code and assets.

92
00:05:15,460 --> 00:05:22,660
This is where we put our images icons so forth and we can create other assets or other folders inside

93
00:05:22,660 --> 00:05:22,870
here.

94
00:05:22,870 --> 00:05:26,890
In fact when you click on things here notice things are changing to live right.

95
00:05:26,890 --> 00:05:27,130
Right.

96
00:05:27,130 --> 00:05:31,420
If you click here the code changed of course because that's what we want to see.

97
00:05:31,900 --> 00:05:32,230
Right.

98
00:05:32,230 --> 00:05:34,780
We also have a few other things are showing.

99
00:05:34,780 --> 00:05:36,470
So this is very contextual.

100
00:05:36,490 --> 00:05:44,290
So as you click different files contextually speaking we change the file as you see the code there.

101
00:05:44,310 --> 00:05:47,920
Also we have our properties we can change on that file or folder.

102
00:05:47,920 --> 00:05:52,310
We can go ahead and snap our panel there if you wish to do so.

103
00:05:52,330 --> 00:05:55,340
Want to have more space as well as the left as well.

104
00:05:55,360 --> 00:05:59,450
So we have more space and so we can focus on coding.

105
00:05:59,450 --> 00:06:02,250
Now at the bottom here we can also toggle this up.

106
00:06:02,260 --> 00:06:05,860
This is where we have our console where we are running our code.

107
00:06:05,860 --> 00:06:10,680
We can see things showing here as the code is being debated and so forth and we have a console.

108
00:06:10,690 --> 00:06:12,310
We'll see all the output later here.

109
00:06:12,780 --> 00:06:13,160
OK.

110
00:06:13,270 --> 00:06:18,910
So you can see it's so symbol can toggle down and up open and closing like that.

111
00:06:18,910 --> 00:06:20,470
And life is really really good.

112
00:06:21,340 --> 00:06:21,690
OK.

113
00:06:21,730 --> 00:06:26,530
So let's go back to our content view here now because I'm not running Catalina because is still in beta

114
00:06:26,560 --> 00:06:34,360
the upper system which works best with Swifty why we can still work with 55 if we have more have a.

115
00:06:34,390 --> 00:06:42,550
So if I go to my Mac here you can see about Mac you'll see that I'm running Mac OS more have a version

116
00:06:42,580 --> 00:06:44,190
10 14 6.

117
00:06:44,200 --> 00:06:44,950
OK.

118
00:06:44,950 --> 00:06:50,380
Not having Catalina doesn't give us the sweet preview where we can run our code and see the user interface

119
00:06:50,770 --> 00:06:52,400
and interact with it.

120
00:06:52,570 --> 00:06:53,640
That's the one drawback.

121
00:06:53,860 --> 00:06:57,700
But in any case we still can see how wonderful.

122
00:06:57,700 --> 00:07:03,900
So if you are is not having to install Catalina because it's still in beta and I don't want to install

123
00:07:03,940 --> 00:07:08,590
on my main machine if you have an extra machine you can install that but I don't recommend you to do

124
00:07:08,590 --> 00:07:13,480
that because you may end up having a lot of issues with Catalina and it's just not worth it.

125
00:07:13,930 --> 00:07:19,000
Now if you're watching this video after Catalina is out there for the masses and of course you should

126
00:07:19,090 --> 00:07:22,830
insult Catalina but this point here no need to insult Catalina.

127
00:07:22,870 --> 00:07:25,230
All I do really just click here to play.

128
00:07:25,300 --> 00:07:29,600
What that will do it will actually open up our simulator here.

129
00:07:29,680 --> 00:07:32,830
And notice is saying hello world so there we go.

130
00:07:32,830 --> 00:07:38,890
We are running our first swift UI application here hello world is running because we have this text

131
00:07:38,890 --> 00:07:45,700
here that says hello world let's make this a little bit smaller so you can perhaps see side by side

132
00:07:45,960 --> 00:07:50,500
I can also resize the simulator as such and then go hello world.

133
00:07:50,500 --> 00:07:57,670
So you can see here if I comes and change some something here or my name controls save and say command

134
00:07:57,850 --> 00:08:04,720
are to go ahead and run the changes to build the app you can see announces hello world Paolo.

135
00:08:04,720 --> 00:08:09,870
And just like that we're able to run a very simplistic Swifty y hello world that doesn't do much really

136
00:08:09,880 --> 00:08:15,260
but in the next few years we are going to quickly explore what's going on here and get going with safety

137
00:08:15,260 --> 00:08:16,900
why I'll see in the next video.