iOS

How To Make iPhone Apps – An XCode 5 TutorialFor Beginners

                             This is an XCode tutorial for beginners so we’ll be going through where to download XCode 5 and introduce you to the main parts of the development. By the end of this article, you’ll have a basic understanding of how to navigate the development environment and how to create your first XCode project.

 1.Where you can download xcode?

             You can download it in  Mac App Store.

                You can also download it manually if you don’t have the Mac App Store. Just visit the Apple Developer page for XCode


2.Overview Of Xcode Interface 

                          
                                   

                                    
                The Xcode5 Interface should look like this

            If your interface looks different, make sure you have XCode 5 and not an earlier version.

As you can see from the diagram, there are 4 major areas:

                                    1.Debug Area

                                    2.Navigator

                                    3.Editor

                                    4.Utility Area

Alright, let’s go through the Navigator area now! 

3. The Navigator Area

             In this navigator area, there are a bunch of different navigators that you can switch between using the Navigator selector bar (refer to diagram). The three main navigators that you will use a lot are the Project, Search and Issue navigators.

Project Navigator
            This is the project navigator where you’ll see all the files associated with your project.

                               

                                       

                 You can right click on the project navigator and create new files or add existing files to your project and you can drag folders or files from your computer directly onto the project navigator and it will popup a dialog asking how you want to add the files.

           If you click on a file in the project navigator, it will display the file’s contents in the Editor area. If you double click a file instead, it will open a new window which can be useful when you have dual screens

The root node of the project navigator is your XCode project file (indicated by the blue icon). If you click that, the project properties will open in the editor area.

Search Navigator

               This the search navigator tab, here you can easily look for pieces of text in your project.

                                        

Issue Navigator

             This is the issue navigator which shows you all the problems with your application.

                When you build and compile your application to testing, if there are some errors with yoyr code where XCode can’t build your app, it will stop and show you the red colored errors in the issue navigator. You can click on an error and it will show you in the editor area which file and line it’s failing at.

                  It will also show Warnings in the issue navigator in yellow color ,but resolving warning is not necessary to run ur application .

4.The Editor Area

            The editor area is one which we spend most of our time to code your app,This where all the coding happens.

                As i mentioned in the navigator section if you click any file in navigator area it will display all it contents in the editor area for you to edit the coding      

Navigation within the editor area       
                                         

             These little forward and backward arrows in the upper left corner in the editor is used for navigating the editor area.  

              The another way to quickly get to the file u need is to use the jum bar,It allows you to quickly access down through your groups and find the file you need.  
                                       

           If you click the bottom segment of the jump bar , it will open up a menu showing you all the methods in the file which is not only useful to jump to another area within the file, but it will show you at a short overview what methods are available in this file.

Three types of editor views

           The editor area has three different views and it will be in the right corner as shown below

                                           

          The left most button is for the single editor pane view,the middle button is the Assistant Editor view which will show you the accompanying file to the file you’re currently looking at.

             And the right pane will show you the header file for that class.  Each pane has its own jump bar so you can also use that to change what file each pane is displaying.

Introduction
      The language which is used for ios development is Objective C.It is an  object oriented programming language
hence it is easy for those who have knowledge in object oriented programming language.

Interface & Implementation
      In objective C where th declaration of class file is done is called interface and where the file class is defined is called implemantation.