inflearn logo

[Renewal] Tạo NodeBird SNS bằng React

Chúng tôi sẽ tạo ra một dịch vụ SNS tương tự như Twitter bằng stack React & Next & Redux & Redux-Saga & Express. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi sẽ triển khai lên AWS.

(4.9) 177 đánh giá

3,711 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

React
React
Redux
Redux
Node.js
Node.js
Express
Express
Next.js
Next.js
React
React
Redux
Redux
Node.js
Node.js
Express
Express
Next.js
Next.js

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

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

4.9

5.0

Choi Boo

99% đã tham gia

Nếu bạn đang đọc bài viết này và nghĩ đến việc mua một khóa học, hãy tham gia ngay. Bạn sẽ không hối tiếc. Xin chào, tôi đã có việc làm sau khi tham gia khóa học này. Quyết định và thực hiện một dự án đồ chơi sau hoặc trong khi tham gia khóa học này. Và thật tốt khi có thói quen viết ra mọi thứ. Hoặc tạo một blog phát triển. Trong khi nghe bài giảng, hãy nhớ viết ra bất cứ điều gì bạn không biết. Sẽ rất hữu ích nếu bạn viết trên blog phát triển với suy nghĩ rằng bạn hoàn toàn hiểu nó và biến nó thành của riêng bạn. Tôi muốn kể lại toàn bộ câu chuyện của mình nhưng dài quá rồi... Thứ tự học cho đến khi có việc làm là 1. Thu thập dữ liệu nút 0 giây (khi bạn không biết gì về JavaScript) 2. JavaScript (Tôi tiếp tục nghiên cứu nó nhiều lần và tập trung vào Infron.) 3. Không giây, Đội trưởng Pangyo Vue (Tôi chỉ mới nếm thử nó thôi, hiện tại tôi không thể thực hiện dự án với Vue) 4. Phản ứng mã hóa cuộc sống, redux (YouTube) 5. Dòng phản ứng John Ahn (Infron) 6. Nút phản ứng [Gia hạn] thứ hai 7. dự án đồ chơi nextjs (quan trọng nhất!! một bước ngoặt trong cuộc đời) 8. Quản lý bãi cỏ GitHub 9. Blog phát triển 10. Sơ yếu lý lịch và quản lý danh mục đầu tư 11. Phỏng vấn và tuyển dụng Khoảng thời gian tôi dành để chuẩn bị cho một công việc phù hợp ngắn hơn dự kiến ​​(4 tháng?), nhưng tôi cảm thấy mình đã làm được rất nhiều. Tôi nghĩ lý do tôi có thể học nhiều là vì tôi làm việc bán thời gian vào các ngày thứ sáu, thứ bảy, chủ nhật và tiếp tục học khi không làm việc và khi tôi không thể đi làm bán thời gian vì lý do không thể đi làm thêm. về virus Corona, tôi nghĩ tôi đã nghiên cứu rất nhiều. Tôi không nhất thiết phải kiếm được việc làm chỉ bằng cách tham gia khóa học này, nhưng việc tham gia khóa học này đã giúp tôi rất nhiều để có được việc làm. Nếu không có khóa học này, tôi nghĩ mình sẽ tiếp tục vừa học vừa làm một công việc bán thời gian khác. Sau khi xem bài giảng này, bạn sẽ có đủ tự tin để tạo bất kỳ trang web nào. Cố lên!!

5.0

자유인

91% đã tham gia

