Build Your FIRST iOS App For Beginners (2024) - Tutorial
Вставка
- Опубліковано 7 лют 2025
- In this video, we'll be showing you how to make your very first iOS app in Xcode using SwiftUI. This tutorial is perfect for beginners, so if you're just getting started with app development, this is the video for you.
We'll start by walking you through the process of setting up Xcode and creating a new project. From there, we'll show you how to use SwiftUI to build the user interface of your app. You'll learn how to add elements such as text fields, buttons, and images to your app, and how to customize their appearance and behavior.
As we progress, we'll also cover some of the more advanced features of SwiftUI, such as how to use data binding and how to create custom views. By the end of this tutorial, you'll have a solid foundation in iOS app development and will be well on your way to creating your own apps.
So if you're ready to get started, let's dive in!
💻 Source Code: / iosacademy
🎥 Subscribe for more: www.youtube.co...
😎 Like my teaching style? Check out some of my most popular courses! courses.iosaca...
👉🏼 Connect (personal LinkedIn) / afrazsiddiqui
🚀 Follow on LinkedIn / ios-academy
** Popular Series
Building Instagram: courses.iosaca...
Building TikTok: / @iosacademy
SwiftUI for Beginners: ios-academy.te...
** Get Skillshare free for 2 Months and learn iOS
www.skillshare...
** Manage all your investments from app earnings on Betterment!
bit.ly/3eBwlI9
** Grow your own UA-cam tech channel with TubeBuddy:
www.tubebuddy....
#swift #beginners #iOSDeveloper
That is what I need, to start my passion. THX
Thank you for your very well put together teaching style. Everything is explained in a way that makes sense to a novice like me. I appreciate both your patience and your knowledge. It is a pleasure learning from you.
You're very welcome!
I agree , it was very clear and to the point, no extra context that wasn’t unneeded i enjoyed watching this ❤
it's insane the amount of videos you are sharing with us, thank u!!!
Haha thanks! On our way to 100k
congrats u got 100 @@iOSAcademy
Thank you! That was so much fun. I just started coding and this was very easy to follow.
Glad to hear
One word to rank this content: awesome 🤩 . Congrats.
Hey!
Probably because it is outdated, but the tutorial no longer works for me. I get an error when trying to add the emojis to the enum. Here is the workaround:
import SwiftUI
enum Emoji: String, CaseIterable {
case checkmark = "✅"
case cross = "❌"
case wrench = "🔧"
case sleepy = "💤"
}
struct ContentView: View {
@State var selection = Emoji.checkmark
var body: some View {
VStack {
Text((selection.rawValue))
.font(.system(size: 150))
Picker("Select Emoji", selection: $selection) {
ForEach(Emoji.allCases, id: \.self) {emoji in
Text(emoji.rawValue)
}
}
.pickerStyle(.segmented)
}
.padding()
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
thankyou very much for your code i am new to swift and just saw the video do the same but still get the error but tried to run your code it workls perfectly well . @DR2005
I wish he would change the title of the video to not say 2024 if the code doesn't even work in January of 24.. I had the same problem and am brand new to Xcode, and its taken me over an hour to think of looking in the comments for the solution.. Thanks for the help!
Thank you. I have been wanting to build an iOS app for 15 years. Today I pulled up this tutorial and getting an error. My Xcode is 1 version higher. I guess every version changes the code to force developers to have to rewrite their code every year.
It ran fine for me with latest version of Xcode
THANK YOU i was scratching so hard why wasnt it working for me, did chatgpt everything and I was like am i Blind?? LOL
It's very helpful for me Thanks brother
😊
Very helpful! Thank you so much! 😄
😁 Entered that enum part. The same as yours. For you, there's no issues. For me, »Consecutive declarations on a line must be separated by ';'«
This is a great beginning. 😂 Did Apple change the syntax in the past year?
Thanks for the tutorial btw, greatly appreciated! 🙏
same here :(
Sameeeee
For those that get here and need help,
declare (create) your enum like this:
enum Emoji: String, CaseIterable {
case 👩🏾🚀;
case 😀;
case 👨🏾💻;
case 🥰;
}
to get "rid" (fix) the error mentioned in the comment
#April2024
Try this :)
enum Emoji: String, CaseIterable {
case salute = "🫡"
case soccer = "⚽"
case cityscape = "🏙"
case balloon = "🎈"
case cool = "😎"
}
Mate , Now I’m fully ready , I want more!
What's in the 'RickandMorty' folder? lol Great video!
Nudes obvs 😅😂
Not stuff! I can tell you that!
Very very articulate and good talker. No teleprompter but everything on the fly. Great job. Maybe slow down and go easy on the concepts/jargon/scary computer geeky nerdy terms for the newbies.
Really fun project! Thanks!
Thank you so much for posting this video! I found the feeling of being a software developer back!
Youre welcome!
THANK YOU!!!
Thanks for making this video , i really enjoyed making my first ios app
Great to hear!
That was so fun!
Thanks
Easy to convert to Android when done????
Good video
This video is for those who are familiar with code. Great video if you want to follow the leader.
I have built an app and want to test it on my iphone. Do I need apple developer program for that?
did you figure anything out?
@@riribud no you dont require. google it. its easy
you can also hit the fn key to get emojis if you have it in settings
Please make this an entire series
Idk if its only for me but the Xcode 16.5 is extremely slow.Like it takes 2 min to run a print( "hello ,playground ").Is that normal cause it dont seem normal tbh
Do you have another video that shows me how to export the app to run on my iphone or ipad? Do you HAVE to publish it to the apple app store to do this or is there a way to install it on a device without the app store?
To run the app on your iPhone, you'll need a cable to connect your devices. I think you'll be able to run it for 14 days; after that, you'll either have to plug in your cables to install it again or join the Apple Developer Program, which costs approximately $99 per year.
@@janice5083 Thanks.. so just the USB connection between the ipad or iphone and my laptop I guess? Yeah i just would like to see it actually running on the device before. I also thought the cost of the Apple Dev Program was more than that. Thanks.
What happens if I have everything setup exactly the way shown in the video leading up until 7:40 and after the third emoji on line 11 it says 9 in bright red and has a bar with white text saying Consecutive declar... please help I'm so confused
encountered the same error
Hey man! I've just been faced with the same issue. How did you solve it?
@@mykolasenyk1 I actually gave up because I couldn't figure out how to sole it, let me know if you come across anything
I fixed it by changing the emojis
@@Hrammal15 thank you bro. it was resovled by doing so
Thank you so much for this!
Very good video thanks bruh
Any time
incredible teacher
Thank you!!
Many thanks for your channel and videos...although only a year old, the xcode I downloaded today has some slightly diff options. but overall, great beginner video, just what I needed.
Does this app work on mobile?
Thanks for sharing this video
cool video)
vid idea: one and a half hour of swift explanation
omg thankyouuuu!! but is there a way to install it onto an actual mobile device? or is the only option to try it out in the simulation mode?
Thanks buddy
for some reason Xcode is super slow on my m1 MacBook Air. Even VS runs better lol. The canvas /preview can't even load
yours and mine both!
Thank you for your effort, this video was helpful!
Glad it was helpful!
Thank you !
You're welcome!
What computer are u using ?
Awesome tutorial!Big thanks to author
How do you start a second page?
OK super new guy here! I went and can NOT find Code in the ios store! Did they change the icon that contained the hammer on it? There not there! Please help.! Thank you!
The current version of Swift won't work with the code in this video, it seems. Here's what works for me:
import SwiftUI
enum Emoji: String {
case angel = "😇"
case wavingHand = "👋"
case flag = "⛳"
case car = "🚘"
static var allCases: [Emoji] {
return [.angel, .wavingHand, .flag, .car]
}
}
struct ContentView: View {
@State var selection: Emoji = .angel
var body: some View {
NavigationView {
VStack {
Text(selection.rawValue)
.font(.system(size: 150))
Picker("Select emoji", selection: $selection) {
ForEach(Emoji.allCases, id: \.self) {
emoji in Text(emoji.rawValue)
}
}
.pickerStyle(.segmented)
}
.navigationTitle("Emoji Lovers!")
.padding()
}
}
}
#Preview {
ContentView()
.modelContainer(for: Item.self, inMemory: true)
}
So, because the title text is a "title" is that why it shows at the top in spite of the fact that the emoji and picker are above it in the code? Is there any reason that the NavigationTitle could not be in the code before the emoji code ... just for programmer sanity of remembering what order things are going to display on screen? or does it have to be in this order?
I am getting an error that says enums must not contain stored properties
I have the best ever app idea ever I need to make it
Go for it!
thanks this examples.. i tried but why i taking this error "Cannot infer contextual base in reference to member 'segmented' i use macOs Cataline.Xcode 12.4
App name?
THO I like this, It Emphases on the output than what the views are, What is the NAvigationView, what space does it occupy on the screen, what are the multiple things can we do on those individual views?
Many Thanks😎
You’re welcome
Well done. How do I make it run on my iPhone?
Thanks
Hi do you have a video explaining how to monetize a app, I made my first game, I know I have to pay apple 99$/year just to upload it but now I found ads over app came from 3th party like google or unity, I also understand I will need to write a policy for the app if I use ads & even host it on a website, I don't really understand how the add will be integrated in app, I will need to modify my swift game code, how it's all this done, sounds more complicated than just making the app
If I execute print, I want the print output currently in the console to be cleared, and the new print output to appear there. It's annoying to click on the trash can icon every time. I haven't found anything in the settings.
Can I build the app from my android phone? I don't have a desktop or a laptop.
gl learning everyone
Nice!
Hello I have a question -- for Picker part of your code I received this error "Accessing State's value outside of being installed on a View. This will result in a constant Binding of the initial value and will not update." but couldn't find anything on Stack Overflow. How can I resolve this issue?
Anyway to do this without a Mac?
just get a Mac. Windows sucks
Thank you for sharing. Is there an app for the or is it just for the computer
The video shows how to build an actual app for it
@@iOSAcademydo u have any app similar to this that can be made on Windows
@@iOSAcademyalso after we make this app are we able to publish the app in App Store?
sorry but you are talking about all different sings such as dollar sign, the @ etc etc. what does it all do? this is just follow the leader, but you are not explaining why.
G-O-O-G-L-E
That’s redundant to reply “google” to someone not understanding a video they likely googled to find. Lol I think learning how to learn is important but that was a valid criticism of this video.
this is feeling a lot like React. it wasn't like this when I did iOS dev 7 years ago lol
Nothing like to hit a brick wall that quickly ... error: Value of type 'Emoji' has no member 'rawValue' ???
same
enum Emoji: String {...your emojis go here}
You probably forgot to put 'String' in the declaration
I've been programming for years now, but I'm new to swift. I still got lost in this beginners tutorial. you never explained some things that you did, such as the "." you added at 7:14
I'm a C-programmer from way back. Barely recognized the code here. Nice work though. So I have the application, which is cool, but the goal is to get it on my phone. Where's that video?
But how to get the app in the store?
I have a dedicated video on this
ua-cam.com/video/bz_KJdXylh0/v-deo.html on this video
brilliant tutorial, thx and god bless you and the world.. regards from hong kong ^_^
I built the app how do I put the app on my iPhone?
You can connect your phone to your computer & run to your iphone
Do i have to have a mac? i dont see it in the microsoft store
Yes or get a virtual Mac setup
Wow I was the 700th like
you made so easy to understand, Thank alot
thise emoji enum doesn't work
Please I want to learn a step by step process of creating an app this one is confusing me
What if my computer doesnt support xcode?
get a virtual Mac setup
Let me see if I can make something based on this video alone. I will update.
Ty
Youre welcome
Don’t worry about the jargon. It’s best to open the stuff up, do each 1 by 1 like a cooking recipe, then voila!
Doing all in 1 go after watching the whole cooking video will be like 😮
i just saw your video it almost seems easy enough for a kid do this, what i would like to do for myself is to build a app with contents for fantasy football
reminds me a lot of Jetpack Compose
Its very similar
How come there is no swift controller file?
Bc this SwiftUI which is a different ui framework
@@iOSAcademy Thanks for your response. How do I change the framework?
Wow Swift is a very bizarre language. I’ve worked with C++, Java, JavaScript, PHP, and SQL and parts of it look like it wants to combine JavaScript with PHP. But the no ; at the end of each line is really messing with me.
And after building such simple it effective apps, make sure to have unethical super high subscription pay walls for users - it’s a joke.
I mean Tbf devs deserve money for their work but yeah I agree. a lot of apps have ridiculous prices lol
@@nateblanch5045 id rather choose microsoft 365 annual subscription at $150 than an indie printer app for $150 annual lol. So dumb.
When i manage to buy my first mac, this will be my first app. Thank you so much! 🎉🥳
Doesn’t work on code Mac studio
Should work. What doesnt work
@@iOSAcademy Dang dude ur a GOAT, for even responding.
bro can you do one for a voice recording app
Sure
@@iOSAcademy sweeeeeet!!
how did you expand without moving mouse at 2:50??
Can I download Xcode on windows?
short answer is no
Dec. 2023 - So you don't have to dig in the comment replies - anyone hitting the "Consecutive declarations on a line must be separated by ';'" error when entering emojis, just change the emojis. They apparently don't have to be exactly what the creator entered, after fixing the first three, my fourth was a ninja and the error cleared.
Correct
But what if you do not know how to code?
I've got tons of videos to teach you :)
I will have to watch it more than once...I got lost :(
You can do it
Wow
It feels so much pain I'm a LUA, HTML, CSS Developper but this thing oh brother it's going to be a pain to learn
“For beginners”
Me after 3 mins: you lost me
The first thing I thought of when I saw this was that you were a little girl and I was like oh my gosh I love you so much and I love you so much and I love you so much and I love you so much and I love you so much and I can’t wait to see you soon I love you so 12:20 12:27 12:28 12:28 12:28 12:28 12:28 12:29 12:29 12:29 12:29 12:29 12:29 12:29 and I’m going home now and I’m so happy I hope you’re doing good and I’m
may I ask, using XCode or however is called, can I change the language like from the default from html CSS and js, it's the first time I've tried to make an app and especially for iPhone I don't know how it works and I already have the "application" ready as a website but it was written using html, CSS and Js.
Or maybe you know a converter where i can put my html code and it change in a XCode i dont know
No. You need to use swift
can the app creator know when we put our data or our photos or it is stored in some secret server please reply bro❤
Not sure why you put beginner in it lol. 🎉
Maybe u dumb lol 🎉
I am so lost
because it is
I could not imagine a simpler app…
It’s a beginner app, but not a beginner course. You would need someone that walks you through the very basics of coding and how coding is formatted so you understand why and what is being done.
I was dying from brain failure and kidney cancer and this helped me get through esp after my cat ran away
Rick and morty supremacy
❤❤
thanks