Swift: Build Your First App (2024) - iOS for Beginners

In this video we will build our veery first iOS/iPhone app from scratch in Xcode 12 and Swift 5. This tutorial is for absolute beginners who have never built an iOS app before. We will specifically build a Photo Generator app.
👉🏼 Connect (personal LinkedIn) / afrazsiddiqui
🚀 Follow on LinkedIn / ios-academy
#swift #beginner #firstapp
** Like my teaching style? Check out some of my most popular courses!
courses.iosacademy.io
Join this channel to get access to perks, code, groups, and more:
Building Instagram: courses.iosacademy.io/p/build...
Building TikTok: / @iosacademy
SwiftUI for Beginners: ios-academy.teachable.com/p/s...
Join the iOS Academy Community: iosacademy.io/
** 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 KZbin tech channel with TubeBuddy:
www.tubebuddy.com/iosacademy

[@stevenray7227]

Stayed up til 12:30 building this on a school night. I can confirm it was worth it

[@iOSAcademy]

Youre the real MVP

[@forwardslashbeats3091]

I decided last night that my new years resoloution was to learn swift. I've done c# for nearly 10 years so I'm not expecting the leap over to it to be too intinidating although the jump from mainly server side code manipulating data to a touch interface feels VERY different. This will be the first project I'm goig to try once xcode eventually downloads.Thanks for the video.

[@shahidkhan-uq9mm]

I’m getting started with swift rn, how is it going for you?

[@forwardslashbeats3091]

I've stuck with it. I very quickly made the decision to dive straight into SwiftUI which on one level feels a lot easier but is significantly different again from C# which requires a completely different mindset. Trying to do at least 30 minutes a day on it but often get more done. Just started looking at the videos from Stanford University (CS193p, Developing Applications for iOS using SwiftUI). Starts very slow but it will ramp up in complexity pretty quickly!

[@alejandrozamora9021]

The year is over in 3 days and I happen to see this comment, how is that resolution going?

[@ege2026]

Hey! Thanks for the awesome tutorial. This was not my very first iOS App but it is the one that I've done with a clear understanding, thanks to your pure definitions and explanations. I will be digging the channel for other content to learn more about iOS development as a total beginner. Thanks!

[@iOSAcademy]

Glad to hear it! Thanks for watching

[@talhayousaf3918]

I'm a software eng currently working with the javascript frameworks react , react native and node. Now I'm going to learn the ios development and after lot of searching I have decided to start with your channel to learn some basics. Hope it went well . Thanks a lot in advance.

[@yeheekim]

Thanks for keeping it short and sweet! Super helpful to quickly ramp up on something new :)

[@iOSAcademy]

Glad it was helpful!

[@MyEthan1998]

Good tutorial as you're straight to the point, but just as some of the comments suggested, there needs to be more explanation (brief) of some snippets of code being used. And would like some explanations of the concepts behind Swift as I'm coming from various other languages/frameworks. Thank you for this!

[@11vag]

So I have never properly touched Swift before, but this looks very straight forward and it surprised me how it kinda has a title designer tool integrated to work with UI elements. If you've never programmed before however, I would strongly recommend learning the fundamentals first. You'll understand why this feels easy.

[@iOSAcademy]

Great insight

[@normaaliihminen722]

What you mean by fundamentals?

[@silience_]

@@normaaliihminen722 you have to understand the fundamentals of programming before you can dive headfirst into something like this that also incorporates graphic design. It doesn't really matter what language you learn (as long as it's not esoteric xD), as long as you learn it, because it will give you a fundamental understanding of how things like functions, lists, variables, scopes, etc. work. I would highly recommend Python, on account of its simple syntax, forgivability and versatility, as well as fantastic documentation and a massive community. Python was my first 'real' programming language and I draw upon those first principles I learned everyday.

[@aronabraham4657]

@@silience_ Actually I recommend something like java because it is challenging enough to determine if you even enjoy programming/developing in the first place. If you're someone completely new it'd still be good to try java first. I know because I speak from experience. My second language was python and believe me it was a piece of cake. All it takes is understanding how to utilize objects and methods. Data structures, data types available, syntax should all come naturally, the main thing is understanding concepts and what makes a language efficient in comparison to others before thinking you want to major/work in CS.

[@miguelnuno928]

