iOS Development Course - Use Swift 5 and UIKit to Build a Netflix Clone

Рет қаралды 303,511

Күн бұрын

Learn how to use Swift 5, UIKit, and Xcode to develop iOS apps by building a Netflix clone. You will learn how to implement the MVVM design pattern.
✏️ Course developed by Amr. Check out his channel: / @amrhossam96
💻 Github Repo: github.com/amrhossam96/Netfli...
⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction and App Demo
⌨️ (0:02:28) Creating new Xcode Project
⌨️ (0:05:41) Creating MainTabBarViewController
⌨️ (0:16:38) Setting HomeViewController TableView
⌨️ (0:30:07) Setting home TableViewCell and it’s CollectionView
⌨️ (0:38:46) Creating Table’s HeaderView
⌨️ (0:59:35) Customizing the navigation bar
⌨️ (1:10:17) Setting Tableview sections titles
⌨️ (1:19:21) Sending URL Requests and Parsing JSON response
⌨️ (1:40:11) Using Extensions
⌨️ (1:42:24) Consuming API To Fetch Data for each Section
⌨️ (1:59:20) Refactoring Models
⌨️ (2:01:50) Creating Custom CollectionViewCell
⌨️ (2:08:24) Passing data to the CollectionView
⌨️ (2:22:49) Viewing poster images inside CollectionViewCell
⌨️ (2:24:27) Creating Upcoming TableView inside Upcoming Tab
⌨️ (2:31:55) Creating custom TableViewCell from the upcoming table
⌨️ (2:40:00) Creating TitleViewModel
⌨️ (2:50:11) Creating Top Search TableView inside TopSearch tab
⌨️ (3:01:06) Creating SearchResultsViewController to display search results
⌨️ (3:11:21) Querying database for individual movie
⌨️ (3:20:50) Using KZfaq API
⌨️ (3:28:51) Parsing KZfaq API Response
⌨️ (3:35:19) Handling selections of cells (Tapping on cells)
⌨️ (3:38:37) Creating TitlePreviewViewController
⌨️ (4:06:11) Refactoring TableViewHeader Hero title
⌨️ (4:13:03) Handling Tapping across all ViewControllers
⌨️ (4:29:26) Core Data (Best Practices)
⌨️ (5:07:36) Using Notification Center to update ViewControllers
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

Пікірлер: 281

@Amrhossam96 2 жыл бұрын

I hope you guys enjoy this tutorial. Thanks in advance ❤️

@ArtemGavrilik 2 жыл бұрын

Honesty, it is pretty bad. I watched as a pretty experienced IOS engineer and I don't know what can beginner learn from this one. I feel like it's too much for them, since they may not even understand how certain types work. Although you show how everything works, you do not explain stuff. Maybe you should improve your english a little bit, so basically(hope you get it) it was more or less decent, but far from good. I would never sit through if I was a beginner.

@Amrhossam96 2 жыл бұрын

@@ArtemGavrilik I’m sorry as my course didn’t meet your expectations. honestly that course wasn’t developed initially for beginners and I agree that some parts needs a minimum understanding of swift 5. but I’m in the making of another course for beginners. I hope it will meet your expectations

@NameSurname-zs6uz 2 жыл бұрын

Hi Artyom @Артём Гаврилик . Could you please recommend any video tutorials that explains in detail during an app development?

@bcyourself 2 жыл бұрын

@@Amrhossam96 I was a native iOS developer and then I switched over to react native and now I’m looking to get back into native iOS and this course helped a lot to refresh a lot of things that I forgot! Thank you for creating this course!!!

@Amrhossam96 2 жыл бұрын

@@bcyourself thank you so much. Comments like these is the main reason why i’m doing it from the beginning ❤️

@Kilopillz Жыл бұрын

Finally completed the tutorial. Cannot thank you enough for this. This was super fun. Thanks again.

@djryanashton Жыл бұрын

BRILLIANT!!! I finished it - from start to finish - the whole thing. Thanks Amr!!! :)

@Chavalk Жыл бұрын

Great tutorial! Extremely complete and thorough! Thank you very much! Definitely worth the time!

@garrett3338 2 жыл бұрын

Awesome! I was waiting for iOS and swift courses. Thank you!

@berkayates6254 Жыл бұрын

