강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

In this course, you will learn how to create a chat application using React and Firebase.

(4.7) 43 reviews

1,035 learners

  • John Ahn
React
Firebase
Web Application

Reviews from Early Learners

What you will gain after the course

  • React

  • Firebase

Creating a chat application that you can learn by following along.
Learn the key features one by one!

Hello ^ ^
In this lecture, we will learn each function from the beginning,
Let's create a chat application one page at a time.

Although this lecture does not use nodes,
It is easier to understand if you have basic knowledge of Node + React .
If you haven't learned Node + React, it's recommended that you learn the following lecture first.

Node and React: Learn by Following Series - Basic Course
Learn the basic concepts of Node + React to build real-world web apps.

💡 Course Features

John Ahn, Firebase

Support for Real-Time Streaming Protocol (RTSP)

Firebase provides authentication, database, storage, push notifications, distribution, etc.
It is a platform that automatically creates the parts needed to create most apps.
You can easily implement chat apps, taxi apps, etc. that require real-time data transmission .

We tried to include as many core features of the chat application as possible.
Because there are a lot of difficult logics involved in the making process
To help you understand better during the explanation, we use diagrams.
I tried to make the lecture progress by actually showing why this part is like this.


💻 Skills Used & What You'll Learn

▲ Prior knowledge of JavaScript, React, and Redux is required.

  • Login/Sign up, Validation check
  • Real-time reflection of users registered in DM, DM message room
  • Create a chat room, add a description, and add/delete favorites.
  • Show number of message notifications
  • Chat in a public room
  • Notify when the other person enters a conversation
  • Chat search, skeleton effect
  • Show file upload percentage
  • Replace user image and send image messages
  • Application deployment
  • etc.

🧰 Tools covered here

I use Visual Studio Code, but you can use any editor you like.
I use a MAC but it works on Windows too.


🙋🏻‍♂️ Q&A

Q. Can non-majors also take the course?
A. Yes! This course is open to both majors and non-majors.

Recommended for
these people

Who is this course right for?

  • People who want to have fun coding

  • People interested in cutting edge technology

Need to know before starting?

  • JavaScript

  • React

Hello
This is

84,906

Learners

2,745

Reviews

2,430

Answers

4.8

Rating

20

Courses

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

Curriculum

All

142 lectures ∙ (19hr 4min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

43 reviews

4.7

43 reviews

  • familyman803619님의 프로필 이미지
    familyman803619

    Reviews 14

    Average Rating 5.0

    5

    58% enrolled

    I think you are the best teacher for React, nodejs, and firebase. After completely completing the React and Reudx basics course, if you memorize all the lectures uploaded by John Ahn, follow the lectures thoroughly once and take careful notes, refer to the notes once and make it, make it once without looking at it, and make it once again and create a few of them yourself, I think your skills will improve very quickly. The only regret is that it would be great if you could make one lecture that covers cloud functions.

    • kbba785883님의 프로필 이미지
      kbba785883

      Reviews 33

      Average Rating 4.8

      4

      33% enrolled

      I have absolutely no objection to the fact that this is a good lecture, an excellent lecture. However, as someone who subscribed two weeks ago, I am confused by the updates that have been made. React DOM, Redux, Firebase v9 version I have to listen to the lecture and find the parts that don't work until I can, so it's frustrating. If you ever plan on making a new lecture with the latest version, I will subscribe and listen. ......

      • near님의 프로필 이미지
        near

        Reviews 25

        Average Rating 5.0

        5

        77% enrolled

        It was a fun lecture for my first time with Firebase. The lecture was a class, but I tried it with Hooks. I think I've gotten used to structuring React components.

        • oan63103756님의 프로필 이미지
          oan63103756

          Reviews 1

          Average Rating 5.0

          5

          78% enrolled

          I'm halfway through listening now, and I've listened to many lectures, but when you teach with diagrams, it's much easier to see, and when I studied while organizing with diagrams this time, it's really efficient. Thanks to you, I'm acquiring a new study tool. I couldn't understand the firebase lecture on YouTube, but after listening to this lecture, I can really feel how much the instructor prepares and teaches. I highly recommend it.

          • obj1227님의 프로필 이미지
            obj1227

            Reviews 5

            Average Rating 5.0

            5

            76% enrolled

            Thank you so much, Mr. John! Thanks to you, I was able to review React in just 3 days. Thank you.

            Limited time deal ends in 7 days

            $24.20

            29%

            $34.10

            John Ahn's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!