i love this kind of video because it prepares me to understand how everything works in a nutshell

[@iOSAcademy]

Glad you enjoyed it! Dont forget to like & share!

[@JamesEtallaz]

Tutorial is short and to the point. However some more explanations along the way would be appreciated. What's an imageView? What's the difference between AspectFill and AspectFit? What does CGRect stand for? Etc..

[@troyfoleydotcom]

Simple Google searches will answer those questions. The shortness is the point.

[@Whiteyy191]

You should have the official swift documentation open at the same time to reference stuff like this

[@guxx5272]

90% of coding is googling stuff

[@jeremywebb7020]

Good video, can I suggest to slow down a bit? Not everybody has these functions memorized and trying to keep up with 3 lines of code in 30 seconds can be challenging

[@ericww32]

I’m a software engineer 2 and this helped me get started creating iOS apps. Though the syntax is a bit confusing, I’m sure it will make sense in time. Thanks 🙏

[@iOSAcademy]

Awesone! Congrats

[@brandon_wilson]

Awesome Tutorial!! It was a little difficult to keep up at times, your talking was perfect but some of your keyboard movement in the program were a little quick so I messed up a few times on the code and would receive errors because I didn't do exactly what you did, so I just scrubbed a lot and paused for copying code as well as slowing the video down a few times just to catch what you were doing. Other than those minor things.. because I literally came into this with no prior knowledge and I'm literally looking at this app on my Mac. This is the best tutorial everrr!!!

[@khan.mansoor]

I was able to follow along and create a working sample app. Thank you so much for doing this. It definitely builds some confidence when you code and see the results on your own screen.

[@iOSAcademy]

Absolutely! Congrats!

[@jessicamorris8035]

Interesting Video on iOs app development using Swift technology. It's helpful for me and also those who need this like beginners. Keep sharing more videos regarding app development using Swift and any other technologies. Thank you!

[@quoteu6240]

Can we make self sizing table view cell using frame layout approach for dynamic height ? If yes please make video on that

[@vicwillis4295]

In October 2021 when building an app - what's the reason for there being no ViewController importing UIKit, but instead a ContentView importing SwiftUI? I can't seem to find an equivalent View. method. Any help is appreciated!

[@abdulazizanvarov4443]

gg man. Next time please explain more. I feel like just coding. Great job!

[@iOSAcademy]

Thanks, will do!

[@PiiiPheCarrasco]

thanks for the video, it will start to follow you and watch your videos. we go for more

[@iOSAcademy]

Youre welcome

[@kels6794]

Thank you. Fun to do for a total newbie and looking forward to trying more.

[@iOSAcademy]

Have fun!

[@marcoheid6473]

little late to the party, but thanks for the video. Created the first app and it was easy and understandable :-) Now I am checking out the other videos and try to create my own app! (Idea is there, but have to learn how to swift code)

[@iOSAcademy]

Good luck

[@devildickdeepdaddy2961]

What’s the difference between Swift UI and Storyboard? And which interface is the best way to learn how to code for beginners? Thank you

[@SO-jp6gh]

Nice tutorial. Btw, I don't see your mouse/cursor moving on the screen. Are you using keyboard/shortcuts for everything? Perhaps for the purposes of the video tutorial you could make an exception and use a big fat mouse pointer so people can see which buttons, icons, etc you are clicking?

[@OliLego]

its his screenrecorder, hid his mouse

[@subarnakhorshed8112]

Thanks for helping me to create my first swift project Just started learning.

[@iOSAcademy]

Your welcome

[@ThePatriotPirate]

Very cool, this was the first app I built, the first of many, will be watching more of your videos tomorrow before I start building my real first app, thanks again!

[@iOSAcademy]

Way to go! Congrats

[@user-uk1en5be7z]

hello, thanks for your video! I liked the way you explain. and the only thing that "bad things happened" was that errors came out because I did not close the stimulator correctly. but I still found what hotkeys to do it and everything worked fine :)Ps/ command + Q. in case it helps someone like me

[@ashikurpaypal7080]

Thanks a lot for helping me to built my first iOS application.

[@iOSAcademy]

Youre welcome!

[@dababy4275]

Hey I really like your tutorials and I’ve been following them recently. I was wondering if you could make a tutorial on how to make a memory match game or a Simon says game. There’s tutorials on KZbin but they r super outdated