Does this course by uikit or swift ui i do not see the canvas so does he use swift ui

@mpilodlamini8407 Жыл бұрын

Half way there, I am really enjoying this tutorial. Thanks you so much for this. The view we are building here is really complex and you are simplifying it soo well. Super easy to follow along. Keep it up.🙏

Жыл бұрын

Just finished. Added another good project to my portfolio and learned a lot of things. Thank you a lot!

@fonggor9913 Жыл бұрын

I've just finished this tutorial! I would like to say this is a very greaaaaaaat tutorial! I've learned a lot from this, no matter is Swift, UIKit, and also the data structure, etc

@MAbbas-ih7sz 2 жыл бұрын

One of the Best tutorials I have ever scene. Very easy to understand. Please make more tutorials like this. I have enjoyed this tutorial a lot. Thank you so much.

@bugraates478 Жыл бұрын

I can't believe in my eyes there is a tutorial such that on KZfaq for free! It is awesome 💪

@abraham5781 Жыл бұрын

Guys don't forget to pause the video and try these ideas yourself and then start watching again, I fell into the trap of just following along without actually learning so many times that I felt quite stupid for a long time. It's the only way of escaping tutorial hell. Not saying that freeCodeCamp is bad or anything (they are a valuable resource and I own so much to them) but just make sure that you don't watch along without absorbing what is actually being said and done. Hope you don't repeat my mistakes.

@hhhastiii5379 Жыл бұрын

thank you for the advice

@techwithchavan4986 Жыл бұрын

My favorite edu KZfaq channel and community 🙂. Thanks for this amazing, useful content.

@user-kj5dp9xy8h Жыл бұрын

Thanks to your great work, I could learn a lot here. I'm glad It was my first clone coding. I really appreciate it.

@franalarza8354 Жыл бұрын

I just finish the tutorial!!. Thanks for your efforts and the big quality of the tutorial!

@sapere4ude773 2 жыл бұрын

It was nice that I get this knowledge comfortably at home. Hope you such a great things. Thank you. 🙂

@bigamerico 2 жыл бұрын

it was a fantastic tutorial, very well explained, thanks for sharing !!

@tiffany668 Жыл бұрын

thanks man for you work, one of the best courses i ever done!! thanks

@palliboinasumanth-ye6fp Ай бұрын

Thanks. It's awesome. It is really helpful to beginners who wants to gear up their basic knowledge on UIKIT and Swift

@user-rx7nw3xv5f Жыл бұрын

Thanks for you , i learned a lot from this tutorial , waiting for more 😍🥰

@vishaloza6981 2 жыл бұрын

Awesome project and tutorial! thank you!

@javlonbeksharipov4649 Жыл бұрын

Just completed this course! Thanks!

@akinji27 Жыл бұрын

Thank you Amr, Thank you FreeCodeCamp! A very beautiful tutorial!! I learned a lot of new things!

@djryanashton Жыл бұрын

I love the way you create your labels, views, etc as anonymous functions/ closures. I'm new to Swift and programming and I think it's very clever.

@sidekick3rida Жыл бұрын

Cleverness should be avoided when writing software

@djryanashton Жыл бұрын

@@sidekick3rida Who told you that?

@TheseEyesSeeDarknessClearly7 11 ай бұрын

⁠@@djryanashtonI think he means that if you’re working with a team of developers, it’s best to write code that everyone will understand. Trying to be clever and write code in nonconventional ways can confuse people. Of course, if the code improves performance that’s a different issue. If you’re a solo developer then non of this applies

@MubashirShehzad 2 жыл бұрын

Thank you mate. Much appreciated 👍

@avii___7 Ай бұрын

Thanks, it helped me to grow in iOS development.

@jitterytiger700 2 жыл бұрын

i just start learn swift and see this, oh my god you are so crazy (in a good way).Thank for the video

@HiiipowerdanniRuns 2 жыл бұрын

I’m so excited to learn about this

@huynhhoai9697 10 күн бұрын

This video is exciting, thank you so much

@blackstarkami 2 жыл бұрын

Nice! More iOS videos like this one please!

@godsplangodwin5721 2 жыл бұрын

Love you guys ❤️

@MAbbas-ih7sz 2 жыл бұрын

A little tip for you. Opening two files side by side press Option Key and Click on the file then that file will be open side by side

@ramanthakur1105 2 жыл бұрын

Thankyou so much, love your content.

@malikaashurova5518 4 ай бұрын

I did it!!! Super useful video👍🏻

@djryanashton Жыл бұрын

2:30:45 I never thought of assigning multiple nil coalescing before!! Thanks for teaching me this! What a good idea. ;)

@darshanxavier5376 2 жыл бұрын

This is a great courses 👍

@Freqat 2 жыл бұрын

Thank you for this tutorial!

@StepanovDmitriy Жыл бұрын

Very good tutorial! Thanks a lot

@BukhariTechnologies 2 жыл бұрын

Waiting for this…❤️

@mehmetfazlkulakoglu7201 Жыл бұрын

Thank you so much. It is great tutorial.

@ajaybabusingineedi5797 Жыл бұрын

Well done. thanks for this beautiful App.

@turbofuture1 2 жыл бұрын

thanks for this!

@bobbydeng4932 2 жыл бұрын

Great tut! One suggestion is to zoom a little bit bigger, which is gonna benefit a lot for small screens like mine.

@orehek3965 2 жыл бұрын

Finally, thanks

@analyzee 2 жыл бұрын

Wow that is amazing thank you bro

@abdorizak 2 жыл бұрын

Thanks Freevodecamp 😊 please More Courses on Swift uikit 💖🔥

@shoxyyt5425 2 жыл бұрын

Thank you for this

@user-bi9kz3ze2u 2 жыл бұрын

WOW!!!! Thank you so much

@useruseruuseruuseruuseruuser Жыл бұрын

Great tutorial, Thank you 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

@dimitarslezenkovski2116 2 жыл бұрын

mastermind organised lecture

@mustafaengudar8197 2 күн бұрын

I thank you man!

@vadim_polovoi Жыл бұрын

Thank you so much!

@solifuse8079 2 жыл бұрын

Don't ask me how I knew Amr's Egyptian. Anyways, I'm so happy right now, that there's a pro-Egyptian developer who's on the freeCodeCamp team!!!!!!!

@junnuravikumar 2 жыл бұрын

Thank you 🙏🏽

@3luizcunha 2 жыл бұрын

nice one man! But instead of extending swift's String class, you can just use the "capitalized" method

@jorgenandreason9099 Жыл бұрын

Great tutorial. Would help if you added direct links to the different ‘chapters’ so it would get easier to get to them.

@KJSu-1975 2 жыл бұрын

Good ,thanks.

@tazwarutshas Жыл бұрын

this was helpful

@adielron6864 Жыл бұрын

amazing bro

@edskalski5742 Жыл бұрын

Good job! thanks, nice learning tutorial

@guillermonarvaez8486 2 жыл бұрын

Best tutorial (Y)

@zaighamfarid9092 Жыл бұрын

much appreciated

@govindkrishnag2477 2 жыл бұрын

Good one

@natyman4084 2 жыл бұрын

Thanks guys

@saplay3372 2 жыл бұрын

Awesome

@yp4279 2 жыл бұрын

Love it even i don't have a mac.

@danielniels22 Жыл бұрын

can't you just use virtual machine?

@eu1860 Жыл бұрын

some note for switch btw black and white mode of iPhone: command + shift + A

@13WDERS Жыл бұрын

good job! thank you for the awesome tutorial!

@berkayates6254 Жыл бұрын

do he use swift ui as ı see they say we are using uikit but there are no design screen. does he code everything in code

@13WDERS Жыл бұрын

you could fast forward the video and take a look.

@berkayates6254 Жыл бұрын

@@13WDERS actually it did but although it have experiance about flutter and nodejs i did not understand i am completely new on swift

@berkayates6254 Жыл бұрын

@@13WDERS as i know swift ui is new framework compare to uikit and in video he imports uikit but there is no canvas so i can not make sure is it uikit or swift ui

@13WDERS Жыл бұрын

he uses only uikit.

@user-xn1jy8cl5g Жыл бұрын

THANK YOU

@itsicetea69 Жыл бұрын

Hello Can I use Xcode,Swift UI and UIkit on Windows 10 laptop?

@abdoumagico51 2 жыл бұрын

For my birthday, I would love a course about swiftUI

