강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Full-stack

Chuỗi bài học về Node và React để học bằng cách làm theo - Tạo trang Reddit (NextJS) (Bộ định tuyến trang)

Thông qua bài giảng này, bạn sẽ có thể từng bước tạo một trang web Reddit từ đầu.

(4.1) 19 đánh giá

994 học viên

  • John Ahn
Clone Coding
Node.js
React
Next.js
TypeScript

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

Dịch cái này sang tiếng Việt

  • Phản ứng

  • Bản đánh máy

  • PostgreSQL

  • docker

  • Tiếp theoJS

  • phân bổ

NextJS, Typescript, ExpressJS, Postgres
Nhân bản Reddit với những sự kết hợp đầy đủ hấp dẫn nhất! 👨‍💻

Trong bài giảng này?

Reddit, một trang web cộng đồng toàn cầu
Chúng ta hãy cùng nhau làm ngay từ đầu.

Khóa học này được thiết kế để giúp bạn tự tin hơn trong việc phát triển full-stack bằng cách xây dựng một ứng dụng khá phức tạp từ đầu bằng cách sử dụng sự kết hợp full-stack phổ biến nhất trong JavaScript hiện nay : NextJS, Typescript, ExpressJS và Postgres .

Một điểm nổi bật của khóa học này là bạn có thể học bằng cách theo dõi mã nguồn từ đầu, từng bước một. Chúng tôi giải thích mã nguồn từng dòng một, sau đó cùng nhau bắt đầu viết mã, để lặp lại nhiều lần. Mặc dù khóa học mang tính thực hành , chúng tôi vẫn đào sâu hơn vào các khái niệm khó hiểu hoặc phức tạp. Chúng tôi đã nỗ lực hết sức để làm cho tất cả các phần dễ hiểu trực quan thông qua sơ đồ .

Ngôn ngữ và khung được sử dụng 👉

Khi tạo một trang web Reddit , phần front-end sử dụng NextJS của React,
Phần backend sử dụng NodeJS và ExpressJS. Cả hai đều sử dụng TypeScript làm ngôn ngữ. Cơ sở dữ liệu là PostgreSQL và được điều khiển bằng TypeORM.


Giới thiệu những gì bạn sẽ học 📚

Phần 1

Tạo cấu trúc tổng thể

Chuẩn bị phần front-end, back-end và cơ sở dữ liệu để sử dụng.

Phần 2

Tạo một thực thể

Mỗi thực thể được tạo ra để tạo ra dữ liệu mà ứng dụng yêu cầu.

Phần 3

Đăng ký, đăng nhập

Chúng tôi tạo các trang đăng ký thành viên và đăng nhập và xử lý dữ liệu người dùng bằng React Context.

Phần 4

Tạo một cộng đồng

Triển khai các trang tạo cộng đồng, tạo cộng đồng, tải hình ảnh, v.v.

Phần 5

Tạo trang bài viết

Tạo bài đăng trong mỗi cộng đồng và tạo trang bài đăng.

Mục 6

Triển khai tính năng bình luận và bỏ phiếu

Triển khai tính năng bình luận và bỏ phiếu.

Mục 7

Tạo trang cuộn vô hạn và trang người dùng

Sử dụng useSWRInfinite và Intersection observer
Chúng ta sẽ triển khai chức năng cuộn vô hạn và tạo trang người dùng.

Mục 8

Triển khai ứng dụng

Chúng tôi sẽ triển khai ứng dụng đã tạo cho đến nay bằng cách sử dụng phiên bản EC2.

Người chia sẻ kiến thức
Bạn có tò mò về các bài giảng khác không? 📖

Với hơn 50.000 học viên tham gia, khóa học phát triển web này là một trải nghiệm vừa học vừa làm. 

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

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

  • Bất kỳ ai muốn tạo một ứng dụng đầy đủ bằng JavaScript

  • Những người muốn học tập vui vẻ

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

  • JavaScript

  • ReactJS

  • NodeJS

Xin chào
Đây là

84,079

Học viên

2,691

Đá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ả

103 bài giảng ∙ (17giờ 39phú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ả

19 đánh giá

4.1

19 đánh giá

  • skykimpro님의 프로필 이미지
    skykimpro

    Đánh giá 9

    Đánh giá trung bình 4.8

    4

    97% đã tham gia

    I don't use it at work.. I decided to take the course because I was curious and interested in Node, React, Docker, and AWS deployment. The course materials are well organized, and each lecture is not too long, so it was easy to implement following the lecture, and the explanations were good. However, what's a bit disappointing is that I got lost in the deployment part and barely managed to deploy it. ㅋ Deploying to Docker and AWS.. These two are the parts I'm most unfamiliar with, so I wanted to experience them the most through the course. In the beginning, the screen implementation was explained in detail, but the course materials and videos were very disappointing in the deployment part. Overall, I think it's a good course to grasp the basic concepts and implement them!

    • hi2177님의 프로필 이미지
      hi2177

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      68% đã tham gia

      I like the lecture

      • castle님의 프로필 이미지
        castle

        Đánh giá 9

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Thank you for the great lecture.

        • tkrhkdmsdud2019님의 프로필 이미지
          tkrhkdmsdud2019

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          97% đã tham gia

          It was great to be able to listen to the latest typescript lecture. I was able to finish it because you explained it in detail. Thank you.

          • hyojjang86852637님의 프로필 이미지
            hyojjang86852637

            Đánh giá 2

            Đánh giá trung bình 5.0

            5

            90% đã tham gia

            It was a great lecture to get a taste of NextJS and Docker! I will have to buy it again when a new lecture is released.

            926.720 ₫

            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!