
Information Security Pathfinder
jejucoding
Let's learn about information security and hacking techniques in a broad and detailed way!
Beginner
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.)


Reviews from Early Learners
5.0
skdyds
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
It's good because it's a well-functioning development source.
5.0
FE7
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!! ㅋㅋ
Firebase
React
Custom React Hooks
With just React + Firebase,
you can handle both frontend and backend all by yourself! 🔥
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!
Firebase is a mobile and web application development platform and a
backend service that helps you develop high-quality apps quickly.
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.
<Pit-a-Pat Secret Diary> Let's build the service together
and implement features such as service login, post saving, and deletion!
[3] Implement post deletion functionality
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.
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.
You can create your own hooks by customizing React Hooks yourself. Of course, we will also use existing Hooks such as useState and useReducer.
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.
1. Firebase Project Setup
Let's set up the project ourselves to use Firebase.
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. 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.
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
107,553
Learners
2,981
Reviews
163
Answers
4.8
Rating
80
Courses

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


All
24 lectures ∙ (3hr 34min)
Course Materials:
7. What is Firebase?
12:33
9. Making Navigation
07:09
20. Saving Document
12:08
21. Load Document
16:35
22. Firestore query
13:33
All
27 reviews
4.9
27 reviews
Reviews 9
∙
Average Rating 5.0
5
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!! ㅋㅋ
Reviews 5
∙
Average Rating 5.0
Reviews 18
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
5
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.
Reviews 2
∙
Average Rating 4.5
4
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.
Check out other courses by the instructor!
Explore other courses in the same field!