[@iOSAcademy]

sure thing

[@jeffwayne3054]

Coming from a data science background who works with python daily, I feel like coding an iOS app is comparable to plotting a nice matplotlib plot with some added functions on top. Nice tutorial btw, makes me want to try it out myself.

[@matchanista2762]

ok this made me feel a lot better about swift! I have an option to learn in school for my degree so I was curious. Im a data analyst who loves python too

[@rajeshrajachokalingam2450]

can you explain bit more for .system view guard and all I mean what’s happening behind the scenes

[@kennethreese4259]

Hello. Why do you use UIKit when SwiftUI Is already imported? What’s the difference and is it necessary to learn both modules?

[@dustinray1840]

I work for Apple as iOS and macOS tech support. I love this and I am actually about to learn more as I signed up for Code Academy. I want to understand this stuff so bad. It’s going to be fun but definitely challenging.

[@iOSAcademy]

Great to hear! You can do it!

[@dustinray1840]

@@iOSAcademy Thank you

[@digitalimpulse]

Advice for applying and getting hired there?

[@MJXed]

Hello there, I just am confused, and I didn't find a way to hot reload like you do without installing the injectIII, or at least I didn't see any sign of it in your video, could you please help me with that? (I just don't wanna install packages I don't know or someone I trust recommend it for me) Ahh my bad, didn't notice, I was just all in, great video, but I came from js background so I used to have a hot reload (the lazy kind of people), do you have an idea how to implement that?

[@benevolent_queen]

Hey you have an attractive voice. Well, I have a question. I want to build an app that will be having user profiles, calling features, geo-fencing, geo-tagging, voice & photo sharing(ephemeral) and a bit of social features. Could you tell me if I should hire a backend programmer as well? Because right now, I do have an app designer and an iOS developer who codes in Swift and deploy it in AWS Lambda. Is the Swift developer enough to create the app logic, business logic and the entire backend of the app? or should I hire a Golang-GRPC / Node.js-Appsync developer for all that? And keep the frontend (iOS) part to the Swift developer? Please do answer. Thanks.

[@elmerluis5705]

Thank you for this great video

[@iOSAcademy]

Youre welcome

[@fabh9010]

It worked! My first iOS app. Thanks man!

[@iOSAcademy]

Confrats

[@leonardodelrosso6549]

Is there a away I can turn a pre-coded file into swift and to give a profile to download on settings?

[@kunalbhutani4988]

As a beginner, should I code every element or use an object library?

[@B0A2]

how do you center the title text?

[@Frogment-ht5ky]

Hi, why doesn’t my Xcode show life cycle? And i cant see the .xxx after the file.

[@loveprogramming9085]

Yeaa thanks iOS Academy I built My first IOS app here

[@iOSAcademy]

Nice!!!

[@koyomo2910]

Great video. I followed along and built the app. Do you have any video on xcoding a webpage to an iOS app?

[@iOSAcademy]

Awesome! Search the channel for webviews

[@RealSlaz]

man I was super confused on how to use it, Thanks Bro

[@Rassy_]

This was awesome

[@iOSAcademy]

Thanks!

[@DiyintheGhetto]

Hello, How can we make a add a browser to the app anddisplay a page when it automatically opens the app?

[@wjalp]

Cool video man!

[@GG-lp2ex]

Great tutorial!! 🙌🏼💪🏼👍🏼❤

[@iOSAcademy]

Thanks!

[@jesshealth]

This tutorial is amazing!

[@iOSAcademy]

Glad you think so!

[@richardrisner921]

Thank you!

[@iOSAcademy]

Youre welcome

[@grantr2241]

I am unable to type in a title under the navigation bar properties. I see a lot more properties than are shown in your tutorial.

[@bryan8881]

Thank you very much this is supper cool my daughter is 10 years old and fallow your tutorial shes exited for her first app

[@auvkso]

Is it okay if I use any reversed url for the organization identifier box?

[@iOSAcademy]

Yes!

[@Savagewinchester]

Might need to update this video because now when I try to follow along I cannot render due to "cannot find ContentView in scope" error

[@shhdevon]

thank you so much!

[@iOSAcademy]

Youre welcome

[@whiteTygr_]

why is my runtime while pressing the button so long to load a new picture using m1 Mac

