Beginner iOS Development – Xcode IDE

Beginner iOS Development - Xcode IDE

Beginner iOS Development – Xcode IDE

 

About this Blog :This blog is containing knowledge of beginner level of iOS development and how to start developing for iOS device like iPhone, iPad. Every Beginner iOS Development steps are starts with this blog.

 

Apple provides public tools for developing iOS (iPhone and iPad) apps. Apple give rights to any developer for developing application using apple’s provided IDE which is known as Xcode. Apple product’s apps are only developed in mac os which is also provided by Apple itself. So, iOS Development must required Apple’s product like mac os for development & iPhone or iPad for testing purpose.


Apple released many version of the Xcode & every year they released at least one version or sub version with bug fixing or adding new feature. I personally prefer to always use latest version of IDE for benefit of it’s latest version & testing in latest OS version on device. Let’s start with following steps:

 

Step 1 : Getting or Download OS and IDE :-

First we talk about OS which is here mac os. You can use this mac os on any laptop but, preferably used Apple product for look & feel.

You can buy Apple product and install latest version of mac os. (Currently it’s High Sierra). You can find latest updated mac os here. Install latest version of Xcode from Apple store or Click here. You can find latest updated Xcode here.

 

Step 2 : Starting with Xcode IDE :-

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

Welcome to Xcode IDE

Welcome to Xcode IDE

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

  • (a) : this part display icon of Xcode IDE.
  • (b) : this part display welcome text with it’s version number. If you want to know your version check on this screen.
  • (c) : this part display Get started with a playground link which open playground. It’s useful for those who want to learn or play with new language Swift.
  • (d) : this part display Create a new Xcode project link which creates new project for iOS development. We mostly use this option in every blog.
  • (e) : this part display Check out an existing project link which open existing project if already available in mac os directory.
  • (f) : this part display any projects which is previously open with this Xcode IDE.

Now we choose option (d), click this link and it will open next screen.

 

Step 3 : Choose Template for Project :-

Next screen display different type of templates for your project. Your next screen looks like:

Xcode IDE - Choose Template

Xcode IDE – Choose Template

As per above Screen; it’s described as:

  • (a) : this part contain options for iOS, watchOS, tvOS, macOS & other cross platform for development apps related to your template. We choose iOS template for developing apps in iOS.
  • (b) : this part is provide different parts of template but, we always choose Single View Application, Always if you want create new fresh project used this one.
  • (c) : this button press and go to next screen.

 

Step 4 : Details of Project :-

This details of project screen looks like:

Xcode IDE - Project options

Xcode IDE – Project options

As per above Screen; option of it described as:

  • (a) : this is Product Name – You can give any name which you want but better option to give appropriate name for your product (Don’t worry you can change it later). Currently i gave it name is Demo.
  • (b) : this is Team – You can choose any team means iTunes account where you want to publish your application. Currently i choose my own account.
  • (c) : this is Organization Name – It’s simple name of your organization or group of developers whatever you want to call it!
  • (d) : this is Organization Identifier – Using product name & Organization identifier name, Xcode generate Bundle Identifier which is explained in next option.
  • (e) : this is Bundle Identifier – It’s unique string which gives uniqueness of your application on Apple store market. This is very important part of Production. So, choose carefully Product name & Organization identifier.
  • (f) : this is Language – It’s selection option for Xcode project like which language you choose for development. Xcode project provides 2 language:
    • Objective – C : It’s older one. To know more click here.
    • Swift : it’s new one. To know more click hereWe always choose Swift language because it’s latest one.
  • (g) : this is Devices – here 3 devices options are available which is given below:
    • iPhone : app which runs on only iPhone
    • iPad : app which runs on only iPad
    • Universal : app which runs on iPhone & iPad both
  • (h) : this part is test cases which is used for testing project but, we don’t used it here. So, please leave it as unchecked.
  • (i) : click Next button. It’s ask you for choose device location where your project will be created. Choose any folder on your Mac & click Create button.

 

Step 5 : Final Xcode Look :-

The final created Xcode project screen looks like:

Xcode IDE - Control part

Xcode IDE – Control part

As per above Screen; option of it described as:

  • (a) : this is Navigation Area – This area is used for navigation form from one file to another and also, coding to designing part or vice versa.
  • (b) : this is 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.
  • (c) : this is 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.
  • (d) : this is 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.
  • (e) : This part contains play & stop option for Simulator. You can easily test your application on Xcode provided simulator devices.
  • (f) : This contains 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.
  • (g) : Finally, this part is 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 : Project on mac directory :-

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

Xcode IDE - project on mac

Xcode IDE – project on mac

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

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

The iHart Firm Download Now

 

Greetings Friends, I am Hardik Trivedi – iHart. I have many year of iOS Application Development experience. I am developing apps in Objective-C & Swift both. If you have any query regarding iOS Application Development feel free to contact me @ iHardikTrivedi.

 

 

%d bloggers like this: