Documente Academic
Documente Profesional
Documente Cultură
MENU
This guide will demystify Xcode for you and teach you
You’ll learn:
Xcode
SwiftUI)
10. Run your app using iOS Simulator (or your device)
11. Learn to code with Xcode Playgrounds
13. Conclusion
Chapter 1
What is Xcode?
(and what’s new in Xcode 11)
What is Xcode?
Xcode Requirements
Xcode is available for Macs only but there are
answer is no.
Xcode
requirements
Xcode
11
welcome
screen
software.
now)
framework, SwiftUI.
iOS.
technology.
Chapter 2
Mac App Store. Just visit the Apple Developer page for
Xcode.
Xcode on Windows
Xcode Alternatives
I highly recommend you use Xcode if at all possible. The
they did this year with SwiftUI), they build support for
AppCode IDE
the following:
AppCode
Visual Studio Code
React Native
Flutter
Xamarin
PhoneGap
Appcelerator
Chapter 3
project.
Xcode handy.
an earlier version.
The reason this is a great diagram is because it lets me
talking about!
Debug Area. We’ll cover each area in detail later but for
You can also show and hide the various areas as needed
via the “View” buttons in the upper right hand corner:
utility area. Then you can use the View buttons to hide
Editing files
With the search navigator tab, you can easily look for
your app.
app, it will halt and show you the red colored errors in
show you in the editor area which file and line it’s
failing at.
potential issues.
Navigator.
Chapter 5
have selected.
If you have a Swift file selected, it’ll show you the code
Interface Builder.
Writing Code
Aside from that, you write code in the big text editing
area!
These guys are actually pretty useful. They act like the
and it’ll show you a menu of files or groups that you can
upper right corner that will look for whatever you type
jump to various areas of your file. You can also use this
Jumping to definitions
that you want to jump to the definition of, you can hold
code.
of code.
Xcode breakpoints
If you want to completely remove the breakpoint, you
breakpoint gutter.
Navigator area.
off at the top of the editor area which we’ll see when
orientations
Chapter 6
Click this file and the Editor Area will change to the
Interface Builder
You can drag and drop them onto the view but in order
Layout system.
system here:
Storyboard.
Assistant Editor
class file for that view. Each pane also has independent
jump bars, so you can also use that to change what file
If you don’t have that, then you can still launch your app
you can add to your UI. You can search for what you
need and then drag and drop it into the code editor and
tutorials on YouTube.
The File Inspector is the first tab in the Utility Area and
File Navigator.
the Storyboard.
element.
The Attributes Inspector
The Size Inspector
Chapter 8
and run your application and launch your app in the iOS
If you click and hold down the Run button, you’ll get
project.
Watch target too) and you can also choose if you want
or off.
Chapter 9
The debug area will show you console output and the
application.
You’ll be using this a lot while debugging your code and
here:
In fact, you can use the iOS simulator for most of your
including:
Device rotation
Device shake
iOS device.
you can deploy your app on (it’ll sit above all the
simulators)
Deploying your app on your device
Chapter 11
or for experimentation.
Chapter 12
the Organizer.
real users.
This information is really valuable to use for improving
Conclusion
parts of the IDE and how to use Xcode for writing code
What’s Next?
step guide.
reality.
soon!
100 Comments
Ricardo
" Reply
Excellent tutorial!
By going through it, I did get acquainted with the general concepts
and workings of XCode 11.
Torie Monteros
" Reply
Oh man did you hear the announcement from Apple? New Airpod
Pro! I’m definitely going to pick some up for my iPhone.
Avinash Kumar
" Reply
Great explanation,
thanks for sharing such informative and valuable blog post so keep
posting.
Elanie
" Reply
Hi Chris!!
Thanks for your all your efforts with keeping us up to date with the
latest! I really appreciate it!
I have recently updated my Xcode to 11, and I am also learning
Xcode so please bear with me. I am creating the WarUI game on
Xcode 11, and after updating my Mac software last night 15 Oct,
Xcode 11 tells me that my “File is not under source control” Where
can I find it??
Elanie
" Reply
Bri
" Reply
Chris C
" Reply
Hey Bri, I’ve recorded a short video to show you the solution!
Please watch it here: https://cl.ly/eb4c7e72e2ea
tutorial
" Reply
ErnestPH
" Reply
Jim Valenzano
" Reply
Chris, I am new to this Xcode stuff and I have searched and searched
for the answer I hope you can help. can you tell me the code that will
allow me to incorporate the phone ringer in my app? example : I
receive a phone call and my app now does something at that time
like plays an audio file…. Thanks in advance
Chris Ching
" Reply
bhavdip bambhroliya
" Reply
Hello chris.. first i would like to thank you for this your job.. and i
have starting my profession in ios by your tutorial. i like it.. but i want
to see someone simple online apps by using parse database and i do
not know that how to create parse database. so can you help me?
raymond trott
" Reply
Hi Chris, you have been asked this many times already, but do you
have a quick resorce guide pdf that i can reference to? download and
have easy access?
Aum InfoTech
" Reply
Aum InfoTech
" Reply
Nice Guide…
Jeffry Tambari
" Reply
Nice article
SAM LUX
" Reply
Hi chris, can you help me please i get the following issue with calling
my method :
My Code of TestAppViewController.m :
#import “TestAppViewController.h”
@interface TestAppViewController ()
@end
@implementation TestAppViewController
– (void)viewDidLoad
[super viewDidLoad];
– (void)didReceiveMemoryWarning
[super didReceiveMemoryWarning];
– (IBAction)btnBerechne:(id)sender {
NSString *zeichen=_txtLabel2.text;
_txtLabel4.text=ergebnisString;
_txtLabel1.text=@””;
_txtLabel2.text=@””;
_txtLabel3.text=@””;
_txtLabel4.text=@””;
-(IBAction)removeKeyboard
[self.txtLabel1 resignFirstResponder];
[self.txtLabel2 resignFirstResponder];
[self.txtLabel3 resignFirstResponder];
[self.txtLabel4 resignFirstResponder];
-(double)plusA:(double)a plusB:(double)b{
return a+b;
}
-(double)minusA:(double)a minusB:(double)b{
return a+b;
-(double)durchA:(double)a durchB:(double)b{
return a+b;
-(double)malA:(double)a malB:(double)b{
return a+b;
Lokendra Surya
Chris Ching
" Reply
Hello!
EconomicExile
" Reply
Well written and easy to understand (so far) for a novice, good job,
thanks
Lokendra Surya
" Reply
hi Chris,
I am trying to implement facebook button on xcode. so when i run
the programme with initially state logged out perfectly, but when it
is already logged in it creates problems. How can i make sure it
works perfectaly??
Pranav Suby
" Reply
Good tutorial, but for some reason, I can’t see the top of the screen
when I try the demo. Do you know why?
Chris Ching
" Reply
Hey Pranav,
Maybe the simulator is too large? Try a different zoom level. You
can see how to change the zoom level here:
https://codewithchris.com/xcode-errors/#simulator under “My
Simulator Looks Different”
John
" Reply
Chris Ching
" Reply
Pranav Suby
" Reply
This was a great guide! One thing though, when I click the run
button, it only shows the bottom of the screen. Do you think you
could help?
Zion Quest
" Reply
Abood Imtair
" Reply
Chris Ching
" Reply
Lalitha Syamaleswari
" Reply
good one… 🙂
Andy C.
" Reply
Chris Ching
" Reply
Riz
" Reply
Glad i came across this looking forward to more
Chris Ching
" Reply
Nirali
" Reply
Chris Ching
" Reply
Guest
" Reply
Nirali
Thank u really very helpful tutorial
Jia Shi
" Reply
Chris Ching
" Reply
Hey Jia Shi, in this article I show you how to declare methods in
classes: https://codewithchris.com/how-to-make-iphone-apps-
object-oriented-programming-and-classes/
Also try the videos from the link at the top of the site: “Start here”.
Thanks!
Jia Shi
" Reply
Thank you! =)
Nishant
" Reply
Hi Chris,
I want to learn how to develop iphone apps. i am fresher in this, so
can you give me some more information about xcode. how to create
a design in xcode.
Thanks
Chris Ching
" Reply
Hey Nishant, please click “Start Here” from the top of the site!
Ricky Starling
" Reply
hi Chris,
I’m trying to create a button that links one page to another on xcode
5. Basically like a normal weblink but for xcode. I am completely new
to this…any help is appreciated.
BS
" Reply
Nearby, I have found your tutorial, when I was looking for a hint to
where the nice popup for filtering objects by sections (formerly
placed nearby the objects tab in Xcode 4) is gone in Xcode 5?
Chris Ching
" Reply
sankar ram
" Reply
Hi chris It is nice to see your tutorial I have tried all the option of
organizer that you have given here, I Did’t know how to take a
Screenshot of Xcode editor please help me in this!
Chris Ching
" Reply
Chris Ching
" Reply
Sorry i don’t but will let you know in the future if i do!
Suriya Kumar
" Reply
Hi! Do you have the tutorials for the various app templates such as
single view or master detail app version??
Chris Ching
" Reply
Hey Suriya, not at the moment, but thanks for that suggestion! I’ll
follow up with you if i do it in the future!
jefriiyer s
" Reply
Chris Ching
" Reply
Fakhra
" Reply
karthik
" Reply
David
" Reply
Motivating Tutorial.
Thanks for making the App development not that intimidating after
all.
Chris Ching
" Reply
Nejc Perme
" Reply
Chris Ching
" Reply
Aparna
" Reply
Chris Ching
" Reply
Hi Chris,
I’m very new to Mac and app development. I’m not very savvy at all
when it comes to code but this article is amazing. The clarity and
detail is perfect. Thank you.
Chris Ching
" Reply
Hey Joe,
Thank you for your support and comment! I love hearing that
readers are learning the material!
rashu
" Reply
Hi Chris
Hey Rashu, thanks for your comment. There are actually a lot of
UITableView tutorials out there! I was in the process of writing
one but haven’t done so yet.
There are some new Xcode5/iOS7 digital books over at Ray
Wenderlich’s site that you can purchase.
For free, you can search for “UITableView tutorial” or
“UIImageView tutorial” and there should be plenty of resources!
Hope that helps!
Chris
ANAND
" Reply
very usefull
Chris Ching
" Reply
Anand
" Reply
Chris Ching
" Reply
Basics of storyboards still work the same way!
Rose
" Reply
Chris,
Thank you for the Tutorial. I am totally new to the mobile app
development environment. I am on Microsoft Window platform. Do
I have to have Mac in order to develop the iPhone and iPad apps?
Chris Ching
" Reply
Hello Rose, unfortunately you do, but some people have had
success using a virtualization program like vmware to run OSX on
their PC and have been able to install Xcode and build iOS apps.
The cheapest mac you can get is probably a used Mac Mini for
$300 or so. In order to run Xcode 5, you’ll need Mountain Lion
(OSX 10.8). There are also ways to code up the app in C# or
Javascript/HTML and cross compile it into iOS apps, but you
won’t be learning Objective-C and Xcode in that case Just
Google that if you’re interested! Hope that helps!
Basavakumar
" Reply
nice article
Basavakumar
" Reply
gopinath
" Reply
hey chris i am using windows 7, do you know any xcode tool for
windows 7 so that i can do all my coding and practise in windows7.
thanks in advance dude
Chris Ching
" Reply
siva
" Reply
Chris Ching
" Reply
Linda
" Reply
do you tutor as well? please email me if you do.. i am looking
for a tutor to help me understand app developing more in
depth.. Thank you
Chris Ching
" Reply
Hello Linda, at this time i’m not doing any 1-on-1 tutoring,
however, i am working on a paid course where members will
have some more personalized help. Let me know if you’d
like me to contact you when that’s ready!
Chinthaka De Silva
" Reply
Chris Ching
" Reply
Harikumar
" Reply
Chris Ching
" Reply
thanks
karthikeyan
" Reply
Wonderful…
Chris Ching
" Reply
Melody
" Reply
I tried to download XCode for my MAC and it says that I need MAC
OS X version 10.7.4 or later is required. I am very new to MAC and
don’t know what to do. Can I upgrade my MAC to new the latest
version and where can I upgrade?
Chris Ching
" Reply
Hey Melody, which version of OSX do you have? Do you have the
Mac App Store? If so, you can upgrade to the latest OSX version
through there but i think it costs $20 to upgrade. Hope that
helps!
Nils Stritzel
" Reply
Chris Ching
" Reply
Yahya Al-shaar
" Reply
Aster Veigas
" Reply
Amazing article the effort you put in to make this article will
definitely help a lot of people.Keep it up!!
Lorne
" Reply
Great tutorial so far. I love how it starts with the basics, and I’m
looking forward to the next part. Great job! 🙂
fakhrulzakry
" Reply
thank you so much chris ! i hope you can help how to use the
storyboard and the xib. im very confusing about both of it. and hope
you can teach how to pass value from first view controller to next
view controller if using storyboard. Thank you…. you have a great
tutorial!
Narendra
" Reply
Excellent
Reshma
" Reply
Nathaniel
" Reply
Leave a Comment
Name * Email *
Website
Post Comment
Email Address
SIGN UP
Site
# Educational Licensing
$ Courses
% Blog
Social
' YouTube
Community
- App Submission
Contact
About Us
/ Contact
Advertising
1 Corporate Sponsorship
2 Media Kit