‫-: Hi, welcome to the Xcode.
‫Within this lecture, we are going to see the overview
‫of the XCode.
‫For example, we are going to see what does this left pain do
‫or what does this right pane do?
‫And if you don't see this panes over here,
‫the left little windows over here,
‫you can just go to this button and if you click on this
‫you will see it will hide
‫or show the left pane and the right pane, okay?
‫So, if you don't see any of this windows over here,
‫you can always come and show and hide over this button.
‫So, these are generally the helper panes.
‫In the left pane we see the files and folders,
‫and in the right pane we generally see the options
‫and attributes.
‫So, I'm going to show you what are they, don't worry.
‫And in here, we have the files and folders.
‫So, let's start with the first one.
‫If you click on the top
‫you will see this general settings page, okay?
‫This is where we do the general settings
‫of our app, like display name.
‫So, whatever I write here,
‫it will appear when
‫I actually upload my app
‫to the app store and when somebody downloads it,
‫it will see this name on their iPhone, okay?
‫So, this will be literally the display name for me.
‫And in here we can see the bundle identifier
‫that we have chosen
‫when we create this app.
‫Of course, we can choose a new bundle identifier
‫if you want, from here.
‫So, we have something like iOS 13 over here,
‫and on the right hand side you can see iPad or iPhone.
‫So, if I want to disable this app to be working on iPad
‫I can just uncheck and check again.
‫And the important thing to do is right now, just go here
‫to signing and capabilities in which you will see
‫this checkbox.
‫So, make sure this is checked, okay?
‫Automatically manage signing.
‫So, this will sign you in using your Apple ID.
‫So, you can say enable automatic.
‫And in here, if you don't see anything,
‫you can just say add account.
‫And over here, it will pop up a window asking you
‫to just enter your Apple ID.
‫And if you don't have an Apple ID, you can create,
‫just click on this create Apple ID thing
‫and you can create a free Apple ID for yourself.
‫Later on we are going to see how to create a developer
‫account as well.
‫Right now, I have my ID signed in so I can just select one
‫and it will just automatically manage the signing for me.
‫And this will associate my Apple ID
‫with my project so that Xcode
‫and Apple will know this project actually belongs to me.
‫So, this is for general settings right now.
‫We're going to come back here later on when
‫we need something for this project settings, okay?
‫And in here the most important file is
‫the viewController.switft.
‫So, this is where we write our code, okay?
‫This is where we are going to code our app.
‫This is where we are going to do our stuff.
‫This is where we are going to do everything.
‫And in here, we see some automatically generated swift files
‫like app delegate.
‫So, we have a lot of quotes here
‫and right now you don't understand any of this.
‫We are going to come back
‫to here later on, don't worry about it.
‫So, this is another automatically generated file
‫called scene delegate,
‫in which we actually define
‫the UI window,
‫the window that we are seeing in our app.
‫And we are going to come back here later on just
‫for right now, know that we are not gonna do much
‫in the app delegator scene delegate.
‫We're just going to write our codes
‫inside of our ViewController.swift.
‫And in here, you will see something called
‫Main.storyboard.
‫If you click on this file,
‫it will open an empty iPhone screen for you.
‫So, in here we do the design of our app,
‫user interface of our apps.
‫So, we drag in images, we drag in texts,
‫we create some user interface in this file, okay?
‫And this file, this file is actually connected
‫with the ViewController.swift.
‫It means that we get to design our app
‫in this main storyboard and you can zoom in and out
‫like this in here and we get to write our codes
‫in the ViewController.swift.
‫And actually, it's very easy to work
‫with main storyboards and we are gonna see that later on.
‫And here we have some folder called Assets.
‫And we place some images, we place some icons
‫in this folder, okay?
‫We have some LaunchScreen.storyboard.
‫So, this is a welcome screen for you.
‫If you put something over here
‫it'll be shown in the welcome section of your app,
‫like a logo of your icon of your app, okay?
‫And in here we have an info.plist file.
‫We are going to change some of this options over here.
‫This is for general settings, again.
‫We're going to use all
‫of those files during our course.
‫So, don't worry about it.
‫Right now, know that we are going to use
‫ViewController.swift and we are going
‫to use Main.storyboard a lot, okay?
‫Because why?
‫Because, this is where we write our code.
‫So, let me go over these buttons over here.
‫You will see something called Editor options,
‫adjust editor options, adjust editors.
‫So, this is the main page, this is the main section
‫in which we write our code, but we can change this screen.
‫So, if you click on Editor only, nothing will change.
‫But if you click on Editor and Canvas
‫if we were building for SwiftUI,
‫it will open a preview layout for you.
‫Right now, we don't have to worry for that
‫because in the regular programming way without the SwiftUI
‫we don't need, we won't have any canvas.
‫Instead of canvas,
‫we have main story board in this project, okay?
‫And in here we have some other options as well
‫like editor assistant.
‫If you click on this, it'll open another editor for you.
‫So, you get to write
‫code in both screens right now, and we are going to
‫see how to leverage this two editor thing
‫in our apps because you can choose any file over here
‫so you can compare the files or you can work
‫with ViewController.swift on the one hand side.
‫And on the other hand you can work with the storyboard
‫and we are going to do all of those things.
‫So, we can close this editor right now
‫and we can continue actually seeing
‫the other options over here.
‫So, if you go to your Main.storyboard
‫and if you click on this,
‫you can just say editor and assistant.
‫So, you can work with the main storyboard
‫on the one side and view controller on the other side.
‫So, you get to design your app here
‫and you get to write your code over here.
‫And we will connect our views, connect our objects
‫like images to the code using this technique later on.
‫So again, in here we see an add editor below button.
‫So, this does exactly the same thing.
‫You add another editor over here.
‫So, that's it for the main section, actually.
‫So, on the left hand side we see the folder files.
‫On the middle side we see the coding section
‫or design section.
‫On the right hand side
‫we generally see the properties, okay?
‫Of the chosen object or chosen view.
‫So for example, in the Main.storyboard
‫if you choose something from this section, okay?
‫Like a view controller or a view
‫and we will have some images or texts over here
‫in later on you can see the properties of that view.
‫You can see the properties of that object in this pane.
‫For example, we see something called history over here.
‫And this is related to Git that we have talked about.
‫So, this is like a save point, checkpoint control,
‫and the first place you will see where it is located
‫on your computer.
‫So, in here we have help section.
‫So, this is the official documentation of Apple.
‫We can read on that, always.
‫And in here we see the Identity Inspector
‫just connecting views with each other.
‫We are gonna see what this does later on.
‫So, in here we see the Attributes inspector
‫it really gives you the options to choose,
‫like if you're working with a text,
‫you can change the font
‫and the size of the text, color of the text and everything.
‫And for the fifth one,
‫we have this view over here
‫in which we can choose the place
‫and the size of the related object.
‫And on the last one we have something
‫called Connections Inspector, okay?
‫We are going to connect some of the views with the code
‫and we can break them or change them if we want later on.
‫And this doesn't make any sense
‫to you right now because you don't know anything
‫about iOS programming or Swift.
‫But I'm just trying to explain the options, the buttons,
‫the view of this XCode right now, okay?
‫In here you will see a button called library.
‫If you click on this, you can see the objects,
‫you can see the views that you can take and drag
‫and drop on your view controller in the Main.storyboard.
‫Just for an example, you can choose any
‫of this and try to drag and drop on your iPhone screen.
‫For example, this is a button.
‫You can click on this
‫and you can write a code inside of a button.
‫And this is a label, this is just a text.
‫You can write whatever you want inside of your label.
‫So, for right now, for example,
‫just take this label and drag it on your screen.
‫And as you can see, we can place the text anywhere we want.
‫And right now if you click on this Attributes inspector
‫we can change the color of this label.
‫We can change the font size of this label.
‫We can do whatever we want with this.
‫So, this is actually very easy.
‫You can change the alignment, you can make it black,
‫you can make it bigger, you can make it smaller,
‫whatever you want.
‫And this is actually fun and this is very easy to
‫create user interfaces.
‫And again, if you double click on this
‫you can change the size
‫or you can change the actual text over here.
‫Like, we can write Hello Swift.
‫So, this is cool, right?
‫This is very easy to work on.
‫So, we can create some stunning user interfaces
‫using this Main.storyboard.
‫If you go to here, XCode preferences,
‫you can access the settings of the XCode.
‫We can change the settings
‫of XCode using this pane over here, okay?
‫If you come to general or let me close this
‫down and go to ViewController so you can see it better
‫because I'm going to change the font size of XCode
‫and you will see how to do that.
‫So, let me go to XCode preferences one more time.
‫If I come to general,
‫I will see the general settings of the XCode.
‫It's actually wise to leave those as it is.
‫And in the accounts tab you can see your own Apple ID
‫because you have already connected
‫to your Apple ID in the signing and capabilities section.
‫So, I'm going to just skip this behaviors and navigation
‫and I'm going to go for fonts
‫and colors because you can start with the basics
‫and the most part will be you will start with the basic one.
‫And this is too small for me.
‫So, I'm going to go for presentation light or dark.
‫So, since I'm recording this video
‫I'm not going to go for presentation large, okay?
‫I'm going to go for presentation
‫because the presentation large will be too big for me.
‫If you like darker things, you can go for dark.
‫I'm not gonna do that since I'm recording this.
‫If I wasn't recording,
‫I would have definitely gone for the dark, okay?
‫So, presentation light is the choice for me.
‫You can choose your own from here.
‫And you can just go over these other settings as well.
‫But, if we need something from here in one of our projects,
‫I will definitely show you how to do that later on.
‫But, right now I'm going to leave all of the settings
‫as it is.
‫So, let's stop here
‫and continue building our first app within the next lecture.