[@seattlerealestatemedia]

What a great tutorial. :)

[@iOSAcademy]

Thanks

[@Ayrin69]

small problem, i am running Xcode 2010 and… .system(color) doesn’t exist some how

[@joshua.c2840]

Instead of making a didtap() function and putting getrandomphoto() inside, why cant the target of the button just be getrandomphoto()?

[@dilshodqulmirzayev629]

Hey! Thanks for the awesome tutorial

[@iOSAcademy]

Youre welcome

[@adamartinmusic]

very cool, thank you

[@iOSAcademy]

Glad you liked it!

[@devamshah1754]

i accidentally deleted my main.storyboard how do i restore it and point it to my project?

[@arthurdut7959]

Just stumbled across this. Excellent tutorial.

[@iOSAcademy]

Glad it was helpful!

[@dgsharma3299]

Can you do this without a Mac?

[@Adrian.katzenstein]

I get error code: Cannot find type 'UIImageview' in scope on line 12 and also cannot infer contextual base in reference to number on line 21 can't get through those does anyone else get the same problem?

[@elinbirgis]

Where can I copy paste this code?

[@raintech7053]

Awesome Thanks

[@iOSAcademy]

Welcome

[@_dinesh]

Thank you for the great video tutorial... The video quality could have been a little better tho at 1080p it is still blurry.

[@iOSAcademy]

Thanks for the feedback

[@ignaciotapia2746]

Awesome tutorial, I finally made my first IOS app !

[@whitemailprivilege2830]

Congrats!

[@iOSAcademy]

Congrats!

[@lovelymusicnow4404]

Can you make a camera app this way also? Can you show us how to do that? Is that possible?

[@dougedwards1984]

Thanks for taking your time on this tutorial. But I'm wondering if it does not work on 14.2.

[@iOSAcademy]

It should

[@pdutta1607]

What a nice video!

[@iOSAcademy]

You are so kind

[@krisnapranavelangovan6453]

GREAT COURSE!!!

[@iOSAcademy]

Thank youu

[@krisnapranavelangovan6453]

@@iOSAcademy subscribed!

[@danielduggin2898]

Late to the party but do you recommend starting with the swift 5 for beginners (2022) playlist?

[@iOSAcademy]

Yes!

[@navjotsingh2457]

ty

[@iOSAcademy]

Your welcome

[@MSGproductionLabel]

Thank you. Do you give private lessons? I want to learn bootcamp for building ios apps.

[@iOSAcademy]

Yoire welcome. Not yet but planning to

[@simongregan9106]

Can you make tutorial how to make drawing app in xcode? Thanks your videos very halp me

[@iOSAcademy]

Sure & thanks!

[@DeconstructedLearningOfficial]

HI I tried writing this code but on execution the random photos didnt stick with the defined 300*300 frame size, how to resolve this issue

[@iOSAcademy]

Clip the imageview

[@Venaber]

Thanks

[@iOSAcademy]

Youre welcome

[@user-iu1et3be3b]

Hey! I’m currently learning Java. In the future I plan to learn Swift. Is it easier to learn swift when you know Java?

[@iOSAcademy]

Yes

[@user-iu1et3be3b]

@@iOSAcademy thanks a lot!

[@josephgitahi2090]

Great 👍

[@iOSAcademy]

Thank you! Cheers!

[@markraitman]

Nice!

[@iOSAcademy]

Thanks

[@danielhossa4874]

How would I add the ability to use the photos from my phone rather than the random image URL generator?

[@iOSAcademy]

Use a photo picker. Search my channel for a video on this

[@laurafinger]

Do I have to have a Mac device (like an iPhone/ Pad) connected to view the simulator? Nothing's coming up on the simulator.

[@iOSAcademy]

You do not

[@laurafinger]

@@iOSAcademy Good to know. When I attached my phone to my Mac I still didn't see the simulator. I selected iPhone 8, the model of phone I have, but there's still no simulator displayed. There's a dropdown of iPhones, iPads, etc, every model you can imagine, but there's no simulator to the right of my code. There's no way I can preview my changes. I deleted XCode and reinstalled the latest version, but there's no simulator.

[@noahbrauner3694]

@@laurafinger command-option-enter toggles the preview

[@SO-jp6gh]

