Swiftui Netflix

Tags: SwiftUI

Build a functional Netflix clone using the latest SwiftUI features

Last updated 2022-01-10 | 4.7

- Bind Your Data With Your UI
- Using new SwiftUI views for iOS 14
- Features and functionality of new Xcode 12 beta

What you'll learn

Bind Your Data With Your UI
Using new SwiftUI views for iOS 14
Features and functionality of new Xcode 12 beta
Quickly building reusable views
Implementing MVVM with SwiftUI
New Swift 5 syntax

* Requirements

* Basic Swift programming understanding
* Basic iOS Development understanding

Description

Building real apps is always the most efficient way to quickly learn new software engineering concepts. In this course you will learn how to use SwiftUI for more than just playing with small prototypes.


You will be building a functional Netflix clone that has most of the features of the real app. The focus of this course is learning & perfecting SwiftUI concepts. We will be building all of the visual UI components from the Netflix app. We won’t handle networking and we’ll be loading our data locally to show up within the UI. The app is built with MVVM and you'll be able to easily integrate your own networking layer.

Some parts of the course require iOS 14 and Xcode 12.

Many lessons can be followed using Xcode 11 and the important concepts learned will still apply to iOS 13. But some views & functionality are only available in iOS 14 using Xcode 12. For example, the ‘Grid’ view is only availably in iOS 14+. For iOS 13, you would have to build your own implementation using a combination of VStacks & HStack.

What is SwiftUI 2? 
Apple has provided this new framework as a way to quickly build beautiful user interfaces for any Apple device using just one set of easy-to-use tools. With the new declarative syntax of SwiftUI, it takes less code to keep your code and design perfectly in sync.

SwiftUI works seamlessly with new Xcode design tools and significantly speeds up development by showing your code changes in real time! 

After the latest features for iOS 14 announced at WWDC 2020, SwiftUI 2 is even more robust! New views, new functionality, less bugs, and faster performance with Swift 5.

No excuses to skip out on SwiftUI now.
Start learning today! 


This course is in no way affiliated with Netflix, Inc. No source code of the real Netflix application is ever shown. This code is my interpretation of how I would build the app using SwiftUI.

Who this course is for:

  • Experienced developers ready to jump into SwiftUI 2
  • Beginner developers learning how to build real applications with SwiftUI 2
  • Developers looking to practice their design skills
  • Developers who learn best by building real project

Course content

8 sections • 41 lectures

Course Overview Preview 03:00

Creating an Xcode project for SwiftUI Preview 08:49

Setting Up HomeView Preview 38:35

Large Movie Preview (Part 1) Preview 17:33

Large Movie Preview (Part 2) Preview 14:13

Large Movie Preview (Part 3) Preview 16:19

Large Movie Preview (Part 4) Preview 11:51

HomeView Top Row of buttons Preview 14:23

Building MovieDetail View (Part 1) Preview 16:08

Building MovieDetail View (Part 2) Preview 15:31

Building MovieDetail View (Part 3) Preview 22:03

Building MovieDetail View (Part 4) Preview 19:24

Custom Tab Switcher Preview 09:20

"More Like This" Grid Preview 13:10

"Trailers & More" List Preview 21:49

EpisodeView (Part 1) Preview 16:17

EpisodeView (Part 2) Preview 09:07

EpisodeView (Part 3) Preview 18:37

Integrating MovieDetail View with our Home View Preview 09:21

Top Row Buttons (Part 1 - Setting State Variables) Preview 20:51

Top Row Buttons (Part 2 - Responding To State Variables) Preview 15:51

Top Row Buttons (Part 3 - Showing Overlay Menus) Preview 20:05

Custom Search Bar (Part 1) Preview 17:25

Custom Search Bar (Part 2) Preview 17:10

Search View (Part 1) Preview 18:10

Search View (Part 2 - Custom Bindings) Preview 11:47

Search View (Part 3 - Popular) Preview 14:48

Search View (Part 4 - Lazy Grid) Preview 07:50

Coming Soon (Part 1) Preview 19:45

Coming Soon (Part 2 - Tracking Scroll View) Preview 18:55

Building the "Preview Image Cell" view Preview 13:50

Building the "Preview Row" - Row of Preview Images Preview 13:45

Building the "Pager" - A scrollable container of views Preview 34:31

Trailer Player View - Video Player Wrapper Preview 07:22

VideoPlayer link: https://github.com/wxxsw/VideoPlayer

Preview View - FullScreen video playing view Preview 24:37

PreviewList - Scrollable list of videos Preview 18:01

Advanced Drag Gesture 1 - Showing & Hiding a fullscreen overlay Preview 17:17

Advanced Drag Gesture 2 - Combining Multiple Gestures Preview 32:42