Xin chào! Sau khi tham gia lớp học của Zerocho, tôi đã nhận được việc làm tại một công ty blockchain và tôi quyết định viết bài đánh giá lớp học để quảng bá cho dự án của riêng mình :) Đầu tiên, tôi sẽ tiết lộ dự án mà tôi hiện đang duy trì khi làm việc tại công ty! Nó gần giống với NodeBird được viết ở đây, nhưng TypeScript và Nest đã được thêm vào! https://musicsseolprise.com Bạn có thể đến đây! Người là chủ đề của dự án đã lên sóng nên tôi quyết định viết bài đánh giá để quảng bá nó☺️ Dự án tôi sắp tiết lộ chỉ giới hạn ở front-end nên nó có mức độ khó có thể hoàn thành ngay cả khi bạn chỉ hiểu bài giảng của Nordbird! Đối với phần phụ trợ, bạn cần nghiên cứu riêng Nest.js. Mặc dù học chuyên ngành nhưng tôi đã lang thang rất nhiều, ngoại trừ cơ sở dữ liệu tôi lấy trong học kỳ cuối cùng của chương trình đại học nên điểm trung bình của tôi không tốt, và không có sự khác biệt về cơ sở của tôi so với học không chuyên. Trước hết, ưu điểm lớn nhất của bài giảng là phần hỏi đáp! Dù học chuyên ngành nhưng tôi vào đại học muộn và thiếu các mối quan hệ. Vì vậy, khi tôi giảng bài trực tiếp hoặc đăng câu hỏi trước, họ đã phản hồi rất tử tế. Nhờ có bạn, chúng ta đã cùng nhau nghiên cứu Linux và điều đó đã giúp ích rất nhiều cho việc gia nhập công ty này! Và mặt trước thay đổi rất nhanh. Vì vậy, khi học, hãy tự hỏi tại sao bạn lại sử dụng thư viện, và nếu vẫn không giải quyết được vấn đề, hãy tìm các thư viện khác và sử dụng câu hỏi, kỹ năng của bạn sẽ tiến bộ rất nhiều! Cá nhân tôi khuyên người tìm việc nên sử dụng Recoil.js để quản lý trạng thái. Trên thực tế, nếu bạn thực hiện Saga trong Redux, số lượng mã sẽ tăng lên và năng suất sẽ giảm đi. Và Nest.js sẽ được tải lên dưới dạng bài giảng sau, nhưng thực sự tốt hơn là nên nghiên cứu trước Express, vì vậy tôi khuyên bạn nên nghiên cứu nó và đặt câu hỏi thông qua việc tái cấu trúc! Để tham khảo, tôi đã nghiên cứu thêm về TypeScript và thay thế tất cả mã tôi đã viết bằng TypeScript! Và tôi đã sử dụng một thư viện phong cách khác. Tôi cũng đã sử dụng và gỡ cài đặt Redux cũng như triển khai ajax bằng SWR. Và tính năng cuộn vô hạn sử dụng API tích hợp trong trình duyệt được gọi là trình quan sát giao lộ. Dù sao thì cũng cảm ơn Zerocho rất nhiều vì đã luôn đăng những câu hỏi tử tế dù bận rộn!!

5.0

OCK Sam

97% đã tham gia

Là một nhà phát triển front-end đang làm việc, việc phát triển back-end rất khó khăn và tôi muốn triển khai nó nhưng không thể bắt đầu vì những lo ngại mơ hồ. Tuy nhiên qua bài giảng này mình được trực tiếp triển khai và làm back-end nên thật tuyệt vời! Đối với những người đang tham gia lớp redux và saga, nếu bạn đã quen với các mẫu này ở một mức độ nào đó, bạn nên dừng lại trước khi làm việc với redux và saga và nghe bài giảng sau khi làm việc với redux, saga và bộ định tuyến phụ trợ ở quầy lễ tân đều giống nhau ^^!

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

  • Phát triển React

  • Redux&Redux Saga

  • Sử dụng React Hooks

  • Styled Components

  • Ant Design

  • SWR

  • Rendering phía máy chủ

  • Tối ưu hóa công cụ tìm kiếm

  • Triển khai AWS

Dự án React NodeBird của ZeroCho hoàn toàn mới!

Các nội dung đã được làm mới

Nội dung bao gồm các phiên bản như next@9, styled-components@5, antd@4, node.js@14.

