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 faced challenges due to the unfamiliar language called Dart, it has gained immense popularity by boasting app performance and development speed that easily surpass React Native.

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

Now, learn Flutter quickly by following the Netflix UI!

💡 Course Features

Full lecture subtitles! Quick code progression!

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

The "Just Flutter" course minimizes explanations for each code, so you can follow the code first and then study while thinking about it on your own.

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

I will explain in more detail and kind in the later lecture on "Flutter that Pulls Off the Balls" !

✏️ What you will learn in this course

In this course, you will learn:

☑️ How to build UI with Flutter
☑️ How to connect Flutter and Firebase Firestore to exchange data
☑️ 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 :)
(Logo image courtesy of Guinness! Thank you😊😊)

🛠 Required development environment

Any environment that supports development with Flutter is fine!
There is no separate 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 make it exactly as shown in the lecture?
A. The instructor isn't a skilled developer, so he may have written poor code. Also, since he doesn't have much experience with Flutter, there may be some unnecessary code. 😭😭 I'll 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 text items, Flutter considers them widgets. Think of them as components, similar to those found in other development frameworks.

Q. I'm curious about Flutter's state management.
A. In Flutter, the most basic form of state management is achieved with StatefulWidget and createState() . To further develop this, let's learn about blocs, providers, and other methods!

💡 If you liked the lecture..!

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

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