@egortrain6378 2 жыл бұрын

How could i setup xcode theme like him? Exactly, left bar where project's structure categories is up. It's seem like there is invisible background. This is awesome!

@Doiduu14 2 жыл бұрын

Good vídeo

@f00kwhiteblackracismwarsh07 2 жыл бұрын

Can you also please upload latest version of swift and SwiftUI course?

@sukivirus 2 жыл бұрын

Please make macos developement course with swiftui. Its missing on youtube. Thanks

@useruseruuseruuseruuseruuser Жыл бұрын

Could you guys share such good tutorials with me/us ?

@FabricioMTL Жыл бұрын

Can you do thiS with SwiftUI please😊😊 your are amazing

@TrendElement 2 жыл бұрын

What device model are you useing for the tutorial?

@dorinai 2 жыл бұрын

I want to create a similar app but for streaming korean dramas to launch my start-up. Can youtube api be used comercially?

@user-ci3hj4td5g Жыл бұрын

Thank you for the lecture video, but during the build, an error called Thread 1"Could not find a storyboard named 'Main' in bundle NSBundle popped up, and the build succeeded, but the function did not work. Is there a solution? I would appreciate it if you could give me an answer!

@greegosaju5614 2 жыл бұрын

thanks i completed this project is it simple if i use view will appear instead of noticfication center is it good practice pls replay

@reyk5146 2 жыл бұрын

Are there any other similar tutorials from this author?

@aureliomarques1864 2 жыл бұрын

Hello, My name aurélio Marques,. I'm doing swift 5 training and I have a question that would be this If you want Interface Builder to reflect UI changes that you have written in code, you must prefix your custom class with what designation? what would this designation be? Please can you help me to resolve this issue.

@cwcfunclock2709 2 жыл бұрын

How can this person do all kind of programming?

@djryanashton Жыл бұрын

Is there any drawback and possibility of causing the app to crash by having `APICaller.shared` as a static property?

@elduverx Жыл бұрын

i only wanna say Thanks..

@bugraates478 Жыл бұрын

Why we set the title of each view controller again although we set them in the maintabbarviewcontroller early

@dimisss13 2 жыл бұрын

Interesting Tutorial. Trully beginner, but i got the main concept, why you do every step. I also add *//* to keep notes. For a newcomer to that, i think in parallel, or before have an introduction tutorial to get the know how. I have an issue for example, but missing the basics, cannot find the solution. On the navigation bar, where we inserted the image from Netflix as leftitem, it's stuck almost in the middle of the navigation bar. While the SF symbols on the right are just perfect. (I tried them also on the left and works great). So I guess it has to do with adjusting the image dimensions, or positioning. In any case thanks for bringing out the knowledge to everyone..

@crazyrandomthings2246 2 жыл бұрын

same issue, did you find a fix for this?

@user-jw3fb2ql2i 2 жыл бұрын

@@crazyrandomthings2246 this is because your image is wider than the one used in the video, you can download the github application project from the video and take the image from there

@crazyrandomthings2246 2 жыл бұрын

@@user-jw3fb2ql2i - that works, It looks better now. :) Thank you so much.

@ensarbatuhanunverdi7624 2 жыл бұрын

@@crazyrandomthings2246 or you can change your image size to 72x72. When you done, your image will be placed to the left .

@djryanashton Жыл бұрын

4:23:59 You pretty much always capture [weak self] when using DispatchQueue. Is that correct? When would you not capture self as weak for DispatchQueue?

@bambou3715 4 ай бұрын

Are we ok that now we can use SwiftUI to release this kind of Ui table/collection view controller ?

@anmec9484 Жыл бұрын

Hi Amr, great Tutorial, so far, but I'm having some problems: In the KZfaq part, I'm getting this message in the console: "The data couldn’t be read because it is missing." What am I doing wrong?

@anmec9484 Жыл бұрын

@@degrees7117 Hi @Gerry I was about to delete this comment, because I got it!!! I did the basic. Went to a previous commit and follow the video from there. And it worked. 😉

@soz6096 Жыл бұрын

Hello freeCodeCamp can u write the tests for this app ?

@amjadhossain9500 2 жыл бұрын

Ah..i just waited for ios course... Thanks freecodecamp...