Nó cũng tương thích với next@14 và node.js@20, vì vậy bạn có thể tiến hành với phiên bản mới nhất. Cách di chuyển (migration) cho antd@5 và next-redux-wrapper@8 đã được tổng hợp trong ghi chú bài giảng và mục tin mới (thông báo). Hãy vừa tham khảo vừa xem nhé!

Khóa học này đề cập đến Pages Router. Khóa học về App Router có tại liên kết này (nhấp vào). Mặc dù khóa học App Router mới hơn, nhưng lý do tôi vẫn giữ lại khóa học này là vì App Router vẫn còn chưa ổn định, nên việc sử dụng trong thực tế có một chút rủi ro. Tôi khuyên bạn nên sử dụng Pages Router trong công việc thực tế cho đến khi nó trở nên ổn định.


Lời nhắn nhủ

Năm ngoái, đã có rất nhiều học viên tham gia khóa học này. Tôi xin chân thành cảm ơn các bạn. Tuy nhiên, tôi có một điều muốn nhắn nhủ. Bạn không thể trở thành một nhà phát triển Full-stack chỉ bằng cách xem video bài giảng bằng mắt (đó là sự tham lam). Bạn phải trực tiếp gõ code theo, tự mình giải quyết các lỗi phát sinh, và biến các kỹ thuật đó thành của mình bằng cách thử tạo ra những tính năng không có trong khóa học.

Khóa học này trình bày một chương trình giảng dạy thực tế kéo dài hơn 6 tháng trong gần 20 giờ liên tục. Bạn cần đầu tư ít nhất 1 tháng cho mỗi phần HTML, CSS, JS, Node, MySQL, AWS để có thể nắm vững kiến thức. Do đó, mặc dù thời lượng khóa học là 20 giờ, bạn vẫn cần dành thêm thời gian tự học riêng.


Học React cùng ZeroCho
Khóa học Full-stack dài 20 giờ!

▲ Tạo NodeBird SNS

  • Hãy cùng học từ khâu triển khai dịch vụ cho đến khi hoàn tất phân phối bằng cách tạo dự án đặc trưng của ZeroCho, NodeBird SNS, một dự án tương tự như Twitter (viết là Twitter nhưng thực chất là bản sao).
  • Học về Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL).
  • Tối ưu hóa công cụ tìm kiếm và triển khai AWS (sử dụng đơn giản EC2 + Lambda + S3 + Route53) là phần thưởng thêm!

Hãy tự mình tạo ra nó!

Đăng nhập, viết bài, thích
Tải lên hình ảnh, bình luận, đăng lại (retweet)

 

Cuộn vô hạn, theo dõi, bỏ theo dõi

 

Tìm kiếm hashtag, hồ sơ người dùng

 

Tôi sẽ trả lời câu hỏi
một cách nhanh chóng.

Ưu điểm trong khóa học của tôi là Q&A. Nếu bạn đặt câu hỏi, tôi sẽ trả lời trong vòng một ngày.
Hãy chủ động học tập bằng cách tự do đặt các câu hỏi liên quan đến nội dung khóa học.
Điều này sẽ giúp ích rất nhiều cho việc thấu hiểu nội dung đấy!


Giới thiệu về người chia sẻ kiến thức.

Blog ZeroCho và vận hành
kênh YouTube

Tác giả cuốn sách bán chạy nhất về phát triển web
<Node.js 교과서>

Công ty cổ phần Today's Pickup
CTO


Các khóa học liên quan

Học React thông qua việc tạo các trò chơi web
Học React miễn phí thông qua các trò chơi web.
Khóa học tập trung vào Frontend và Backend đóng vai trò bổ trợ.
[Renewal] Giáo trình Node.js - Từ cơ bản đến thực hành dự án
Sau khi nắm vững các khái niệm cốt lõi về Node,
bạn sẽ được chuẩn bị sẵn sàng để bước vào thực tế thông qua các ví dụ thực tiễn.
Tạo SNS Nodebird bằng Vue
Khóa học tạo SNS full-stack bằng Vue!

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 ứng dụng React như React Hooks hoặc Next.js

  • Những người quan tâm đến phát triển Full-stack

  • Người định hướng trở thành nhà phát triển Front-end

  • Những ai muốn tích cực sử dụng Next Page Router

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

  • Kiến thức HTML, CSS

  • Kiến thức cú pháp JavaScript mới nhất

  • Xem khóa học React miễn phí của ZeroCho

