Coding Netflix UI Clone with Flutter + Firebase [Just Flutter]

Netflix Clone Coding!
Build fast, stunning native apps with Flutter .

The fastest way to start developing apps, Flutter

Flutter is an app/web/desktop app development framework developed by Google.
Although it initially had some difficulties due to the unfamiliar language called Dart, it is now gaining huge popularity as it boasts app performance and development speed that easily surpass React Native.

Many developers who have tried Flutter believe that Flutter can sufficiently replace native app development.

Now, learn Flutter quickly by following the Netflix UI!

💡 Course Features

Full lecture FULL subtitles! Fast code progression!

(The editing quality and speed of the first 4 lectures are not good. The subsequent lectures are smooth..!!)

The "Just Flutter" lecture is a lecture that minimizes the explanation of each code, so you can just follow the code and study while thinking about it on your own.

The explanation in this lecture may be insufficient, so I plan to upload a separate lecture on the widgets or logic that appear in this lecture later. It may not be suitable for those who need to understand the basic concepts first.

I will provide a more detailed and friendly explanation later in the "Flutter that Pulls Off Mulberry" lecture!

✏️ What you will learn in this course

In this course you will learn:

☑️ How to build UI with Flutter
☑️ How to send and receive data by linking Flutter and Firebase Firestore
☑️ How to create a Flutter app with a bottom tab bar structure

📖 Netflix UI completed by the end of this lecture

After the lecture, you will be able to complete the Netflix UI below :)
(The logo image was created by Guinness! Thank you haha)

🛠 Required development environment

Any environment that can develop with Flutter is fine!
There is no separate explanation lecture, so please prepare in advance:)

Setting up the Flutter development environment

My development environment is as follows:

OS: Mac OS Mojave / iOS Simulator
SDK: Flutter SDK 1.12.13+hotfix.8
Editor: VS code
VS code extensions: Dart / Flutter / Rainbow Brackets

🛠 Lecture Materials Room

Full source code repo: https://github.com/TaeBbong/netflix-clone-lecture

Source code for each lecture: https://taebbong.github.io

(You can also watch it on YouTube!) Free lecture YouTube link: https://bit.ly/33BYAlD

🙋🏻‍♂️ Expected Questions QnA

Q. Do I have to do it exactly as shown in the lecture?
A. The instructor is not a good developer, so there may be bad code written. Also, since I do not have much experience with Flutter, there may be unnecessary code sometimes. I will study more and show you more advanced code and lectures in the future. :)

Q. I'm curious about Flutter's Widgets!
A. In Flutter, everything is a Widget! From large screens to small texts, Flutter considers them as Widgets. You can think of them as components in other development frameworks.

Q. I'm curious about Flutter's state management.
A. In Flutter, the most basic state management is done with StatefulWidget and createState(). Let's learn about methods such as bloc and provider to develop them further later!

💡 If you liked the lecture..!

Since this course is free, the course creator can work hard thanks to your support and encouragement!

If you liked the lecture, please buy me a cup of coffee (click) :)