In this iOS tutorial, you'll learn how to get set up for iOS app development, how to use the tools required and how to write/read Swift code so that you can build your own app! By the end of this iOS development tutorial, you'll have built your first fully functional app!
Note: Missing your main.storyboard file? Check out this video for the fix:
kgshows.info/code/y5pynXWLiX6ejLY/video.html
This video series uses the latest and greatest from Apple (Xcode 10, Swift 5, iOS 12) and will teach a beginner with no programming experience how to make iPhone apps. I'm creating these videos with the assumption that the student has no prior knowledge and is starting from scratch.
_________________________________________
𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀 𝗧𝗶𝗺𝗲 𝗦𝘁𝗮𝗺𝗽𝘀:
Chapter 1 - Xcode: 00:00:00
Chapter 2 - Auto Layout: 00:15:50
Chapter 3 - Stack Views: 00:47:12
Chapter 4 - First User Interface: 01:02:11
Chapter 5 - Swift Basics (I): 01:32:55
Chapter 6 - Swift Basics (II): 01:52:55
Chapter 7 - Swift Basics (III): 02:15:08
Chapter 8 - Connect Elements: 02:32:48
Chapter 9 - User Interactions: 02:55:35
Chapter 10 - Coding Logic: 03:06:45
SUBSCRIBE TO MY CHANNEL ► bit.ly/2re4GH0
_________________
FREE RESOURCES (download links)
Resources, Code, Bonus Videos and Recap Notes:
📓 codewithchris.com/beginner-youtube/
ALL my recording equipment and recommended books:
📚www.amazon.com/shop/codewithchris
To get started with developing your own app, join my free 7 Day App Action Plan and I'll help you put together a game plan in just ONE WEEK!!
⚡ codewithchris.com/actionplan
Learn together in our CWC Community:
👩💻 codewithchris.com/community
My guide for Xcode on Windows:
💻 bit.ly/2jrfehL
📝 Swift Syntax Cheat Sheet ► bit.ly/2jmQGq1
_________________
MY iOS FUNDAMENTALS COURSE
Learn More ► bit.ly/2JSeOMG
Volume licensing inquires? Just contact us at:
codewithchris.com/contact/
_________________
CONNECT WITH ME
For more tutorials on how to build iPhone apps, make sure you join and visit my site where you'll find a community of like minded learners! Learning something new is always more fun with other people!
Website ► codewithchris.com/
Facebook Group ► groups/codewithchriscommunity/
Reddit ► www.reddit.com/r/CodeWithChris
_________________
FOLLOW ME
Twitter ► @CodeWithChris
Instagram ► @CodeWithChris
_________________
ABOUT ME
Hi I’m Chris! I’m dedicated to teaching fundamentals about how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On the site, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift 4, Xcode 10 and app building from my course and materials!
Need motivation?
Here's just a sample of the success stories my students have sent in:
👩💻 codewithchris.com/success-stories/?
#CodeWithChris #HowToMakeAnApp #Swift
iOS Tutorial (2020): How To Make Your First App
12 795 Көрүүлөр 1,3 млн
Missing your storyboard? See: kgshows.info/code/y5pynXWLiX6ejLY/video.html ⚡QOTD: Is Swift and iOS your first try at programming? Let me know below! 👇 Kick start your own app with my free 7 Day App Action Plan ➡️ bit.ly/7dplan
@Greg Valencia Music has8ooooo
Can I Use iPad??? if yes please make tutorial for that
Yep, first program. Well I began reading the Headfirst book which uses Python, but early on switched since iOS is all I want to work on right now.
Hi Chris I cannot find the part wherein I can select "single view app" my Xcode is up to date
Thanks~
Nice information video post 👍
Thank you! -Arthur
Hello I would like to buy a project of shopping online store App. Do you sell?
Hello, we don't sell any app. :-) -Arthur
Thank you for sharing your knowledge!!!
You're so welcome, Dotan! :-) -Arthur
Hey I don’t have a single view app I just have app in my Xcode
@CodeWithChris thanks 😊
Hello, click File then New. :-) -Arthur
I don't see main story board on my files
Hello, try clicking File then New. :-) -Arthur
i can't understand 36:12 to 44:07 please help me how u create it i don't understand it ??????????please thanku.
"Hello, you simply need to have ""images"" or graphic assets that you will be adding to your project, if you check the the resource link codewithchris.com/beginner-youtube/ you will be able to see the assets and sample project that we created - Francis"
hello siR i cant find the assets graphics in description
Hello, go here: codewithchris.com/start -Arthur
Why does the video title say 2020, but the video was published in 2019??
"Hello, the video title was just renamed so it will easier to search for, even though it is an older video the contents is still relevant and can be applied does this mean its not applicable for 2021 anymore? well no, its basically the ""old"" way to build an app now which is called the ""storyboard/UIKit"" way, the new way to build apple apps now is via SwiftUI, if you are interested in that check out courses as well as our free 14 day course at learn.codewithchris.com - Francis"
Can I build an app from my IPad Pro
You really need to have a Mac computer to build iOS apps. :-) -Arthur
Hey chiris I currently pursuing BCA 1st year and I don't found value in it. They are not teaching that stuff which supposed to be in programming. I found so helpful learning programing language online. I am thinking to dropout college and learn programming on my own. I am wrong or right. Can I get a job without degree? Please help!!
It's possible to get a programming job without a degree, Shivam, but it's gonna be really challenging. Remember that you have to compete with hundreds or even thousands of other job applicants who have more or less the same skills. Just keep on investing in yourself by learning and mastering as many skills as you possibly can to position yourself as a great candidate despite having no college degree. Feel free to check out this article: codewithchris.com/ios-developer/ You got this! :-) -Arthur
Step 1: Don't make an App for iOS, since you can't sideload Apps to test and need to pay to publish it. Step 2: Make an App for android but don't put it on the Playstore, instead make it open source on github.
Thanks for sharing your insights! :-) -Arthur
where can I download the background pictures ?
"Hello, this should be available in our free courses but it is now updated to the SwiftUI version, you can check out the new version of our tutorial here learn.codewithchris.com - Francis"
Such a unique way you of teaching Chris ❤️❤️🥰 i remember when this video had 69k views. You rock! Thank you for your time
@CodeWithChris bro can i doit on ipad ??
Wow, what a lovely comment. Thanks a ton, Jessica! Wishing you more success! :-) -Arthur
Amazing work out here, loved the content 🧡 Share more videos on Xcode 11 to develop E-commerce apps.
Thank you for learning with us and for your suggestion! -Arthur
Take a shot everytime you hear “button”
Haha, thanks for dropping by! -Arthur
There are so many changes between XCode 10.1 (used in the video) and XCode 12.5, that this video is almost no longer usable. Notable differences include a complete absence of Main.Storyboard, and the additions of SceneDelegate.swift and ContentView.swift to the left menu. When I click ContentView.swift it takes me to the programming area, but so does SceneDelegate.swift. Which one of these is the same as Main.Storyboard? And why can't shit just remain the same? Building construction has evolved considerably over the centuries, but if you bring a person from the Bronze Age to the modern world they will still know how to use one of our hammers. The same is not true of software development. Every damn day the tools are radically changed, ostensibly to make things easier, but all it does is result in an inability to find instructions that are compatible with the tools being used. Not even Apple's Developer Community Documentation is fully up to date with all the changes in XCode 12.5. At some point we need to realize there MUST be a standard and that the individual must adapt to learn it rather than trying to adapt it to fit them. There are 7.5 Billion people in the world. If every single one of them was capable of coding and decided that their development tool must be uniquely suited to their needs and easy for them to use, no one would ever be able to share anything.
"Hello, i think you got SwiftUI confused with the ""old"" style which is UIKit, if you want to make a storyboard app you need to create a new project and select ""storyboard"" if you want to make an app using SwiftUI then just let it be, from now on our new content will be focusing on SwiftUI now so it would be best to check out our course and see whats new, check it out on learn.codewithchris.com our course also has the full olf ""UIKit"" or Storyboard style included if you are more comfortable with that - Francis"
Everytime you say "WarCardGame", I hear "Work Hard Game" :|
Haha, awesome! Hope it inspired you to work harder! :-) -Arthur
10:14 was cringe but def earned a like, thanks for the vid and the effort bro!
Haha, thank you still! Thanks for the sub! :-) -Arthur
Super clear, well explained and complete thank you very much !
You're so welcome! :-) -Arthur
Wow! You make even me think I can build an app! Thank you. Many blessings to you!
More blessings and breakthroughs to you, Tammy! You got this! -Arthur
Where is d link to download the resouces
Hello, go here: codewithchris.com/start -Arthur
I can not find the link to download the labels... Can you send here again, please??
Thank you.
Hello, download the resources here: codewithchris.com/start -Arthur
I had a doubt in chris war card game. Whenever i run the game it only displays the green screen and nothing else. only the background is visible
"Hello, make sure your ""background"" is at the very top of the list at the side of the storyboard. think of it as a stack where the ""lowest"" one is at the very top . so if your background is at the bottom or around the middle it might hide everything beneath it - Francis"
Fantastic tutorial, @CodeWithChris! So neat, clean, and easy to digest! Thank you /||\
Your kindness means a lot, Skye! And what a cool name you have! Keep on having fun! :-) -Arthur
Chris i got no idea juice
Hello, start here: codewithchris.com/start -Arthur
Really helpful, watched the whole video for my IA. Thank you :D
Thank you so much! Glad to know that our content is making a positive impact on a cute platypus, haha! Keep on going! :-) -Arthur
This hasn’t been the App Store logo for years
Thanks for noticing, Martin! -Arthur
Hello kind sir, I got a problem at 46:23 where after I click on the horizontal orientation, image still remains vertical...it does not fill the whole screen...
"Hello, yes that happens sometimes, maybe try to click on the ""update constraints"" option if it helps, if not then you may need to re-do your constraints so it will work on horizontal, dont worry though you just need to ""vary traits"" so it wont change your contraitns for vertical - Francis"
when ever i tap resume It never loads and sometimes it gives me errors how can i fix that Please help in weiwcontroller swift
"Hello, viewcontroller or UIKit/Storyboard does not have a ""resume"" screen, what you are probably building on is a SwiftUI project instead, to fix that you need to create a new project then instead of SwiftUI select Storyboard - Francis"
Chris is the man
You are the best! Thanks for your support! -Arthur
for the card game app when I rotate the background to landscape everything is still horizontal and it looks very weird
"Hello, you might want to open your storyboard and try to change orientation there so you can see what really happens, you can then change the constraints because it might need a bit of costumization, you can also do ""vary traits"" if you want - Francis"
Wow! 🤩
Thanks for the support! :-) -Arthur
Alright.You sold me.
Thank you so much! :-) -Arthur
I am at a loss for words, That was the best explanation of classes and methods I have ever heard. It took me a dozen of days to understand how they work in c#. if I had watched your video before I had started learning C#, I would have made progress way faster. Initially, I wanted to rewind the video, but now I see it is worth repeating.
Thank you so, so much for your support! Means a lot! -Arthur
First day.
Welcome! Thanks for learning with us! :-) -Arthur
Great course although you tend to repeat yourself often
Thanks for the feedback! :_) -Arthur
I don’t have the assistant editor or the playground option
Just click File then New. :-) -Arthur
An awesome presentation!
Cheers, thank you! -Arthur
The latest XCode I downloaded doens't have AppDelegate.swift, ViewController.swift, and Main.storyboard
Hello, just click File then New. :-) -Arthur
My constraints wont save when I click the check and it wont let me add constraints. I'm not sure why.
"Hello, i think there was a bug before that you need to add some contraints one by one when its not letting you add everything or check everything in one setting - Francis"
41:23 after adding all 4 constraints, my background didn't fill up the whole view screen like yours. I managed to find a fix by selecting the Background then on the right hand side, going to Attributes inspector, find the View section, for Content Mode dropdown menu change it to "Scale to Fill". Now the background fills the whole view screen properly
@CodeWithChris thank you
"Hello, yes it was not mentioned in the video but if you look at the attributes it is set to scale to fill as well - Francis"
im pump!
Awesome, thanks! Glad to have you here! -Arthur
Thank you so much for this amazing tutorial, Chris! You explained everything so well and clearly that I couldn't stop watching! I really appreciate the time and effort spent into making your videos, especially when you go into detail and explain why things work, not just how they work -- it really helps out beginners like me :)
Wow, your comment made our day, Jonathan! Thank you so much! -Arthur
This new version of Xcode i’m on isn’t like the one in your video and i’m super lost & confused & have no idea what to do
Hello, click File then New. :-) -Arthur
please create a discord server for the Community please
Thanks for the suggestion! :-) -Arthur
Hi Chris, my background doesn't want to stretch beyond the safe area even though i have my constraints in place? Please advise
@CodeWithChris Thank you thank you thank you! Managed to sort it out. Where could I commission someone like you to build an App for me?
"Hello, are you sure that your constraints is for the superview and not the safe view?, also make sure your content mode of your view/image is set to ""aspect fill"" so it will fill up the screen - Francis"
How to make apps made with xcode be downloaded by android?
Android Studio is the one you are looking for I believe. The good thing is that it is available on both Windows and macOS BUT can only code Android apps @AdrienVillez
How would one go about creating their own assets??
People used Photoshop in the past, now you can find apps Sketch, Figma, Illustrator, Affinity Designer, etc.. (Go with Figma for free). Also Icons8 is a great start! @AdrienVillez
awesome video
Cheers, Jeremy! Thanks for learning with us! :-) -Arthur
For 1:05:18, when you click the background image and it doesn't fill Image View correclty, remember to 'scroll down' to Content Mode and click Scale To Fill.
Thanks for this helpful tip, Benjamin! :-) -Arthur
Hi Chris, was wondering how and where you made the Facebook, Google, and Email buttons in chapter 3- 58:00
"Hello, this was made using Figma, just designed it myself, if you take a look at our assets you will see its just an image with a logo at the far end of it - Francis"
Finally finished...
Yay, congrats! Keep on going! -Arthur
Too many ads :( makes me want to dislike no cap 👎🏿
@CodeWithChris I was just kidding lmao
Thanks for the feedback! -Arthur
can i try this using windows?
You really need a Mac computer to develop iOS apps. :-) -Arthur
Wait is it Xcode 12 beta or Xcode 12
It's Xcode 12. :-) -Arthur
Do you have a video that explains how to build an app; Where users on page 1. make profile. 2nd page would be a list of all users on app. Maybe a green dot if they are online. ? For example: say 5 people work for my company. Three people go to the app, the app is on their iPhone screen so they are (online). They leave the app open while they go to work. When they close the app. They go offline. I’d like it where users can even message each other or even maybe a blog on the page. I know this sounds like a chat board.. lol. Thoughts ? Make sense?
Hello, it's all about starting with learning the fundamentals. Start here: codewithchris.com/start :-) -Arthur
Ok
Thanks for dropping by! :-) -Arthur
Geez Chris. What's wrong with you explaining IOS development in such a simple and succinct manner? How have you not hit 1 million subs yet?
Thank you so, so much for you kind words! We're now motivated to even be better! :-) -Arthur
Hello and congratulations for a great job. Lesson 7 is a challenge, I am having a ball though!! Thankyou.
Yay, a mental workout is always a plus! Keep on having fun! :-) -Arthur
Hi when I try making the background fit the full screen of the device for the social squid part it does not reach the full screen and I have done the image view thing at least 10 times what should I do
"Hello, did you try experimenting by changing the properties?, like check out the ""content mode"" property its probably aspect fit, try changing it to aspect fill or try to experiment and see what happens - Francis "
Thanks Chris, I've been following through until I got error. It says "Type 'Int' has no member 'random' ", what's the reason?
"Hello, check out our article about random numbers maybe it can also answer your question :) codewithchris.com/swift-random-number/ - Francis"
Great tutorial!!! since apr 2020 xcode UI has change quite a bit but still this tutorial helped me a lot
Awesome, Gabriel! :-) -Arthur
Im gona save up to buy a mac 2 o To be exact to make sure i dont get virus on my computer 🦠 👩💻
@CodeWithChris ok 👍
All the best! You got this! :-) -Arthur
You explain things very well 👍
Thank you so, so much! You made our day! :-) -Arthur
Hands down one of the best tutorials I've ever come across on any platform!
Wow, what a very kind comment. Thank you so, so much! :-) -Arthur
Help please! i cant insert backgroound image on the label!
@CodeWithChris Thanks a lot!
"Hello, im not really sure you can add a ""background image"" to a label, what you usually use is a UIImageView so you can change the ""image"" or ""background"" property of it I think you missed a step or did not follow the video correctly - Francis"
Hey chris, i have an entire figma code with me and i just want to know specifically how i can add it and then build the app. thanks!
"Hello, Figma is basically just a prototype or visual version of your app, in order to make it an ""app"" you will need to redo it in Xcode and program how the app behaves, you can use all assets on Figma so you can closely recreate your UI design there - Francis"
im happy to lern this
Yay, glad to know, Mario! :-) -Arthur
Can I hire you to build one for me? LOL also do you do Android also?
Thanks for your confidence in me, but we don't build apps for others. And we only focus on iOS app development. :-)
This is so confusing half the stuff you’re talking about is not even on Xcode anymore
We need to adapt and do our own research! It's already 2021. You got this! :-)
They're still there but many of them are in different places. It confused me at first too but you just have to find them then it's all good.
Ughh that app made my new Mac freeze 🥶 😢
Try rebooting or freeing up more space. :-)
I am on Xcode 12 which was updated for iOS 14 and I cannot seem to find the playground anywhere, it is absent from the launch screen and the template menu. If you could help me out it would be great :)
I was trying to run the app on my phone but it said that my iOS version is lower than the deployment target. I tried to update my phone but it said it was up-to-date so I am confused on what to do next?
Hello, hope this link helps: academy.codewithchris.com/courses/foundations-cwcplus/lectures/16622706 :-) -Arthur
the picture on your screen is blurred its not in focus, its not clear.
Thanks for the feedback! :-) -Arthur
I'm PUMPED!
Yay, let's go! :-) -Arthur
I have followed every instruction so far start to end in chapter 4, the UI doesn't adapt to landscape mode.
"Hello, sometimes you might need to change the UI in your storyboard to landscape mode to see how it behaves, sometimes what works for portrait wont work well in landscape because it is not tall enough, for that you can change the contraints on landscape mode by doing ""vary traits"" - Francis"
Hi Chris - thanks for your guidance. However, I started swift a couple a years ago and gave up after a short stint because of the continuing bugs that seem to be prevalent in Xcode. Five days ago I started again and completed the WarCardGame and in the process of downloading to my iPhone 11 I continually get two bugs failed to register bundle identifier and No Profiles. Despite everything I read to overcome these bugs nothing, absolutely nothing is working. I'm again at a cross roads whether to continue with learning Xcode. Would you please advise.
"Hello., for the bundle indentifier and profile you will just need to login using your apple ID (apple account) and let Xcode automatically manage these profiles Since you are also starting from scratch i would suggest to go the SwiftUI route, check out our free 14 day trial/course on our website if you are interested, you will also see what we offer on our membership over at learn.codewithchris.com - Francis"
This maybe a silly question but I have Microsoft, can I even do any of this?
@CodeWithChris thank you for answering, what are the options to make an app for both android and ios? I joined your fb community, waiting to be admitted :)
Hello, you need a Mac computer to develop iOS apps. :-) -Arthur
You're a gifted instructor! Thank you!
Cheers, Nathan! We appreciate you!
Hi, How did you upload your sign in buttons? Did I miss that part?
"Hello, it was added to my assets folder, its probably not shown in the video but you can just simply drag and drop images to your asset folder so you can use it for you app, you can check out our free 14 day course on your website, you can also check out whats inside our paid course as well learn.codewithchris.com - Francis"
Can't find Single View App, Need your help Version 12.3
Hello, check out this link: academy.codewithchris.com/courses/foundations-cwcplus/lectures/16622706 :-) -Arthur
Wow, I just finished watching this video for almost 4 hours and I already learn a lot. Can't afford the monthly subscription but will look for more free video. It's worth it to watch for those who want to jumpstart their skills for basic iOS development.
We appreciate you so much, Ray! Thank you so much for learning with us! -Arthur
when i apply the background image i cannot get my whole screen covered, there're two white stripes down the sides and i don't know how to get rid of them.😭///Never mind, problem solved, just change Content Mode to Scale To Fill.😄
Yay, you're a natural problem solver! Keep on going! -Arthur
Thank you so much for this, my man! Do you think this will be a good career choice? I'm currently living in India and the Web Development (React, ReactNative) is getting REALLY saturated too soon.. Everybody I know around me wants to be a Full-Stack developer these days. How are the opportunities in your home country? (USA?) Do you think learning JUST IOS and XCode development will be a good career or should I supplement this with Flutter/ React?
Try to supplement it as much as possible, but make sure that you achieving depth in your learning instead of trying to learn so many things at once without gaining mastery in some. Don't spread yourself too thin, but also don't be afraid to be versatile.
love long tutorials like this, keep it up!
Yay, awesome! Keep on having fun! -Arthur
This was one of the best tutorials I've ever used. Thank you so much.
Wow, you are too kind. THANK YOU TOO! :-)
Thank you Chris for these videos !! It is really interesting !!
You're so welcome, Francois! Have a great day! -Arthur
How can install xcode in macOS Sierra 10.12.6?
I tried to download it but it says macOs 10.15.4 can, my PC is 10.12.6. I tried to download but it can't support
Only way to download Xcode is to go the official Download website of Xcode. :-) -Arthur
Should I already know how to code with Swift before watching this? Your tutorials are great btw! Thank you
Not really! Just go for it and learn along! Thanks for your kind words! -Arthur
Hey Chris, I used to use xcode at 11 years old and am very confused moving into this updated interface... I remember using storyboard but am thrown off a bit with this new updated interface. I'm sure you already have a video for this but could you point me in the direction of understanding the interface and how it all comes together... Thanks Chris, Jack
Hello, Jack! This link will help you: academy.codewithchris.com/courses/foundations-cwcplus/lectures/16622706 :-) -Arthur
For example, this new Xcode update doesn't include "single view app"
Question how do they make a app that make a app
Haha, good question! :-)
Quick question Chris. Will I be able to create apps with xCdoe 11.3 and use them on current devices?
Yup, but you'll eventually want to upgrade. :-) -Arthur
Ahh the Bob Ross of IOS apps. Very soothing.
So humbled, thank you!
Great channel yo support this channel yo
Cheers, have a great day! :-) -Arthur
Before I watch the whole video is this completely free? No payments AT ALL? If not how much does everything cost in total?
You can develop your own app for free. Getting it published on the App store will cost you something though. :-) -Arthur
Quick question! Why does my xcode say "Failed to create provisioning profile. There are no devices registered in your account on the developer website. Plug in and select a device to have Xcode register it."?
"Hello, maybe you didn't set up your free apple developer account yet? im not sure if it needs you to have a device now as a way of registration or something, just check out your project properties first and check that your appleID is logged in and you automatically allowed xcode to create the profile - Francis"
Can I learn from this video now? I belive there was updates since...
Yup, this video is still relevant. Enjoy! :-) -Arthur
Great tutorial 👌
Awesome, thank you so much! :-) -Arthur
17:44 Is that why some websites have such small log in signs, or is that because the device I’m using for the website is not the device it was meant for. Just a random thought I had.
@CodeWithChris Oh ok, thanks!
"Hello, usually a website is designed to have specific heights and widths per item, which is usually big on a desktop because the usual screen resolution is just 1080p or FULL HD. now a phone has much more resolution in a much smaller screen so when it draws it becomes really small, this is why its important to have a mobile friendly site that will adapt to your screensize based on layout constraints - Francis"
great explanation
Cheers, Eddie! All the best! :-) -Arthur