Xin chào
Đây là zerocho

67,601

Học viên

1,737

Đánh giá

9,765

Trả lời

4.8

Xếp hạng

25

Các khóa học

Ưu điểm trong các bài giảng của tôi là phần Q&A (Từng 2 lần giành giải Chiến thần giải đáp của Inflearn). Tôi sẽ cố gắng phản hồi trong vòng 24 giờ! Tôi sẽ trả lời với tinh thần như đang cùng bạn giải quyết vấn đề!

Một trong những điểm mạnh chính trong các khóa học của tôi là hỗ trợ Giải đáp thắc mắc (Q&A). (Từng hai lần giành giải thưởng "Vua giải đáp" của Inflearn) Tôi sẽ phản hồi các câu hỏi của bạn trong vòng 24 giờ và cố gắng hết sức để giúp đỡ bạn! Bạn sẽ cảm thấy như chúng ta đang cùng nhau giải quyết các vấn đề.

👉Bài giảng của ZeroCho
Lộ trình đầy đủ cho tất cả các bài giảng của ZeroCho. Lộ trình hoàn chỉnh cho tất cả các khóa học của tôi có sẵn tại đây.

– Tác giả của Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript và TypeScript Textbook 
– Người điều hành ZeroCho.com
– Hiện tại) Đang phát sóng về phát triển phần mềm trên YouTube tại ZeroCho TV 
– Cựu) CTO tại Smoretalk 
– Cựu) CTO của Today's Pickup (Sau khi thương vụ exit với Kakao Mobility, trở thành Trưởng bộ phận phát triển trẻ tuổi nhất tại Kakao Mobility)

  • Tác giả của Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScriptTypeScript Textbook

  • Người điều hành ZeroCho.com

  • Hiện đang vận hành kênh YouTube ZeroCho TV, chuyên về các chủ đề phát triển phần mềm

  • Cựu CTO tại SmoreTalk

  • Cựu CTO tại Today Pickup (được Kakao Mobility mua lại, nơi tôi trở thành trưởng nhóm phát triển trẻ tuổi nhất)

Thêm

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

Tất cả

