You guys can do all the backend work you want, I'm fine because I have Firebase.

Have you ever felt frustrated as a frontend developer because you couldn't implement login functionality? Did you want to implement features to store and retrieve data using a database, but felt overwhelmed by the thought of studying queries? With Firebase, it's easy! Let's implement essential web development features like user authentication, data storage, and hosting together using the power of React and Firebase! (This course was recorded in August 2022 and reflects Firebase's major updates.)

(4.9) 27 reviews

653 learners

Level Basic

Course period Unlimited

Firebase
Firebase
React
React
Firebase
Firebase
React
React

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

With just React + Firebase,
you can handle both frontend and backend all by yourself! 🔥

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

A course for those who can implement client-side functions (HTML, CSS, JS) but have felt helpless
because there were no backend developers
around them!

파일:React-icon.svg

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

"React + Firebase"

In this course, we will create a simple application with React and
use Firebase to implement user authentication and data communication (saving, loading, deleting) that can be performed on the backend
to

build a complete, fully functional web application.


Implementing with React + Firebase
<Pit-a-Pat Secret Diary> Service

You can create things like this🧙‍♂️


<Pit-a-Pat Secret Diary> Let's build the service together
and implement features such as service login, post saving, and deletion!

[1] Implementing Sign-up and Login features

[2] Implementing post creation/storage features

[3] Implement post deletion functionality

 

Features of this course ✨

2022 Latest
Web Version 9

With the recent major update to Firebase, the previously used V8-based code has become almost unusable. This course is based on the latest Firebase Web Version 9 as of 2022.

React
Version 6

In this course, we handle routing using React's react-router-dom. The code operates based on Version 6, the most recent major update released recently.

Customizing your own
React Hooks

You can create your own hooks by customizing React Hooks yourself. Of course, we will also use existing Hooks such as useState and useReducer.

Providing teaching materials
containing lecture content

We provide detailed course materials that summarize the lecture content. They include everything necessary to implement the features even without watching the video lectures. They are great to refer to while watching the course and very useful for refreshing your memory later.

You can grasp the overall operational flow of web applications, which is easy to miss when studying only front-end development., điều mà thường dễ bị bỏ lỡ khi chỉ tập trung học mỗi Front-end.

By customizing React hooks yourself, you can become more familiar with hooks.


This is what you'll learn! 📚

1. Firebase Project Setup


Let's set up the project ourselves to use Firebase.

2. Page Routing


We will implement page routing using react-router-dom.

3. Managing Environment Variables

Learn how to safely manage important data using environment variables.

4. Implementing Login, Logout, and Sign-up using Firebase

We will implement login, logout, and sign-up functions simply by using the features supported by Firebase.

5. Storing, Fetching, and Deleting Data Using Firestore

We will create our own database using the Firestore service provided by Firebase.

6. Project Build, Deployment, and Hosting

Through the process of building and deploying the project, you will host the project you have created.

 

Q&A before taking the course 📝

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

A. This course does not provide separate explanations for the languages mentioned above. You must have a basic level of knowledge to understand the course without difficulty.

Q. I don't know React, is that okay?

A. It is helpful to have a basic knowledge of React, but even if you don't, it won't significantly hinder your ability to follow the course. 

Q. Which version is covered in the course?

A. Most Firebase courses currently on the market are based on V8. This course was written based on the latest V9 version as of 2022. Additionally, react-router-dom was also worked on using the latest V6 version.

 

Hello.
I am the instructor, Jaehyun Han. 🙂

 

Recommended for
these people

Who is this course right for?

  • For those who are new to Firebase

  • Those who want to implement login functionality and hosting using Firebase

  • Those who want to create a React project

Need to know before starting?

  • HTML

  • CSS

  • JavaScript

Hello
This is jejucoding

106,600

Learners

2,891

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

  • ucopy님의 프로필 이미지
    ucopy

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

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

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

      • 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!! ㅋㅋ

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

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

            jejucoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            $26.40