Introduction of Xcode - iOS Development

Created By Hardik Trivedi  |  Last Updated on : 2018-10-13

Objective

Apple provides public tools for developing iOS apps. iOS contains iPhone apps & iPad apps. Apple gives rights to a normal developer for developing their own application using Apple's provided IDE which is known as Xcode. iOS development only works on MAC OS. So, you have to purchase or use on your normal PC & Laptop with Macintosh OS also known as mac os.

Apple released many version of the Xcode & every year they released at least one version or sub version with bug fixing or adding a new feature. In my advice, If you want to develop an app with best feature & efficient way than you have to used updated version of Xcode. Let’s start with following steps:

Step - 1: Downloading Xcode IDE

You can easily search Xcode IDE for iOS development from the Google or Go to iTunes in your Mac OS & find for Xcode. Still you don’t get the Xcode IDE. Click here. I am using Xcode Version 8.3.2 for iOS Application development. Download the file & put that .dmg file in Application folder of your mac.

Step - 2: Open Xcode IDE

Now, Your mac has Xcode IDE. Open it by clicking on it. Its first screen looks like:

As per above Screen; Parts of Xcode IDE described as:

  1. It’s icon of Xcode IDE.
  2. It’s welcome text with its version number. You can check every Xcode version by opening this screen.
  3. Get started with a playground: this option for a beginner or any iOS developer who wants to learn iOS development new language Swift. Anyone can use this option & play with swift code. Also, test new updated or old swift code.
  4. Create a new Xcode project: this option is to start creating a new project on Xcode IDE. Most of the time we used this option in our future blog or application development process.
  5. Check out an existing project - this option is for who have already created Xcode project & wants to open it.
  6. In this part, if you have created or access any Xcode project on your Mac, that will be listed here & you can direct access by clicking on it.
Now, we are creating a new project of Xcode. So, click on (d) option like Create a new Xcode project.

2.png 79.29 KB



Step - 3: Template for your Project

Next screen displays different types of templates for your project. Your next screen looks like:

As per above Screen; it’s described as:

  1. Xcode IDE provides iOS, watchOS, tvOS, macOS & other cross platforms for developing apps related to your template. We choose iOS template for developing apps for iOS.

  2. It’s different part of a template but, we always choose Single View Application, Always if you want to create new fresh project used this one.

  3. Click next button after choosing option (b).

Step - 4 : Project description & related option

This description of project screen looks like:

4.png 150.74 KB


As per above Screen; option of it described as:

  1. Product Name - You can give any name which you want but the better practice is give an appropriate name for your product. Currently, I gave it name is Demo.

  2. Team - You can choose any team means iTunes account where you want to publish your application. Currently, I choose my own account.

  3. Organization Name - It’s simple name of your organization or group of developers whatever you want to call it!

  4. Organization Identifier - Using product name & Organization identifier name, XCode generates Bundle Identifier which is explained in next option.

  5. Bundle Identifier - It’s unique string which gives uniqueness of your application on AppStore market. This is very important part of Production. So, choose carefully Product name & Organization identifier.

  6. Language - It’s selection option for Xcode project like which language you choose for development. Xcode project provides 2 languages:

    1. Objective - C: It’s older one.

    2. Swift: it’s new one.

      We always choose Swift language because it’s latest one.

  7. Devices - here 3 devices options are available which is given below:

    1. iPhone: app which runs only on iPhone

    2. IPad: app which runs only on iPad

    3. Universal: app which runs on iPhone & iPad both

  8. This part is test cases which are used for a testing project but, we don’t use it here. So, please leave it as unchecked.

  9. Now, click Next button. It asks you for choose device location where your project will be created. Choose any folder on your Mac & click Create button.

Step - 5: Final Xcode IDE screen

5.png 22.64 KB


The final created Xcode project screen looks like:

As per above Screen; option of it described as:

  1. Navigation Area - This area is used for navigation form from one file to another and also, coding to designing part or vice versa.

  2. Debug Area - This area is used for debugging purpose. After running project, you can debug any code with this area & put some breakpoints to view specific code execution.

  3. Utility Area - This area is used for used any utility related coding part and also, Main use of this part is for designing. You can choose design controls of Xcode IDE from here and Drag & Drop it to your Screen view.

  4. Editor Area - This area is used for designing the screen of iOS device & mainly used for coding area. Where you can write code related to selected file in Navigation area.

  5. This part contains play & stop option for Simulator. You can easily test your application on Xcode provided simulator devices.

  6. This contains the different size of Simulator means different iOS device type like iPhone 5, 5s, iPhone 6, 6s, iPhone 7, 7s, iPad Air, Mini etc. You can choose any device in which you want to test your apps.

  7. Finally, this part is the main part of your Xcode project where your all coding files, resource files & design files are easily managed & search whatever you want from your project.

Step - 6: Xcode project on Mac

Now close your project & go to the directory where you saved your project. It looks like:

As per above image, you always open Demo.xcodeproj & it will open the whole project on Xcode. Or another way is using the option described in Step - 2: (e) & (f).

So, finally, you successfully created your Xcode project for start iOS application development. If you want demo project then click below button.

Summary

Greetings, I am Hardik Trivedi (iHart) (Expert in iOS Application Development (Objective-C & Swift both)). If you have any query regarding this blog or iOS Application Development feel free to ask us. We have a great team of developer who can solve your problems. If you want to create some realistic app on your business, let us know here.
Created on : 2018-09-27
Written by

Hardik Trivedi

iOS Application Developer

Tags
ios
xcode
xcode-introduction