Build Your FIRST iOS App For Beginners (2024) - Tutorial

  Переглядів 227,940

iOS Academy

iOS Academy

Рік тому

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: ukposts.info?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 UKposts tech channel with TubeBuddy:
www.tubebuddy.com/iosacademy
#swift #beginners #iOSDeveloper

КОМЕНТАРІ: 154
@PorchiaDallas
@PorchiaDallas 3 дні тому
This video is for those who are familiar with code. Great video if you want to follow the leader.
@slavioli
@slavioli Рік тому
Thank you! That was so much fun. I just started coding and this was very easy to follow.
@iOSAcademy
@iOSAcademy Рік тому
Glad to hear
@filipjakub6303
@filipjakub6303 5 місяців тому
That is what I need, to start my passion. THX
@wuyanchu
@wuyanchu 5 місяців тому
brilliant tutorial, thx and god bless you and the world.. regards from hong kong ^_^
@charlning7603
@charlning7603 Рік тому
Thank you so much for posting this video! I found the feeling of being a software developer back!
@iOSAcademy
@iOSAcademy Рік тому
Youre welcome!
@luispagarcia
@luispagarcia 10 місяців тому
Really fun project! Thanks!
@sainttiago012
@sainttiago012 3 місяці тому
Thank you so much for this!
@jasonluckey2214
@jasonluckey2214 Рік тому
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.
@iOSAcademy
@iOSAcademy Рік тому
You're very welcome!
@baddiezone
@baddiezone 8 місяців тому
I agree , it was very clear and to the point, no extra context that wasn’t unneeded i enjoyed watching this ❤
@la.vibracion
@la.vibracion 9 місяців тому
incredible teacher
@jhavikash2474
@jhavikash2474 Місяць тому
It's very helpful for me Thanks brother 😊
@TravelEverywhere25
@TravelEverywhere25 Рік тому
Thanks for making this video , i really enjoyed making my first ios app
@iOSAcademy
@iOSAcademy Рік тому
Great to hear!
@AkbarshahJumanazarov
@AkbarshahJumanazarov Рік тому
Thank you for your effort, this video was helpful!
@iOSAcademy
@iOSAcademy Рік тому
Glad it was helpful!
@kwamenadadson
@kwamenadadson 9 місяців тому
Thanks buddy
@sabanaazul3898
@sabanaazul3898 Рік тому
it's insane the amount of videos you are sharing with us, thank u!!!
@iOSAcademy
@iOSAcademy Рік тому
Haha thanks! On our way to 100k
@drinkwatergold
@drinkwatergold Рік тому
@@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!
@tahasoumary775
@tahasoumary775 6 місяців тому
congrats u got 100 @@iOSAcademy
@martygo
@martygo 28 днів тому
One word to rank this content: awesome 🤩 . Congrats.
@garshalotfi834
@garshalotfi834 11 місяців тому
Awesome tutorial!Big thanks to author
@robertlewis6543
@robertlewis6543 Рік тому
What's in the 'RickandMorty' folder? lol Great video!
@Jay-vg8xc
@Jay-vg8xc 11 місяців тому
Nudes obvs 😅😂
@jamo9008
@jamo9008 9 місяців тому
Not stuff! I can tell you that!
@WoolleyWoolf
@WoolleyWoolf 13 днів тому
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.
@cihanciftci08
@cihanciftci08 7 місяців тому
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
@edkfilms
@edkfilms 3 місяці тому
Thanks for sharing this video
@alexjiang1563
@alexjiang1563 2 місяці тому
you can also hit the fn key to get emojis if you have it in settings
@codestarrunner
@codestarrunner Місяць тому
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) }
@johnaew.1781
@johnaew.1781 2 місяці тому
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?
@FederikoKorili
@FederikoKorili 7 місяців тому
Thank you !
@iOSAcademy
@iOSAcademy 7 місяців тому
You're welcome!
@user-ep8rl7gm7v
@user-ep8rl7gm7v 5 місяців тому
Do i have to have a mac? i dont see it in the microsoft store
@Eneergy
@Eneergy 2 місяці тому
can the app creator know when we put our data or our photos or it is stored in some secret server please reply bro❤
@eruseicode
@eruseicode 5 місяців тому
That was so fun!
@iOSAcademy
@iOSAcademy 5 місяців тому
Thanks
@jessicapdance
@jessicapdance 4 місяці тому
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?
@glenn_r_frank_author
@glenn_r_frank_author 2 місяці тому
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?
@navneetmittal4809
@navneetmittal4809 8 місяців тому
you made so easy to understand, Thank alot
@paidfadez
@paidfadez 24 дні тому
What computer are u using ?
@moshudoduwade219
@moshudoduwade219 Рік тому
Many Thanks😎
@iOSAcademy
@iOSAcademy Рік тому
You’re welcome
@user-qm9qu9ee9g
@user-qm9qu9ee9g Місяць тому
cool video)
@BrandonHall-rd2sp
@BrandonHall-rd2sp 10 місяців тому
Does this app work on mobile?
@drinkwatergold
@drinkwatergold Рік тому
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!
@iOSAcademy
@iOSAcademy Рік тому
Cocoapods is a mechanism to bring the sdk into your project
@LebenWerden
@LebenWerden 19 днів тому
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.
@HyperboreanJim861
@HyperboreanJim861 4 місяці тому
Can I build the app from my android phone? I don't have a desktop or a laptop.
@Passion1111
@Passion1111 Місяць тому
Very good video thanks bruh
@iOSAcademy
@iOSAcademy Місяць тому
Any time
@jamiem7740
@jamiem7740 10 місяців тому
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
@BRad-mu6qr
@BRad-mu6qr Рік тому
Thank you for sharing. Is there an app for the or is it just for the computer
@iOSAcademy
@iOSAcademy Рік тому
The video shows how to build an actual app for it
@ytinfluenza5804
@ytinfluenza5804 9 місяців тому
@@iOSAcademydo u have any app similar to this that can be made on Windows
@ytinfluenza5804
@ytinfluenza5804 9 місяців тому
@@iOSAcademyalso after we make this app are we able to publish the app in App Store?
@user-gt8yh5uf1n
@user-gt8yh5uf1n 6 місяців тому
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?
@Hack9jaBanks2023Aug
@Hack9jaBanks2023Aug 10 місяців тому
Wow I was the 700th like
@its0300
@its0300 Рік тому
reminds me a lot of Jetpack Compose
@iOSAcademy
@iOSAcademy Рік тому
Its very similar
@kuroshiromi
@kuroshiromi 2 місяці тому
What if my computer doesnt support xcode?
@WoolleyWoolf
@WoolleyWoolf 13 днів тому
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 😮
@Girlsgirl03
@Girlsgirl03 7 місяців тому
I have the best ever app idea ever I need to make it
@iOSAcademy
@iOSAcademy 7 місяців тому
Go for it!
@Slipee-me8bi
@Slipee-me8bi Рік тому
Ty
@iOSAcademy
@iOSAcademy Рік тому
Youre welcome
@Victor-oy8bj
@Victor-oy8bj Рік тому
how did you expand without moving mouse at 2:50??
@merion297
@merion297 3 місяці тому
😁 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! 🙏
@NayarJoolfoo
@NayarJoolfoo 3 місяці тому
same here :(
@Ymitzna
@Ymitzna Місяць тому
Sameeeee
@lekaumamabolo816
@lekaumamabolo816 21 день тому
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
@iceshadow625
@iceshadow625 8 місяців тому
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.
@faengelm
@faengelm Рік тому
Well done. How do I make it run on my iPhone?
@iOSAcademy
@iOSAcademy Рік тому
Thanks
@glenn_r_frank_author
@glenn_r_frank_author 2 місяці тому
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?
@janice5083
@janice5083 2 місяці тому
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.
@glenn_r_frank_author
@glenn_r_frank_author 2 місяці тому
@@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.
@victorriurean
@victorriurean Рік тому
gl learning everyone
@iOSAcademy
@iOSAcademy Рік тому
Nice!
@shlakoblok2023
@shlakoblok2023 9 місяців тому
Can I download Xcode on windows?
@brmixes_
@brmixes_ Рік тому
bro can you do one for a voice recording app
@iOSAcademy
@iOSAcademy Рік тому
Sure
@brmixes_
@brmixes_ Рік тому
@@iOSAcademy sweeeeeet!!
@omotayojuliana6489
@omotayojuliana6489 3 місяці тому
Please I want to learn a step by step process of creating an app this one is confusing me
@andreaderrico9916
@andreaderrico9916 Рік тому
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
@iOSAcademy
@iOSAcademy Рік тому
No. You need to use swift
@manishah92
@manishah92 Рік тому
❤❤
@iOSAcademy
@iOSAcademy Рік тому
thanks
@rishangprashnani4386
@rishangprashnani4386 6 місяців тому
I have built an app and want to test it on my iphone. Do I need apple developer program for that?
@riribud9099
@riribud9099 5 місяців тому
did you figure anything out?
@rishangprashnani4386
@rishangprashnani4386 5 місяців тому
@@riribud9099 no you dont require. google it. its easy
@teo_d_david
@teo_d_david 3 місяці тому
When i manage to buy my first mac, this will be my first app. Thank you so much! 🎉🥳
@Motawa88
@Motawa88 5 місяців тому
for some reason Xcode is super slow on my m1 MacBook Air. Even VS runs better lol. The canvas /preview can't even load
@edwardmarno294
@edwardmarno294 5 місяців тому
yours and mine both!
@frankl7694
@frankl7694 Рік тому
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
@pearlroselllusterio-cz8le
@pearlroselllusterio-cz8le 11 місяців тому
encountered the same error
@mykolasenyk1
@mykolasenyk1 11 місяців тому
Hey man! I've just been faced with the same issue. How did you solve it?
@frankl7694
@frankl7694 11 місяців тому
@@mykolasenyk1 I actually gave up because I couldn't figure out how to sole it, let me know if you come across anything
@Hrammal15
@Hrammal15 11 місяців тому
I fixed it by changing the emojis
@_1_112
@_1_112 11 місяців тому
@@Hrammal15 thank you bro. it was resovled by doing so
@harsimarsingh8956
@harsimarsingh8956 22 дні тому
Rick and morty supremacy
@user-vk9bq1bc6u
@user-vk9bq1bc6u 10 днів тому
thise emoji enum doesn't work
@edcastle9821
@edcastle9821 11 місяців тому
I will have to watch it more than once...I got lost :(
@iOSAcademy
@iOSAcademy 11 місяців тому
You can do it
@OOAK-Ireland
@OOAK-Ireland 11 місяців тому
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.
@ThePerfectBalls
@ThePerfectBalls 10 місяців тому
G-O-O-G-L-E
@DR20005
@DR20005 5 місяців тому
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() } }
@aatishmehta9878
@aatishmehta9878 5 місяців тому
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
@grantmataicross8825
@grantmataicross8825 3 місяці тому
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!
@moshudoduwade219
@moshudoduwade219 Рік тому
I built the app how do I put the app on my iPhone?
@iOSAcademy
@iOSAcademy Рік тому
You can connect your phone to your computer & run to your iphone
@robert06052
@robert06052 Рік тому
How come there is no swift controller file?
@iOSAcademy
@iOSAcademy Рік тому
Bc this SwiftUI which is a different ui framework
@robert06052
@robert06052 Рік тому
@@iOSAcademy Thanks for your response. How do I change the framework?
@RobertFixit
@RobertFixit 2 місяці тому
Let me see if I can make something based on this video alone. I will update.
@tarekozz
@tarekozz 2 місяці тому
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
@Rooster411
@Rooster411 7 місяців тому
Have the alt Ę
@jayblack8691
@jayblack8691 3 місяці тому
Doesn’t work on code Mac studio
@iOSAcademy
@iOSAcademy 3 місяці тому
Should work. What doesnt work
@awesomerandomness3307
@awesomerandomness3307 3 місяці тому
@@iOSAcademy Dang dude ur a GOAT, for even responding.
@HyperAnimated
@HyperAnimated 4 місяці тому
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.
@iOSAcademy
@iOSAcademy 3 місяці тому
Correct
@megmeg__
@megmeg__ 6 місяців тому
But what if you do not know how to code?
@iOSAcademy
@iOSAcademy 6 місяців тому
I've got tons of videos to teach you :)
@sparklemoss1027
@sparklemoss1027 9 місяців тому
Not sure why you put beginner in it lol. 🎉
@manzg1
@manzg1 5 місяців тому
Maybe u dumb lol 🎉
@AuraeRecords
@AuraeRecords 4 місяці тому
I am so lost
@ggunlistedarchive969
@ggunlistedarchive969 4 місяці тому
because it is
@Jo4sh12
@Jo4sh12 4 місяці тому
I could not imagine a simpler app…
@deontaeb5466
@deontaeb5466 Місяць тому
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.
@moeyali123
@moeyali123 2 місяці тому
im not a beginner programmer but this looks so damn complicated
@iOSAcademy
@iOSAcademy 2 місяці тому
It gets easier with practice
@Chernov1984
@Chernov1984 5 місяців тому
+
@Adamska_01
@Adamska_01 11 місяців тому
Is it just me or the syntax is awfully weird
@WoolleyWoolf
@WoolleyWoolf 13 днів тому
And after building such simple it effective apps, make sure to have unethical super high subscription pay walls for users - it’s a joke.
@Jeff-zc6rr
@Jeff-zc6rr 7 місяців тому
Honestly this is a terrible tutorial for beginners. It doesn't explain anything about the language.
@artichoked_
@artichoked_ 6 місяців тому
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
@arminrad5357
@arminrad5357 5 місяців тому
As soon as you said that i need MacOS, goodbye.
@iOSAcademy
@iOSAcademy 5 місяців тому
Sorry mate
@baddiezone
@baddiezone 8 місяців тому
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 👏🏾
@princepatel_channel
@princepatel_channel 11 місяців тому
enum Emoji: String, CaseIterable, Identifiable { case smiley = "😊" case thumbsUp = "👍" case heart = "❤" case star = "⭐" case rocket = "🚀" var id: String{ self.rawValue } }
@DatasBasic
@DatasBasic 11 місяців тому
Thank you! 🙏
@AyoubErrbayeb
@AyoubErrbayeb 2 місяці тому
cool video)
@zabaizabai2
@zabaizabai2 Рік тому
But how to get the app in the store?
@iOSAcademy
@iOSAcademy Рік тому
I have a dedicated video on this
@paulturley894
@paulturley894 Рік тому
ukposts.info/have/v-deo/mqqQf4Cbj6-dyWQ.html on this video
How to Make an App in 8 Days (2024) - Full Walkthrough
3:00:49
CodeWithChris
Переглядів 453 тис.
SwiftUI Masterclass: Build To Do List App
2:42:49
iOS Academy
Переглядів 88 тис.
Артем Пивоваров х Klavdia Petrivna - Барабан
03:16
Artem Pivovarov
Переглядів 6 млн
Eurovision Song Contest 2024: First Semi-Final (Live Stream) | Malmö 2024 🇸🇪
2:23:45
How ChatGPT Built My App in Minutes 🤯
8:28
Website Learners
Переглядів 1,7 млн
Why I spent $3600 on the iPad Pro M4.
16:12
Mrwhosetheboss
Переглядів 1,6 млн
How to build an App with ChatGPT in Minutes | Free Tools
9:04
Web Wonders
Переглядів 13 тис.
Xcode 15 Tutorial for Beginners (2024)
45:39
CodeWithChris
Переглядів 5 тис.
M4 iPad Pro Impressions: Well This is Awkward
12:51
Marques Brownlee
Переглядів 3,5 млн
SwiftUI Basics Tutorial
1:19:31
Sean Allen
Переглядів 391 тис.
How to Make an App [in 2023]
10:04
Raw Startup
Переглядів 1 млн
How to Make an App - Lesson 1 (2024 / SwiftUI)
27:21
CodeWithChris
Переглядів 352 тис.
Swift in 100 Seconds
2:25
Fireship
Переглядів 706 тис.
Артем Пивоваров х Klavdia Petrivna - Барабан
03:16
Artem Pivovarov
Переглядів 6 млн