인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
Programming

/

Full-stack

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) 23 reviews

556 students

Firebase
React
Thumbnail

This course is prepared for Basic Learners.

What you will learn!

  • Firebase

  • React

  • Custom React Hooks

All you need is React + Firebase
Frontend and backend, done by yourself! 🔥

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

Implementing client features (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] Implementing post deletion function

 

Features of this course ✨

Latest in 2022
Web Version 9

Recently, Firebase underwent a major update, making the existing V8-based code almost unusable. This course is based on Firebase Web Version 9, the latest version as of 2022.

React
Version 6

In this lecture, we handle routing using React's react-router-dom. The code runs based on the latest version, Version 6, which was recently updated.

Customize it yourself
React Hooks

You can customize React Hooks yourself and create your own hooks. Of course, you can also use existing Hooks such as useState and useReducer.

Contains lecture content
Provide lesson materials

We provide a detailed lecture material. It contains all the contents so that you can implement the functions with just the lecture material without watching the video lecture. It is good for reference while watching the lecture, and it is also very useful for refreshing the contents.

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

You can become more familiar with hooks by customizing your own React hooks.


You will learn things like this! 📚

1. Setting up the Firebase project


Let's set up our project directly 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 as environment variables.

4. Implement login, logout, and sign-up using Firebase

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

5. Storing, calling, and deleting data using Firestore

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

6. Build, deploy, and host the project

Host your own 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 separate explanations for the above languages. You should have a basic level of knowledge 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. What versions are covered in the lecture?

A. Most of the Firebase courses already on the market are based on V8. This course was written based on the latest V9 version as of 2022. Also, react-router-dom was worked on 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

92,747

Students

2,103

Reviews

158

Answers

4.8

Rating

70

Courses

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

Curriculum

All

24 lectures ∙ (3hr 34min)

Lecture resources

are provided.

Published: 
Last updated: 

Reviews

Not enough reviews.
Become the author of a review that helps everyone!