Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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) 172 reviews

8,805 learners

  • taebbong
Flutter
Clone Coding
Firebase
Thumbnail

Reviews from Early Learners

What you will learn!

  • 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

17,939

Learners

371

Reviews

30

Answers

4.8

Rating

2

Courses

프로필

블로그: taebbong.github.io

페이스북: facebook.com/taebbong

깃허브: github.com/TaeBbong

학력

고려대학교 정보보호학부 졸업(2020.02)

한성과학고등학교 조기 졸업(2016.02)

경력

(주) 보이저엑스 인턴, Flutter 앱/백엔드 서버 유지보수 총괄 (2019.07 ~ 2019.09)

소프트웨어 마에스트로 8기 멘티 과정 수료 (2017.08 ~ 2017.12)

유튜브 데이터 분석 스타트업 'Picasso' 공동 창업 (2017.12 ~ 2018.06)

고려대학교 정보보호학부 개발 동아리 DevKor 초대 회장 (2018.12 ~ 2020.02)

오투잡 / 위시켓 프리랜서 개발자 (2018.06 ~ )

소개

'기발자이너'를 꿈꾸는 개발자 권태뽕입니다. 중학교때부터 프로그래밍을 해왔고 이후 창업을 목표로 여러 개발과 관련된 활동을 하고 있습니다. 작년 창업을 경험해보았고 내 아이디어로 창업하는 일을 하고 싶어 그만두고 개발 공부와 강의제작에 몰두하며 지내고 있습니다.

Curriculum

All

13 lectures ∙ (1hr 25min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

172 reviews

4.7

172 reviews

  • yeinkang044560님의 프로필 이미지
    yeinkang044560

    Reviews 1

    Average Rating 3.0

    3

    100% enrolled

    It's too old

    • 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.

            Free

            taebbong's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!