@user-jw3fb2ql2i 2 жыл бұрын

f there is an error with streams, such as a cell returned from -collectionView:cellForItemAtIndexPath: does not have a reuseIdentifie, then it can be replaced in extension CollectionViewTableViewCell where guard let model = titles[indexPath.row].poster_path else { return UICollectionViewCell() } from UICollectionViewCell() per just cell

@cgontijo 2 жыл бұрын

This is a good tutorial, however, you are not using the MVVM pattern in this project AT ALL. The basic principle of MVVM is to decouple the business logics and the data sources from the view controllers, which is not quite what you have in the finished project. I suggest you change the description and remove the mention to MVVM to avoid misleading beginners. MVVM is a great pattern if you use it correctly. Hope you take this comment constructively, and overall I really like your videos, thank you.

@TheInvestmentThesis 2 жыл бұрын

This is a genuine request because I'm a beginner. Can you provide a fork of this project with the correct MVVM pattern implemented for comparison, please?

@Freqat 2 жыл бұрын

@@TheInvestmentThesis kzfaq.info/get/bejne/n69gf8STqL--eqM.html you should watch this video.

@redjohn4626 2 жыл бұрын

Thanks. I’m beginner and I need to learn MVVM pattern with IOS Development

@Thebbk Жыл бұрын

Hi Christiano, What kind of pattern has been used in this video? It more looks like MVC, right?

@berkayates6254 Жыл бұрын

Does this course by uikit or swift ui i do not see the canvas so does he use swift ui

@djryanashton Жыл бұрын

4:01:17 Why do you capture 'weak self' and then create a 'strongSelf' constant?

@theyreheretokillus 2 жыл бұрын

SOLVED...when i added the 4 view controllers to MainTabBarViewController at 10:23 it says Cannot find 'HomeViewController' in scope and unlike your yellow warning error, mine is red alert error. EDIT: at one point I did things out of order: I created the HomeViewController before I made a Controllers group because, at first, I missed it when you showed that. EDIT2: possibly it showed a red alert error for all the vcs, but now that im looking at it, it is only at the HomeViewController. Im going to restart the whole project and see if it fixes it. can you please tell me how i can avoid this with a shortcut in the future and if im correct about what i did inccorect?EDIT3: I misnamed the HomeVC initially and am going to delete it and make a new one. EDIT4: I misnamed the HomeViewController class. I fixed it now, but the error is still there. I dont understand how it is different from the other vcs... maybe I will delete it FIRST this time before creating a duplicate. EDIT5: fixed

@aoDuyThaiBDCCN Жыл бұрын

Did you subclass UITabBarController ?

@ShredzZ Жыл бұрын

Hi, do you think iOS development is good career path if I want to be full time freelancer? Most of ppl saying the web dev is better for freelancing but im enjoying swift more than other languages. What do you think?

@perodjurovic6948 4 ай бұрын

Of course, is a good career path. Everything is a good career path if you enjoy doing it. Don't try to force going on web development if you don't feel it as enjoyable as mobile development for example. Cheers!

@MOHD_SARWARE_ALAM 2 жыл бұрын

❤

@mikeclack9116 2 жыл бұрын

how can i add my own images instead of the api data?? :)

@pradeepkumarreddykondreddy7048 Жыл бұрын

Why did you delete the story board related code ? Will it cause any issue if we don't delete it ?

@djryanashton Жыл бұрын

He's just keeping his code clean and deleting unused items. It' won't cause any issues.

@Studioslionnoir 2 жыл бұрын

Help appreciated: Using Xcode 12.4 here. Netflix logo is always centered on my end instead of left-aligned. How can I fix it? Thanks!

@Studioslionnoir 2 жыл бұрын

If this can help anyone, I found the answer on AMR's channel. It's a sizing issue. Open the image in Preview, go to Tools --> Adjust size, and change the size to something very small, it will work.

@angelocorsini384 2 жыл бұрын

size of the image is too big, pick a smaller logo from the internet

@heroardaful 2 жыл бұрын

thanks for mention it, i download a png and resize it by 128x128 it places just as i wanted

@kmitina Жыл бұрын

@@heroardaful You are my hero 🥲🥲🥲

@dennisgodman9732 Жыл бұрын

@@angelocorsini384 thank you!