강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

(4.7) 43 đánh giá

1,035 học viên

  • John Ahn
React
Firebase
Web Application

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • Phản ứng

  • căn cứ hỏa lực

Tạo một ứng dụng trò chuyện mà bạn có thể học bằng cách làm theo.
Tìm hiểu từng tính năng chính!

Xin chào ^ ^
Trong bài giảng này, chúng ta sẽ tìm hiểu từng chức năng từ đầu,
Chúng ta hãy cùng tạo một ứng dụng trò chuyện theo từng trang một.

Mặc dù bài giảng này không sử dụng các nút,
Sẽ dễ hiểu hơn nếu bạn có kiến thức cơ bản về Node + React .
Nếu bạn chưa học về Node + React, bạn nên học bài giảng sau trước.

Node và React: Học bằng cách làm theo loạt bài - Khóa học cơ bản
Tìm hiểu các khái niệm cơ bản về Node + React để xây dựng các ứng dụng web thực tế.

💡 Tính năng của khóa học

John Ahn, Firebase

Hỗ trợ Giao thức phát trực tuyến thời gian thực (RTSP)

Firebase cung cấp tính năng xác thực, cơ sở dữ liệu, lưu trữ, thông báo đẩy, phân phối, v.v.
Đây là nền tảng tự động tạo ra các phần cần thiết để tạo ra hầu hết các ứng dụng.
Bạn có thể dễ dàng triển khai các ứng dụng trò chuyện, ứng dụng taxi, v.v. yêu cầu truyền dữ liệu thời gian thực .

Chúng tôi đã cố gắng đưa vào càng nhiều tính năng cốt lõi của ứng dụng trò chuyện càng tốt.
Bởi vì có rất nhiều logic khó khăn liên quan đến quá trình thực hiện
Để giúp bạn hiểu rõ hơn trong quá trình giải thích, chúng tôi sử dụng sơ đồ.
Tôi cố gắng làm cho bài giảng tiến triển bằng cách thực sự chỉ ra lý do tại sao phần này lại như thế này.


💻 Kỹ năng được sử dụng và những gì bạn sẽ học được

▲ Yêu cầu có kiến thức trước về JavaScript, React và Redux.

  • Đăng nhập/Đăng ký, Kiểm tra xác thực
  • Phản ánh thời gian thực của người dùng đã đăng ký trong DM, phòng tin nhắn DM
  • Tạo phòng trò chuyện, thêm mô tả và thêm/xóa mục yêu thích.
  • Hiển thị số lượng thông báo tin nhắn
  • Trò chuyện trong phòng công cộng
  • Thông báo khi người khác tham gia cuộc trò chuyện
  • Tìm kiếm trò chuyện, hiệu ứng bộ xương
  • Hiển thị phần trăm tải lên tệp
  • Thay thế hình ảnh người dùng và gửi tin nhắn hình ảnh
  • Triển khai ứng dụng
  • vân vân.

🧰 Các công cụ được đề cập ở đây

Tôi sử dụng Visual Studio Code, nhưng bạn có thể sử dụng bất kỳ trình soạn thảo nào bạn thích.
Tôi sử dụng máy MAC nhưng nó cũng chạy được trên Windows.


🙋🏻‍♂️ Hỏi & Đáp

H. Sinh viên không chuyên ngành cũng có thể tham gia khóa học này không?
A. Có! Khóa học này dành cho cả sinh viên chuyên ngành và không chuyên ngành.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Những người muốn vui vẻ viết mã

  • Những người quan tâm đến công nghệ mới nhất

Cần biết trước khi bắt đầu?

  • JavaScript

  • Phản ứng

Xin chào
Đây là

84,866

Học viên

2,742

Đánh giá

2,430

Trả lời

4.8

Xếp hạng

20

Các khóa học

안녕하세요. 

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

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


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

Chương trình giảng dạy

Tất cả

142 bài giảng ∙ (19giờ 4phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

43 đánh giá

4.7

43 đánh giá

  • 윤은석님의 프로필 이미지
    윤은석

    Đánh giá 14

    Đánh giá trung bình 5.0

    5

    58% đã tham gia

    정말 React 와 nodejs , firebase 의 최고의 선생님이 아니신가 싶습니다. React와 Reudx 기초강좌를 완전히 띈 이후에, john ahn 님이 올려준 모든 강의만 제대로 숙지해서, 1번은 철저하게 따라서 만들면서 꼼꼼히 필기하고, 1번은 필기한 거 보면서 참고하면서 만들어보고, 1번은 안보고 만들어보고, 마지막으로 다시보고 그걸 창작으로 자신이 몇개만 만들어보면 매우 빠른 실력향상이 된다고 봅니다. 다만 아쉬운 건, cloud function 에 관한 내용이 담긴 강의 하나 만들어주시면 너무 좋을 것 같습니다 ㅠㅠ

    • foxball님의 프로필 이미지
      foxball

      Đánh giá 33

      Đánh giá trung bình 4.8

      4

      33% đã tham gia

      좋은강의, 훌륭한 강의라는거에는 단연코 이의를 제기할생각이 없습니다. 하지만, 최근 2주전에 구독을한 저로써는 그동안 업데이트가 되어, 많은부분이 햇갈립니다. 리액트돔, 리덕스, 파이어베이스 v9버전 강좌를 듣고, 안되는부분을 될때까지 찾아야하니, 답답하네요. 혹시 최신버전으로 다시강좌를 만들생각이 있으시면 구독해서 듣도록하겠습니다. ......

      • 조용준 (Near)님의 프로필 이미지
        조용준 (Near)

        Đánh giá 25

        Đánh giá trung bình 5.0

        5

        77% đã tham gia

        파이어 베이스 처음 해보는데 재밌는 강의 였습니다. 강의는 클래스였지만 훅스로 일단 해보았어요. 리액트 컴포넌트 구조화하는데 적응이 된 것 같습니다.

        • 빠스단님의 프로필 이미지
          빠스단

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          78% đã tham gia

          이제 절반가량 듣고 있는데 제가 여러개 강의를 들어봤는데 확실히 diagram으로 수업진행하시니깐 훨씬 눈에 쏙쏙 들어오고 저도 다이어그램으로 이번에 정리하면서 공부 해보니 진짜 이게 효율이 다르네요. 덕분에 공부하는 도구하나 새롭게 습득해갑니다. 유튜브에서 firebase 강의 듣고 도저히 이해가 안갔는데 이강의들으니깐 진짜 강사님께서 얼마나 많이 준비를 하시고 진행하시는지 느껴지네요. 강추드립니다.

          • 오범준님의 프로필 이미지
            오범준

            Đánh giá 5

            Đánh giá trung bình 5.0

            5

            76% đã tham gia

            항상 너무 감사한 존선생님! 덕분에 react 3일만에 복습했네요 감사합니다

            924.666 ₫

            Khóa học khác của John Ahn

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!