강의

멘토링

커뮤니티

Programming

/

Mobile Application Development

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

This course is about cloning Netflix UI with Flutter and Firebase! Start with Flutter, the fastest way to learn app development :)

(4.7) 179 reviews

8,963 learners

Level Basic

Course period Unlimited

  • taebbong
Flutter
Flutter
Clone Coding
Clone Coding
Firebase
Firebase
Flutter
Flutter
Clone Coding
Clone Coding
Firebase
Firebase
Thumbnail

Reviews from Early Learners

Reviews from Early Learners

4.7

5.0

겸식이

100% enrolled

Rather than trying to understand all the concepts, it would be helpful to just follow along first. I think you can find out more detailed widget usage and grammar by looking them up.

5.0

Clark

38% enrolled

I took a quick look and it seemed like a very good lecture for practice, so I decided to study it. I hope you have a healthy military life.

5.0

RyanJ.k

100% enrolled

It was nice to be able to quickly learn Flutter.

What you will gain after the course

  • Just follow along and build a UI with Flutter

  • Clone coding including Netflix watch feature

  • Retrieving data by connecting Flutter and Firebase

  • How to use various Flutter packages

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) :)

Recommended for
these people

Who is this course right for?

  • People who like lectures where you can just follow along and make something

  • For those new to Flutter

  • People with basic development knowledge

  • A person who likes to try something first and then think about it

Need to know before starting?

  • Object-oriented programming concepts

Hello
This is

18,211

Learners

382

Reviews

30

Answers

4.8

Rating

2

Courses

Profile

Blog: taebbong.github.io

Facebook: facebook.com/taebbong

GitHub: github.com/TaeBbong

Education

Graduated from Korea University, School of Cybersecurity (2020.02)

Early graduation from Hansung Science High School (2016.02)

Experience

Intern at VoyagerX Inc., Lead of Flutter app/backend server maintenance (2019.07 ~ 2019.09)

Completed Software Maestro 8th Mentee Program (2017.08 ~ 2017.12)

Co-founded 'Picasso', a YouTube data analysis startup (2017.12 ~ 2018.06)

Founding President of DevKor, a development club at Korea University's School of Cybersecurity (2018.12 ~ 2020.02)

Freelance Developer at O2Job / Wishket (2018.06 ~ )

Introduction

I am Taebbong Kwon, a developer dreaming of becoming a "Dev-signer" (Developer + Designer). I have been programming since middle school and have since engaged in various development-related activities with the goal of starting my own business. After gaining experience in a startup last year, I decided to leave to pursue my own ideas. Currently, I am focusing on studying development and creating educational lectures.

Curriculum

All

13 lectures ∙ (1hr 25min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

179 reviews

4.7

179 reviews

  • gyeom0338님의 프로필 이미지
    gyeom0338

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Rather than trying to understand all the concepts, it would be helpful to just follow along first. I think you can find out more detailed widget usage and grammar by looking them up.

    • inkservice20661님의 프로필 이미지
      inkservice20661

      Reviews 3

      Average Rating 5.0

      5

      38% enrolled

      I took a quick look and it seemed like a very good lecture for practice, so I decided to study it. I hope you have a healthy military life.

      • insort0323님의 프로필 이미지
        insort0323

        Reviews 3

        Average Rating 5.0

        5

        100% enrolled

        It was nice to be able to quickly learn Flutter.

        • websniper0142님의 프로필 이미지
          websniper0142

          Reviews 3

          Average Rating 4.7

          5

          100% enrolled

          I like the feeling of learning something while following along. The process of making it without necessarily explaining the concept is neat.

          • epsozk22765님의 프로필 이미지
            epsozk22765

            Reviews 2

            Average Rating 5.0

            5

            100% enrolled

            I'm learning well and going!

            Free

            taebbong's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!