inflearn logo
inflearn logo

If you guys want to do backend, do it as much as you want. I'm fine with it because I have Firebase.

Are you a front-end developer and have you ever felt disappointed because you couldn't implement a login function? Have you ever wanted to implement a function that saves and loads data using a DB, but found it burdensome to study queries? With Firebase, it's easy! Let's implement essential functions for web development, such as user authentication, data storage, and hosting, with the power of React and Firebase! (This lecture was recorded in August 22 and reflects the major update of Firebase.)

(4.9) 27 reviews

649 learners

Level Basic

Course period Unlimited

Firebase
Firebase
React
React
Firebase
Firebase
React
React
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

Reviews from Early Learners

Reviews from Early Learners

4.9

5.0

skdyds

100% enrolled

Although it is a Firebase lecture, it is conducted with React, so you can study React a lot. It also teaches you how to build and host, and you can share the results you created with a URL. This is a useful lecture for front-end developers who want to create and distribute a simple toy project without a back-end.

5.0

Ucopy Theme

100% enrolled

It's good because it's a well-functioning development source.

5.0

FE7

8% enrolled

I've always only made pages while working on the front end... Thank you so much for giving me the experience of implementing a login function in the back end and saving and managing data. ( _ _) I think I'll be able to implement more complex functions if I apply what I've learned well! If I have another small wish, I'd really appreciate it if you could tell me how to log in through Google or GitHub in addition to email login!!! Please continue to make great lectures in the future!! ㅋㅋ

What you will gain after the course

  • Firebase

  • React

  • Custom React Hooks

All you need is React + Firebase
Front-end and back-end, all by yourself! 🔥

With the power of React and Firebase
Let's implement essential web development features!

Implementing client functions (HTML, CSS, JS) is possible, but
There are no backend developers around me
A lecture for those who have experience with stamping their feet!

파일:React-icon.svg

Firebase is a mobile and web application development platform.
A backend service that helps you develop high-quality apps quickly.

React + Firebase

In this lecture, we will create a simple application with React.
What you can do on the backend using Firebase
Implement user authentication and data communication (save, load, delete)

Let's create a complete web application.


Implemented with React + Firebase
<Heart-Pounding Secret Diary> service

You can make something like this🧙‍♂️


While creating the <Heart-pounding Secret Diary> service together,
Let's implement functions such as service login, post saving, and deletion!

[1] Implementation of membership registration and login functions

[2] Implementation of post creation/save function

[3] Implementation of post deletion function

Features of this course ✨

Latest in 2022
Web Version 9

A recent major update to Firebase has rendered existing V8-based code nearly unusable. This course is based on Firebase Web Version 9, the most recent version as of 2022.

React
Version 6

This lecture uses React's react-router-dom to handle routing. The code is based on the most recent major update, Version 6.

Customize it yourself
React Hooks

You can customize React Hooks to create your own. Of course, you can also use existing Hooks like useState and useReducer.

Contains lecture content
Provided with lesson materials

We also provide a detailed lesson plan. It covers all the content, so much so that you can implement the functions without even watching the video lectures. It's a great reference for watching lectures and is also very useful for refreshing your knowledge.

You can understand the overall operating flow of web applications, which is easy to miss when studying only the front-end.

You can become more familiar with hooks by customizing React hooks yourself.


You'll learn things like this! 📚

1. Setting up a Firebase project


Let's set up our project to use Firebase.

2. Page Routing


Let's implement page routing usingreact-router-dom .

3. Managing environment variables

Learn how to safely manage important data using environment variables.

4. Implementing login, logout, and signup using Firebase

Let's implement this function simply using the login, logout, and sign-up functions supported by Firebase.

5. Storing, Retrieving, and Deleting Data Using Firestore

Let's create our own DB using the Firestore service provided by Firebase.

6. Build, deploy, and host the project

Host your project by building and deploying it.

Q&A before taking the course 📝

Q. Is it okay if I don't know HTML, CSS, or JS?

A. This course does not provide a separate explanation of the above languages. A basic level of knowledge is required to understand the course.

