Build Your FIRST iOS App For Beginners (2024) - Tutorial
ฝัง
- เผยแพร่เมื่อ 2 ม.ค. 2023
- 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: th-cam.com/users/iOSAcademy?su...
😎 Like my teaching style? Check out some of my most popular courses! courses.iosacademy.io
👉🏼 Connect (personal LinkedIn) / afrazsiddiqui
🚀 Follow on LinkedIn / ios-academy
** Popular Series
Building Instagram: courses.iosacademy.io/p/build...
Building TikTok: / @iosacademy
SwiftUI for Beginners: ios-academy.teachable.com/p/s...
** Get Skillshare free for 2 Months and learn iOS
www.skillshare.com/r/user/afraz
** Manage all your investments from app earnings on Betterment!
bit.ly/3eBwlI9
** Grow your own TH-cam tech channel with TubeBuddy:
www.tubebuddy.com/iosacademy
#swift #beginners #iOSDeveloper
![[Live สด] การออกรางวัลสลากกินแบ่งรัฐบาล งวดวันที่ 16 กรกฎาคม 2567](http://i.ytimg.com/vi/B8gcGM6I6e4/mqdefault.jpg)
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 ❤
Really fun project! Thanks!
That is what I need, to start my passion. THX
Thank you! That was so much fun. I just started coding and this was very easy to follow.
Glad to hear
Thank you so much for posting this video! I found the feeling of being a software developer back!
Youre welcome!
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.
it's insane the amount of videos you are sharing with us, thank u!!!
Haha thanks! On our way to 100k
@@iOSAcademy Hello IOS Academy I'd really appreicate it if you could clarify something for me. I am currently following your IOS Firebase Chat app and was wondering if you could distinguish between the current firebase sdk and cocopods. Can I use the SDK in place of cocopods? Thanks for making great content!
congrats u got 100 @@iOSAcademy
Thank you so much for this!
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.
Thanks for making this video , i really enjoyed making my first ios app
Great to hear!
brilliant tutorial, thx and god bless you and the world.. regards from hong kong ^_^
incredible teacher
you can also hit the fn key to get emojis if you have it in settings
It's very helpful for me Thanks brother
😊
Awesome tutorial!Big thanks to author
Thanks buddy
Thank you for your effort, this video was helpful!
Glad it was helpful!
Thank you!!
One word to rank this content: awesome 🤩 . Congrats.
What's in the 'RickandMorty' folder? lol Great video!
Nudes obvs 😅😂
Not stuff! I can tell you that!
Thanks for sharing this video
That was so fun!
Thanks
Thank you !
You're welcome!
This video is for those who are familiar with code. Great video if you want to follow the leader.
Many Thanks😎
You’re welcome
Please make this an entire series
Very good video thanks bruh
Any time
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
Hello IOS Academy I'd really appreicate it if you could clarify something for me. I am currently following your IOS Firebase Chat app and was wondering if you could distinguish between the current firebase sdk and cocopods. Can I use the SDK in place of cocopods? Thanks for making great content!
Cocoapods is a mechanism to bring the sdk into your project
cool video)
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?
Ty
Youre welcome
Do i have to have a mac? i dont see it in the microsoft store
😁 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
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?
What computer are u using ?
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?
Does this app work on mobile?
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?
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)
}
can the app creator know when we put our data or our photos or it is stored in some secret server please reply bro❤
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.
you made so easy to understand, Thank alot
How do you start a second page?
Can I build the app from my android phone? I don't have a desktop or a laptop.
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
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?
Nothing like to hit a brick wall that quickly ... error: Value of type 'Emoji' has no member 'rawValue' ???
Wow I was the 700th like
I have the best ever app idea ever I need to make it
Go for it!
Well done. How do I make it run on my iPhone?
Thanks
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?
What if my computer doesnt support xcode?
gl learning everyone
Nice!
how did you expand without moving mouse at 2:50??
Please I want to learn a step by step process of creating an app this one is confusing me
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.
thise emoji enum doesn't work
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.
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 😮
App name?
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
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!
Let me see if I can make something based on this video alone. I will update.
❤❤
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
bro can you do one for a voice recording app
Sure
@@iOSAcademy sweeeeeet!!
And after building such simple it effective apps, make sure to have unethical super high subscription pay walls for users - it’s a joke.
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!
When i manage to buy my first mac, this will be my first app. Thank you so much! 🎉🥳
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
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
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
I will have to watch it more than once...I got lost :(
You can do it
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
Rick and morty supremacy
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
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?
Have the alt Ę
Can I download Xcode on windows?
short answer is no
But what if you do not know how to code?
I've got tons of videos to teach you :)
Doesn’t work on code Mac studio
Should work. What doesnt work
@@iOSAcademy Dang dude ur a GOAT, for even responding.
+
Mhhh
im not a beginner programmer but this looks so damn complicated
It gets easier with practice
Is it just me or the syntax is awfully weird
I was dying from brain failure and kidney cancer and this helped me get through esp after my cat ran away
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.
Honestly this is a terrible tutorial for beginners. It doesn't explain anything about the language.
That's not the point of the tutorial. If you don't know how to code, there's tons of resources out there to teach you that
As soon as you said that i need MacOS, goodbye.
Sorry mate
Do you have a email, I am creating a app and would like to contact someone with experience, so I can make it perfectly, I’ll pay you 👏🏾
enum Emoji: String, CaseIterable, Identifiable {
case smiley = "😊"
case thumbsUp = "👍"
case heart = "❤"
case star = "⭐"
case rocket = "🚀"
var id: String{
self.rawValue
}
}
Thank you! 🙏
cool video)
But how to get the app in the store?
I have a dedicated video on this
th-cam.com/video/bz_KJdXylh0/w-d-xo.html on this video