94 bài giảng ∙ (23giờ 3phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

177 đánh giá

4.9

177 đánh giá

  • sorayeon님의 프로필 이미지
    sorayeon

    Đánh giá 81

    Đánh giá trung bình 5.0

    5

    99% đã tham gia

    Tôi hài lòng với bài giảng. Hãy giải thích một cách dễ hiểu. Dịch vụ này cũng hoạt động tốt. Tôi cần thay đổi bộ công cụ sau khi kết thúc câu chuyện. Tôi đã thử nó như một mẫu và nó hoạt động tốt. Tôi rất vui vì vẫn còn nhiều việc phải làm với việc triển khai SSR cuối cùng. Tôi sẽ vui vẻ vượt qua nó! Cảm ơn

    • heruse7318님의 프로필 이미지
      heruse7318

      Đánh giá 4

      Đánh giá trung bình 2.5

      5

      37% đã tham gia

      Tôi là một người không phải là nhà phát triển và không biết gì về JavaScript. Qua kênh thứ hai Utop Zero Nghe Jasston, học JavaScript qua game Tôi muốn bắt đầu với React một cách nhanh chóng, vì vậy tôi đã tham gia khóa học React dành cho người mới bắt đầu để hiểu rõ các khái niệm và sau đó tham gia khóa học này. Vì lời giải thích dựa trên các nguyên tắc nên ngay cả những người không chuyên cũng có thể làm theo nếu họ quan tâm. Bạn có thể tìm hiểu về ngữ pháp bằng cách tìm kiếm trên Google. Ngoài ra, câu trả lời nhanh cho các câu hỏi là một hướng dẫn tuyệt vời.

      • kaei25740567님의 프로필 이미지
        kaei25740567

        Đánh giá 2

        Đánh giá trung bình 4.5

        5

        97% đã tham gia

        Là một nhà phát triển front-end đang làm việc, việc phát triển back-end rất khó khăn và tôi muốn triển khai nó nhưng không thể bắt đầu vì những lo ngại mơ hồ. Tuy nhiên qua bài giảng này mình được trực tiếp triển khai và làm back-end nên thật tuyệt vời! Đối với những người đang tham gia lớp redux và saga, nếu bạn đã quen với các mẫu này ở một mức độ nào đó, bạn nên dừng lại trước khi làm việc với redux và saga và nghe bài giảng sau khi làm việc với redux, saga và bộ định tuyến phụ trợ ở quầy lễ tân đều giống nhau ^^!

        • qnrjs42님의 프로필 이미지
          qnrjs42

          Đánh giá 18

          Đánh giá trung bình 4.8

          5

          99% đã tham gia

          Nếu bạn đang đọc bài viết này và nghĩ đến việc mua một khóa học, hãy tham gia ngay. Bạn sẽ không hối tiếc. Xin chào, tôi đã có việc làm sau khi tham gia khóa học này. Quyết định và thực hiện một dự án đồ chơi sau hoặc trong khi tham gia khóa học này. Và thật tốt khi có thói quen viết ra mọi thứ. Hoặc tạo một blog phát triển. Trong khi nghe bài giảng, hãy nhớ viết ra bất cứ điều gì bạn không biết. Sẽ rất hữu ích nếu bạn viết trên blog phát triển với suy nghĩ rằng bạn hoàn toàn hiểu nó và biến nó thành của riêng bạn. Tôi muốn kể lại toàn bộ câu chuyện của mình nhưng dài quá rồi... Thứ tự học cho đến khi có việc làm là 1. Thu thập dữ liệu nút 0 giây (khi bạn không biết gì về JavaScript) 2. JavaScript (Tôi tiếp tục nghiên cứu nó nhiều lần và tập trung vào Infron.) 3. Không giây, Đội trưởng Pangyo Vue (Tôi chỉ mới nếm thử nó thôi, hiện tại tôi không thể thực hiện dự án với Vue) 4. Phản ứng mã hóa cuộc sống, redux (YouTube) 5. Dòng phản ứng John Ahn (Infron) 6. Nút phản ứng [Gia hạn] thứ hai 7. dự án đồ chơi nextjs (quan trọng nhất!! một bước ngoặt trong cuộc đời) 8. Quản lý bãi cỏ GitHub 9. Blog phát triển 10. Sơ yếu lý lịch và quản lý danh mục đầu tư 11. Phỏng vấn và tuyển dụng Khoảng thời gian tôi dành để chuẩn bị cho một công việc phù hợp ngắn hơn dự kiến ​​(4 tháng?), nhưng tôi cảm thấy mình đã làm được rất nhiều. Tôi nghĩ lý do tôi có thể học nhiều là vì tôi làm việc bán thời gian vào các ngày thứ sáu, thứ bảy, chủ nhật và tiếp tục học khi không làm việc và khi tôi không thể đi làm bán thời gian vì lý do không thể đi làm thêm. về virus Corona, tôi nghĩ tôi đã nghiên cứu rất nhiều. Tôi không nhất thiết phải kiếm được việc làm chỉ bằng cách tham gia khóa học này, nhưng việc tham gia khóa học này đã giúp tôi rất nhiều để có được việc làm. Nếu không có khóa học này, tôi nghĩ mình sẽ tiếp tục vừa học vừa làm một công việc bán thời gian khác. Sau khi xem bài giảng này, bạn sẽ có đủ tự tin để tạo bất kỳ trang web nào. Cố lên!!

          • Bạn đã lấy Dự án đồ chơi next.js ở đâu?

          • Trả lời của Irum rất muộn. Tôi thậm chí còn không biết có phản hồi vì tôi không nhận được thông báo. Dự án đồ chơi tương tự như mã hóa bản sao, nhưng bạn không coi đó là một bài giảng. Tôi đã chọn các trang web cụ thể và sao chép từng trang một.

        • ksw50621916님의 프로필 이미지
          ksw50621916

          Đánh giá 4

          Đánh giá trung bình 5.0

          5

          91% đã tham gia

          Xin chào! Sau khi tham gia lớp học của Zerocho, tôi đã nhận được việc làm tại một công ty blockchain và tôi quyết định viết bài đánh giá lớp học để quảng bá cho dự án của riêng mình :) Đầu tiên, tôi sẽ tiết lộ dự án mà tôi hiện đang duy trì khi làm việc tại công ty! Nó gần giống với NodeBird được viết ở đây, nhưng TypeScript và Nest đã được thêm vào! https://musicsseolprise.com Bạn có thể đến đây! Người là chủ đề của dự án đã lên sóng nên tôi quyết định viết bài đánh giá để quảng bá nó☺️ Dự án tôi sắp tiết lộ chỉ giới hạn ở front-end nên nó có mức độ khó có thể hoàn thành ngay cả khi bạn chỉ hiểu bài giảng của Nordbird! Đối với phần phụ trợ, bạn cần nghiên cứu riêng Nest.js. Mặc dù học chuyên ngành nhưng tôi đã lang thang rất nhiều, ngoại trừ cơ sở dữ liệu tôi lấy trong học kỳ cuối cùng của chương trình đại học nên điểm trung bình của tôi không tốt, và không có sự khác biệt về cơ sở của tôi so với học không chuyên. Trước hết, ưu điểm lớn nhất của bài giảng là phần hỏi đáp! Dù học chuyên ngành nhưng tôi vào đại học muộn và thiếu các mối quan hệ. Vì vậy, khi tôi giảng bài trực tiếp hoặc đăng câu hỏi trước, họ đã phản hồi rất tử tế. Nhờ có bạn, chúng ta đã cùng nhau nghiên cứu Linux và điều đó đã giúp ích rất nhiều cho việc gia nhập công ty này! Và mặt trước thay đổi rất nhanh. Vì vậy, khi học, hãy tự hỏi tại sao bạn lại sử dụng thư viện, và nếu vẫn không giải quyết được vấn đề, hãy tìm các thư viện khác và sử dụng câu hỏi, kỹ năng của bạn sẽ tiến bộ rất nhiều! Cá nhân tôi khuyên người tìm việc nên sử dụng Recoil.js để quản lý trạng thái. Trên thực tế, nếu bạn thực hiện Saga trong Redux, số lượng mã sẽ tăng lên và năng suất sẽ giảm đi. Và Nest.js sẽ được tải lên dưới dạng bài giảng sau, nhưng thực sự tốt hơn là nên nghiên cứu trước Express, vì vậy tôi khuyên bạn nên nghiên cứu nó và đặt câu hỏi thông qua việc tái cấu trúc! Để tham khảo, tôi đã nghiên cứu thêm về TypeScript và thay thế tất cả mã tôi đã viết bằng TypeScript! Và tôi đã sử dụng một thư viện phong cách khác. Tôi cũng đã sử dụng và gỡ cài đặt Redux cũng như triển khai ajax bằng SWR. Và tính năng cuộn vô hạn sử dụng API tích hợp trong trình duyệt được gọi là trình quan sát giao lộ. Dù sao thì cũng cảm ơn Zerocho rất nhiều vì đã luôn đăng những câu hỏi tử tế dù bận rộn!!

          Khóa học khác của zerocho

          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!

          1.843.958 ₫