Q. I don't know React. Is that okay?

A. It would be helpful to have basic knowledge of React, but it is not necessary to take the course.

Q. Which versions are covered in the lecture?

A. Most of the Firebase courses already available are built on V8. This course is based on V9, the latest version as of 2022. Additionally, react-router-dom was also developed using the latest V6 version.

hello.
This is instructor Han Jae-hyun . 🙂

Recommended for
these people

Who is this course right for?

  • For those new to Firebase

  • For those who want to use Firebase for login and hosting

  • Anyone who wants to create a React project

Need to know before starting?

  • HTML

  • CSS

  • JavaScript

Hello
This is jejucoding

105,823

Learners

2,801

Reviews

163

Answers

4.8

Rating

80

Courses

소개 이미지.png.webp

 

🧙‍♂️ Hello. This is Jeju Coding Basecamp.

What is Jeju Coding Basecamp?

 

 

A bootcamp plotted by the hottest developers in Jeju! We provide passionate young people with the opportunity to grow as much as their passion!

Jeju Coding Basecamp is the largest ICT education event in Jeju, held in collaboration with local governments and companies such as Kakao, Goorm, and the Jeju Industry-Academic Convergence Institute.


Success in building a service
—through this experience, cultivate your confidence, self-esteem, sense of accomplishment, and the ability to be self-reliant in this era of job scarcity!, hãy nuôi dưỡng sự tự tin, lòng tự trọng, cảm giác thành tựu và khả năng tự lập trong thời đại khó khăn tìm việc làm này!

Go for it, youth! You can do it! 😀

 


 

︎ Jeju Coding Base Camp Roadmap

제코베 로드맵.png.webp

 

︎ Jeju Coding Basecamp Certificate System

 

- 1.png.webp

 

More

Co-instructor

Reviews

All

27 reviews

4.9

27 reviews

  • rayong님의 프로필 이미지
    rayong

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Although it is a Firebase lecture, it is conducted with React, so you can study React a lot. It also teaches you how to build and host, and you can share the results you created with a URL. This is a useful lecture for front-end developers who want to create and distribute a simple toy project without a back-end.

    • 93ots3445님의 프로필 이미지
      93ots3445

      Reviews 2

      Average Rating 4.5

      4

      100% enrolled

      Pros 1. You can learn the latest Firebase. It's a really good lecture for beginners. 2. If you look at the lecture list, it's not that big, so it ends just right before you get bored. 2. The lecture materials prepared with Notion are helpful for reviewing or reviewing the next day. 3. I bought it at a discount for the Hangul Day event, but the original tuition fee was okay. Cons The explanation is insufficient. There is no specific and easy-to-understand explanation of why this is here and what kind of output is generated by doing this. I just... say... This is it~ Let's write it! and move on. The explanation is not perfect. In the end, I feel like I'm just taking a dump, so I Google it and look it up myself. (That's how development studies are.) For those who are hesitant to pay: You can't not know React. You have to know it well. You don't have to use complicated JavaScript, but you still have to know beginner-intermediate + the latest. (nullish / spread / async / ternary operator, etc.) It doesn't come up often, but it comes up anyway.

      • yooss2006님의 프로필 이미지
        yooss2006

        Reviews 17

        Average Rating 5.0

        5

        100% enrolled

        I learned Firebase so easily. This is a must-take lecture for front-end developers!

        • ucopy님의 프로필 이미지
          ucopy

          Reviews 5

          Average Rating 5.0

          5

          100% enrolled

          It's good because it's a well-functioning development source.

          • 7552님의 프로필 이미지
            7552

            Reviews 9

            Average Rating 5.0

            5

            8% enrolled

            I've always only made pages while working on the front end... Thank you so much for giving me the experience of implementing a login function in the back end and saving and managing data. ( _ _) I think I'll be able to implement more complex functions if I apply what I've learned well! If I have another small wish, I'd really appreciate it if you could tell me how to log in through Google or GitHub in addition to email login!!! Please continue to make great lectures in the future!! ㅋㅋ

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            $26.40