XCode Overview & Getting Started
The course is part of this learning path
In this course, we're going to get ready to write some code. We're going to set your MacBook up and we are going to download a software called Xcode, in which we will write our swift codes. And we're going to show you how it feels to write an iPhone or iPad app. So, if you're ready to write your first iPhone app, then let's get started.
This course is intended for anyone looking to learn iOS development in a practical way and who wants to start building their own apps on iOS.
This is a beginner-level course designed for people with no experience or knowledge of iOS development and can be taken by anyone with a MacBook and an internet connection. This course is part of the Complete iOS 15 / iOS 14 Developer learning path and we recommend that you follow that path.
Hi. Within this lecture, we're going to see the quick overview of the Xcode. We're not going to do any coding or stuff. We're going to see where to look at,
where to click at In Xcode so that we can be associated with it and we can use it more comfortably later on. So, when you first open your Xcode, you can see the left-hand pane over here where you will see the files and folders that you have seen in your project. Right? So, when we click on that file, for example, we can see all the codes and all the things inside of that file. So, these are all coding files, Swift files, which we will be writing our codes later on. Okay. Of course, we're going to see what those codes mean later on in our course. But right now, if you click on this Main.storyboard, you can see the storyboard of your project, which is basically the user interface creation process. So, this is the blueprint of your app. And if you want to put something over here, like an image, like a text, like anything that you come to your mind, you can do it from here.
So, you design your app in the main storyboard and you write your code in the that's with files. So, if you click on this '+' button over here, you can see all the availables in here so that you can drag and drop them, and we're going to see how to do that later on. And by the way, I have talked about the minor differences that you may experience due to the different kind of operating systems before. So, rather than seeing this '+' button over here, you may see it like this. And it will be pretty much the same to you. You can just click over here or from the regular '+' button. As you can see these differences are very minor, you can find them easily. Okay, so that's what I was talking about. So, we will, you will experience some minor differences when you change your macOS version. So, that's it. That's how you open the library, that's how you drag and drop, we use. We're going to see how to use it later on. Where we will build our first application and we're going to do that in a couple of lectures as
well. Okay, so this is where we do the user interface. So, this is the left-hand pane and maybe you have understood that when we click on this, 'MyFirstApp' icon on the top side, we can see the general settings of our project. For example, if you come over here to general or Signing & Capabilities or Build Settings, you can see different kind of options that you can change regarding to your project and we're going to see the most popular ones later on. But right now let me show you a couple of those. So, if you come over here to General tab, you can see the Display Name, you can change the Bundle Identifier later on if you want. For example, over here we can say that, our application will not be used in the iPad. Okay, we can just uncheck it and we can make it only compatible with iPhone or if we want 'iPad' we can just click on it. It will be compatible with iPad as well. So, for example, in the device orientation. So, it states that whether it will be available in the Portrait mode or Landscape mode. So, if you rotate your phone to Landscape, maybe you have realized that some applications change the screen and they fit into the Landscape mode. So, we can disable it if we want, we can just make it applicable with the Portrait port, or we can just make it in the Landscape mode as well. So, as you can see these are all general settings that we can change.
So, in the 'Signing & Capabilities' so I said that you will be signed as none because you don't have your account yet. So, this is where you change it. So, as you can see, my name is already here because I have been using Xcode before. But if you come over here you can see the None, but also you will see an add account as well. So, if you come over here to add account at an account, you will be presented something like this. Okay, it will ask you for your Apple ID. It will ask you for your Apple Password so make sure you have an Apple ID. Of course, you will have an Apple ID because you are using Mac also right now. Okay, just make sure you give that. But if it doesn't work you can come over here to Xcode. Okay? And come over here to 'Preferences' where you can reach the settings. So, over here you can choose the 'Account' to do that, but also you can choose the other settings as well. So, in my case, my email address is over here, but for example, you can go to 'Themes' and you can choose the theme that you're using. You can make it dark like this, you can make it dark with a lower font, you can make it larger front. So, whatever you want, you can choose the presentation large over here and it will make your codes like this big. Maybe it will be too big for you, but I'm using this for presentation purposes.
So, I'm going to go to 'Account'. If you come over here and hit the '+' button, you can just add a new Apple ID over here and when you do that, you have to see your name popping up in this thing, and you can just choose this drop-out option from here. And if it gives an error by the way it happens frequently, if it gives an error, you can just try to delete your account and give the account credentials one more time. But it really doesn't matter whether you are signed in over here or not. It causes some problems when you try to upload your application to the App Store, but we're not going to do that for like 30 sections maybe. And when you need to do that, you will need a developer account which is a purchase account from the Apple. Okay, when you do that, when you have a developer account, then it won't cause any problems in this case. So, if you're seeing an error message over here, like a warning message over here, it really doesn't matter. You can just continue watching the lecture. Okay, don't waste time in here. So, in the left-hand pane we have seen the general files and folders. In the right-hand pane, we will see the properties.
So, what do I mean by the properties? So, let me go back to Main.storyboard. So, if I choose something over here and and I will see the properties on the right-hand side. I can change the background color or something like that in here, for example. So, let us do an example as you can see we can change some stuff over here, but it's not much because we don't have any view or we don't have any object in our main storyboard view controller. So, once we have more in here like a text, it will be customizable from here as well, and it will be much better, much easier for us to understand. So, after we customize our view, we can come back to here and write our code as well. But, first we're going to focus on user interface so that we can understand the properties window in a better way. Let's do that in the next lecture.
Atil is an instructor at Bogazici University, where he graduated back in 2010. He is also co-founder of Academy Club, which provides training, and Pera Games, which operates in the mobile gaming industry.