How to Make an App - Lesson 1 (2024 / SwiftUI)
ฝัง
- เผยแพร่เมื่อ 19 มิ.ย. 2024
- Confidently learn how to make an app (no coding experience required). Used in classrooms and Apple stores, these videos are designed for beginners in mind to teach the fundamental skills for making apps on iOS.
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. cwc.to/youtubeoffer
Download the project and resources:
learn.codewithchris.com/cours...
Timestamps
00:00 Intro
01:16 The App Store Process
04:45 Downloading and Installing Xcode
05:58 Start a New Xcode Project
07:29 Add Images to the App Project
08:27 Customizing Your App Screen
24:50 Launch Your App
26:44 Outro
This video series 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.
CWC+ PROGRAM:
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. cwc.to/youtubeoffer
APPLE DEVELOPER PROGRAM:
developer.apple.com/programs/
MY FAVOURITE APP RESOURCES:
📖 The SwiftUI Reference Books I Use - SwiftUI Views Mastery - cwc.to/swiftui-book
💰 How I Monetize My Apps - RevenueCat - cwc.to/revenuecat
🤖 My Automation Tool of Choice - Bitrise - cwc.to/bitrise
🧑🎨 What I Use For App Design - Figma - cwc.to/figma
WEEKLY UPDATES VIA EMAIL:
✉️ Every Saturday, receive an email digest of new content - cwc.to/newsletter
CONNECT:
🌍 My website - codewithchris.com
😺 GitHub - github.com/codewithchris
📸 Instagram - / codewithchris
🐦 Twitter - / codewithchris
ABOUT CODEWITHCHRIS:
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 this channel and my website, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own! cwc.to/reviews
Note: Some of the links in this description are affiliate links that help support this channel. Thank you if you used any of them!
#CodeWithChris #CodeCrew #HowToMakeAnApp
![We Built an App in 24 Hours [No Code]](http://i.ytimg.com/vi/tB18tcMgnP4/mqdefault.jpg)
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. cwc.to/youtubeoffer
Can you help me please
Thanks
Great video, thanks!
Iks
Hey Chris thank you for this video, I know this isn't ideal but i'm running an older model of OS (high sierra) and am on XCode 10. I can't seem to find a way to add the "contentView" in the left pane, nor can I find out how to insert it. Any guidance on this would be super helpful
Chris- This is the best tutorial I’ve seen in my entire 60 year career. Kudos.
Thank you for the kind words! - Pat
This is much better to understand compared to the course from last year. You’re definitely getting better with explaining it to regular every day people.
He's been doing it since 2013 LoL , about time he got better at it.
Thank you for your kind words! - Pat
@@CodeWithChris using your trick can we make app for Android and upload in play store
@@CodeWithChrisyou are the best teacher online I have ever encountered
Keep up your good effort.
This is awesome, man! I really like how it was organized. So easy to understand! Thanks a thousand, Chris!
WOW, AMAZING!!! I never seen a tutorial like this. Coding has been always a big challenge. You made it so easy to understand. Thank you. Will continue to watch the rest parts.
I don’t usually leave comments or subscribe from the first video but you’re really an exception. You made it seem so easy. All my fears are out the window after watching you smooth and calm video. So original. Keep up the good work my Asian brother. Can’t thank you enough. ❤
Wow thank you so much for your sweet words!! :) - Pat
i *love* the focus on using Xcode's features and UI to program instead of rote memorization of syntax. That's a HUGE win for visual learners like me. Thank you so much.
Thank you for watching! :) - Pat
The "Visual learners" concept doesn't exist. Everything is improved just by practicing it. Mixing complex data with more simplified data is better for us to comprehend.
Star-quality lesson series! Tons of thanks for the time, energy and skills invested!
Thank you for the support!! - Pat
you are an amazing teacher. calm. smart. everything is so good, thank you
I started studying Swiftui a few days ago and have been working on real-time projects since then. I am thankful to anyone who can help me understand Swiftui and combine frame work, which is crucial for me.
Hi! You can post on our CodeCrew forum if you have any questions or clarifications. We have experts and fellow students who can help you out. Just visit this link codecrew.codewithchris.com - Pat
Cool thanks just coded my first app! have this great idea for a game app im sure i am getting closer to actually doing this! enjoying Swift 10 X more than a python class i just finished!
That's great!! - Pat
Explained it really well! I'm taking notes and doing the complete course! Thank you!
Glad it was helpful! Thanks for learning with us! - Iñaki
Great and most valuable 30 min i have spent in learning to code Swift under Xcode and thank you. Can skills learned here be used to program apple watch as well, I am thinking yes
I really appreciate your detailed course. Very helpful to learn how to build an app quickly. Thanks!
Thank you!!!! I have always thought coding or development is rocket science but I can never do that. This is an amazing experience.
Thank you so much for learning with us!! :) - Pat
dude, I like your channel that lot! You are so great! I learned so much from you and love your videos. Keep going 👍😘
Thanks for watching! I'll be sure to let Chris know :) - Iñaki
Excellent video, thank you a lot!
May I ask what camera and microphone you use for recording? Looks and sounds great.
Thanks. Great first lesson. It is so easy to follow. Thank you so much for this.
Glad you enjoyed it! - Pat
brilliant video, you're a great teacher. thank you!!
Thank you so much for the kind words!! - Pat
I am new to Xcode and you are the only person i understand. lol Love your videos. Keep up the great work!
Awesome, thank you! - Pat
This was awesome thank you! Wish it was easy to download xcode on a windows PC. Looks like I will need to download a virtual machine.
So easy to follow! Thanks Chris 😀
Glad it was helpful! Thanks for watching! - Iñaki
thank you very much, easy to understand !
Glad it helped! Thanks for watching! - Iñaki
This is one of the best iOS programming videos I’ve ever seen
Thanks !! 😀
Awesome video, thank you so so much! 😁
Thanks for watching! - Iñaki
thank you for video, helps a lot
You're welcome! - Pat
Increadible video man😊😊
Thank you!
love this lesson , thanks Chris... btw Toronto or Vancouver which one do u like ? for me its Toronto rna
This is easy and simple to follow even teens like me can follow it with ease, this seems like a great video!
Thank you so much! - Pat
thank you Chris and your Team :)
this update seem better than the older version.
any plan on updating your Swift Beginner course to Swift 5.7? i think it deserve an update please.
In this video Chris used xcode 14.1 which also supports the new swift 5.7 version - Pat
Hi, this video is fantastic! I was wondering what the upload schedule is for this lesson series?
Hi Lea! We upload new lessons every week - Pat
So happy!
Thanks for a great video!
Thank you for watching! - Pat
Will I be able to charge whatever I want for my app once it’s approved by apple ?
Love this video, one problem though, Im on linux and dont own any apple macs, only an apple iphone, im thinking of running macOS on a VM but wifi is slow so it'll take a long time to download, still love the video!!!
Great update for the old lesson
Thank you!! - Pat
I'm planning to make some videos. What software do you use to zoom in and out
great !
Hi. Chris. Please, can you tell me, do you use your awesome keyboard for both iOS and Android development?
Would you like to show the model of your black keyboard? Thanks.
Thanks a lot dear teacher
You're welcome! :) - Pat
Thank you!!! 😭 Im so lost.
Could you please consider doing a video (or series) like this on a windows platform?
Great video
Thanks!
You're welcome! - Pat
Thanks
you are the best instructor I have ever seen,
Glad you found it helpful! Thanks for learning with us! - Iñaki
Cool Lesson I got my first app tested on simulator while watching the video
That's awesome! Thanks for watching! - Iñaki
Thanks for the video
One question who can I make app with windows
Besides the Simulator... is there a way to export the app and put it on your ipad or iphone to test before putting it on the app store or submitting it through the apple developer process?
Hi Chris, could you explain why my emulator interface and preview interface have different sizes? Thx
Hey! Many thanks for the tutorial! When I try uploading my picture it says the image is 728 by 455 and that it should be 1,024×1,024pt? What should I do in this instance
So i just turned 13 i really love the simple concept of comupter so i really wanna learn coding so i can make an app of even like a game
Hello Chris, thank you so much for doing this tutorial! Excellent job and so helpful to have each step explained in thorough detail.
I wanted to ask would it be possible for people who have Windows operating systems to install and use an app that is developed on IOS?
Thanks for watching! Developing iOS apps in Windows is pretty limited, you may check your options on this article: codewithchris.com/ios-development-windows/
- Iñaki
@@CodeWithChris Thank you so much for your response :)
Make more videos brother I'm watching ❤️
New lessons will be uploaded every week so stay tuned! :) - Pat
Is that it ? I never tried xcode and I have been an ameteur coder for over 22 years. Thank you for helping me undertstand the xcode interface and launching the first app.
Glad it was helpful! Thanks for learning with us! - Iñaki
If we don't have Macbook what should we do then?
Wow🎉🎉
Great first lesson, where can I find the remaining lessons?
Hi Geoff, you can watch the rest of the lessons here th-cam.com/play/PLMRqhzcHGw1Y5Cluhf7pKRNZtKaA3Q4kg.html - Pat
woah this is totally new to me, and i'm shocked on how easy it is. how apple developed XCode that literally gives us the code just by drag and drop what we wants. ive been coding web app in vscode, and i didn't have anything like this....
Welcome to iOS dev! :) - Pat
Hy bro, how much configuration is needed to develop an app for laptop
Hey Chris! Will your website be updated as well? Or it this just for TH-cam? Thanks again!
Hi Christian! This will also be released on the website. You can check out our How to Build an App in 14 Days free course on our website where all lessons will be uploaded :) - Pat
What kind of file types are supported for this image? I am using a pdf and preview is an error.
Please make Crash course,
App development,
Thanks
Hi Chris. I’m a web dev hoping to transition to iOS dev. I was looking at your site. What’s the difference from joining and subscribing on TH-cam vs through your site?
On youtube, we love to help beginners diving into iOS even if they have NEVER coded before. Our website takes the same route but we have also 55+ courses to follow, with different level of difficulty. We also have a forum, where all of our student gather to ask question and join forces to build apps together. (also on TH-cam we can't share code and provide help)
@AdrienVillez
I don't have any of that stack stuff what's wrong with my Xcode
Will you ever make a in depth tutorials for coding with Native React 😭
Can you download the app to your phone for personal use without submitting it???
Hi want to ask you if i want to build inventory app management , the step is same as your lesson or i need to research other way ?
These lessons will provide you the generic core skills for app development. You’ll need these skills no matter what app you plan to build. However, after these core skills, you’ll still need to find some other resources to learn the specific skills you need for the features of your inventory app. - Pat
Do I need an apple computer to utilize this video?
Thank you Chris. I have done this lesson multiple times. Very helpful. The second time I tried this - after creating a name and saving - I got an error. The only thing I could figure out is that I named it with digits in the front and not letter. Thoughts? Can I not do that? Thank you!
Thanks for taking the time to comment, @JayHuemann! About the error you experienced you may want to post it to our community forum at cwc.to/codecrew.
--Joash
W animations.
😍❤️
Hey Chris! How much is the annual enrollment fee for the Apple Developer Program? Thanks for creating such an informative video!
Apple Developer Program enrollments for an individual or organization account costs $99 USD annually, and would cost more for enterprise developer programs. Difference between individual/organization vs enterprise is the way you distribute your apps. The former would allow you to publish and distribute your app in the App Store, while the latter allows you to distribute your app to devices registered under your developer program. - Iñaki
from the @24:56 section, when I click the run button, the simulation is just a white screen. Why is this?
Will these work in a lower version of Xcode too or is this only for the latest version?
We have an older version on TH-cam with the previous versions of Xcode. Now, Xcode hasn't changed much in a few years, Swift and SwiftUI either. I do recommend updating Xcode and macOS tho (unless you are limited by your hardware)
If you have any code issues or questions, please post them in our forum: codecrew.codewithchris.com/
@AdrienVillez
Are you'll going to redo the whole CWC+ Swift ui foundations for 2023 and xcode 14
Yes, that's the plan! - Pat
Without it is download by a simple mobile? please give me reply please 🥺
Could you please teach UIKit programmatically for this app?
We have been teaching UIKit for many years. All older videos are still available on TH-cam and on CodeWithChris.com. @AdrienVillez
Hi i wanna ask if how can i do an app like shopee or lazada??
Not sure if its only for me, but this tutorial seem somewhat outdated, at 9:15 I already noticed the tutorial shows removing sections of the default code which is different from default code in the newest version of Xcode :/
Did you say "build apps" or build abs"?
Is XCode compatible for Windows PC's too? Im so interested but hesistant that I dont have the right set up to try this out and learn
Hi, unfortunately Xcode only works for Mac and macOS.
If you have a Windows PC, here are your options: codewithchris.com/ios-development-windows/ - Iñaki
Hello @CodeWithChris i am totally new to Xcode even never coded before, i jus installed the Xcode application as you shown but on the right side i can not see an iPhone in 'Content view'. Please suggest me what to do.
Thanks.
Hi Akshay! It's difficult to show it here in the comments since I can't attach photos, but you can select the Simulator in the top bar (it's right in the middle) in Xcode.
I think the default value for that is `My Mac (Designed for iPad)`, and you can change it to an iPhone Simulator, which would also change the device in the preview.
Hope it helps!
- Iñaki
Hey! I’m about 4 minutes into the video, and i see that the foundation is for App Store, coul I programe this on a windows, or should this be done on a Mac ?
This only works on Mac computers - Pat
How do we add image in assets? Plz
Hi Chris,
I get this fail at the very beginning; 'git repository creation failed xcode' been searching around but can't seem to find out how to fix it. Do you have any suggestions? All the best from Scandinavia :D
@CodeWithChris
• 1 second ago
Hello @jesperjnielsen, thank you for taking the time to comment and watch our videos. You may want to check Mohammad Azam's video on Source Control in Xcode. I will share the link below.
Source Control in Xcode:
th-cam.com/video/wGC8PV70isc/w-d-xo.html&ab_channel=azamsharp
--Joash
Hi Chris do you know a lot about on combine framework and how do i utilise your community once I join?
Once you join our CodeCrew Forum, you can ask technical questions there and our students and iOS experts can assist you with your concerns. - Pat
Thanks chrish. Kindly update timings for discussion availability
First video done!
Way to go! Thanks for learning with us! - Iñaki
@@CodeWithChris I'm committed! I'm currently on the MIMO app after waking up, then I just sub to Codacademy for my mid mornings and afternoon/evening I'm in this tutorial of your. I'm considering sub to your website afterward. I like the way Chris explaining things. Very excited about my future! My goal is to learn Swift to actually get into NLP AI. Thanks again!
Can I do this on ipad
Heyyy when am launching my interface loog like white full white
How do I get the screen back?
Hello! I’m currently learning python, I also don’t use a Mac, can I apply this code using pycharm on my windows pc?
Unfortunately not, you'll need Xcode to be able to develop in Swift and SwiftUI, and you need macOS to install Xcode. Here are your options for Windows PC: codewithchris.com/ios-development-windows/ - Iñaki
for this curse i need know the basic form Swift?
can you put it in google play tho?
Thanks for your great tutorial. I have mac with macOS Monterey, Can not be upgraded to Ventura and I have XCode 14.1. When I lunch the Xcode, Iphone 14 Pro Simulator is Black all the way. I can add pictures and follow your tutorial but whole foreground color including top and bottom of the simulator is black from the moment I lunch the Xcode. I uninstalled the Xcode, reinstalled the macOS but it is Black. please guide. Thanks
Hello @babakbadri3016,
The issue you're experiencing could potentially be attributed to the hardware limitations of your device. Certain features necessitate minimum hardware specifications for optimal functioning. Therefore, I advise you to verify the minimum system requirements for the version of Xcode that you're presently using, and compare them to your machine's specifications.
--Joash
Hey, for some reason i cant see the iphone outline, I can only see the image that I have added is there something wrong?
Hi, it's difficult to share images and code here in the comments.
You may want to raise that question in our developer community forum:
codecrew.codewithchris.com/
I'm suspecting that you may just need to change the run destination from `My Mac` to any iPhone simulator. Changing it to an iPhone simulator should also change the preview with an iPhone outline.
To navigate it, simply go to the top middle part of Xcode. You should find `My Mac` listed by default. Click on it and it'll show a dropdown, and from there, choose any iPhone simulator.
If this didn't help you, the problem might be something else, and you should post it as a question in the Code Crew forums.
- Iñaki
Will there be another video in the series?
Yes! There will be new videos coming out every week :) - Pat
how often do you add the lessons. I can only see to lesson 6. Do I need to sign up to cwt to see the rest?
We took a break over the holidays but we're back with our weekly uploads :) Lesson 7 will be up - Pat
Hi! I want to make an app first what should i do and what is the first rolls. I am so interested about this program because i want to make a an app by my name. Its possible or no ?
Anything is possible :) but you can start here codewithchris.com/start if you want to learn iOS dev and eventually make your own mobile applications - Pat