@@laurafinger The simulator doesn't necessarily show up to the right. It could be hidden behind everything. On your bottom bar of your MacBook screen, do you see a black dot underneath the simulator icon? If so, click that icon and see whether a simulator pops to the front. Also, if you have connected your real physical phone, then one of your options will actually show the name of your phone (not iPhone8, that would actually still be a simulator, not your physical phone).

[@headbumb9022]

How can I have a link for a meme website instead this one?

[@shahil980]

Can I get Xcode in iPad if not any other way non than Mac ?

[@iOSAcademy]

You can get swift playgrounds

[@charge03]

Why photo loading is delay for me?

[@iOSAcademy]

Depends on internet speed

[@AFMR0420]

Can I do this on my IPad Pro 2021?

[@iOSAcademy]

Yes

[@brandontyler9278]

outerloop: for i in 1...3{ innerloop: for j in 1...3 { if j == 3 { break outerloop } print("i = \(i), j = \(j)") } } Output i = 1, j = 1 i = 1, j = 2 Can someone explain this break statement in this for loops? Why on the second iteration it still say "i = 1"? Shouldn't it say "i = 2"?

[@dewinchy]

this has nothing to do with the video I guess and I hope for you 4 months were long enough to have the answer ... but here you go: if you break a loop, you break out of it, so no more loops happen. as you break out of the outer loop, the next line of your code get executed after the outer loop ... as you don't have any further commands, your app quits and you're left wondering about the output. if you want to let your code say i = 2, so you'd like to break out of the inner loop to execute the next outer loop, you'll have to break the inner loop.

[@dickiefinehuman5269]

No because the for loop for i terminates once j reaches 3, this doesn’t allow i to reach too. Bit weird, he could have set i=1

[@dickiefinehuman5269]

Two*

[@user-wr8ti1ff9w]

Hello, how do we make our own reverse URL?

[@iOSAcademy]

Just pick a random one

[@user-ci3hj4td5g]

감사합니다

[@iOSAcademy]

Youre welcome

[@stevesnoob]

I did everything you said, i even went on google, but first: my white square box where the image will be displayed is not showing, and the image is not showing. Is there a way to fix that?

[@talhayousaf3918]

Was facing the same problem , in my case I was using http instead of https . As http donesn't work in ios.which means use https if you're using http in url string

[@stevesnoob]

@@talhayousaf3918 thanks, although that comment was a year ago :P

[@talhayousaf3918]

@@stevesnoob You welcome. I didn't notice that your comment was a year ago :-)

[@jonathansuarez7464]

Can I get a source code please?

[@TheRealityTwister]

I am getting this error: Value of optional type 'URL?' must be unwrapped to a value of type 'URL'

[@iOSAcademy]

You need the guard statement

[@jamesbissonette]

Hi, where can I download source code?

[@iOSAcademy]

Available to channel members

[@JesusPerez-rp5cd]

mmm i love the video, but the url is broken :/. i tried to change for other

[@iOSAcademy]

The url changed to source.unsplash.com/random/600x600/?scenery

[@BenDoesGames]

Watching the video at 8:20pm, what're the chances I watch at the same time as your system clock in the intro?? haha

[@iOSAcademy]

Hah it means youll be a great ios dev

[@siderism1062]

Every time I write imageView the error: ‘Instance member ‘imageView’ cannot be used on type ‘ViewController’; did you mean to use a value of this type instead?’ Comes up. Edit: Fixed it

[@kamkanikahilialoha]

How did you fix this?

[@siderism1062]

@@kamkanikahilialoha It was just a typo. Just look at the code on your PC and compare it with the code in the video.

[@kamkanikahilialoha]

@@siderism1062 Ok. Ill check. Did you build your app in iOS 15 or 14?

[@siderism1062]

@@kamkanikahilialoha IOS 15

[@woutersmoors9523]

Why has my Xcode has an whole different layout than you?

[@conwks]

so is this only possible on macbook? windows cant use xcode

[@iOSAcademy]

Correct

[@ManjuRawat]

You can use a Virtual Machine like VMware or virtualbox

[@godworshipfan]

I am stuck I follow everything but I get an error message. Cannot find 'imageView' in scope. on the line imageView.image = UIImage(data: data)

[@peterluo1776]

Great video bro 👍 Now Subscriber.

[@iOSAcademy]

Thanks!