강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

[Gia hạn] Tạo NodeBird SNS bằng React

Phản ứng & Tiếp theo & Chuyển đổi & Redux Saga & Hãy tạo một dịch vụ SNS tương tự như Twitter bằng Express Stack. Cuối cùng, sau khi tối ưu hóa công cụ tìm kiếm, chúng tôi triển khai lên AWS.

(4.9) 177 đánh giá

3,711 học viên

  • zerocho
React
Redux
Node.js
Express
Next.js

Đá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át triển phản ứng

  • Redux &

  • Sử dụng móc phản ứng

  • Thành phần được tạo kiểu

  • Thiết Kế Kiến

  • SWR

  • Kết xuất phía máy chủ

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

  • Triển khai AWS

Gặp gỡ dự án React NodeBird mới của Zerosecond !

Những gì đã được đổi mới

Nó bao gồm các phiên bản của next@9, styled-comComponents@5, antd@4, node.js@14 , v.v.

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

Khóa học này bao gồm Bộ định tuyến trang . Bạn có thể tìm thấy khóa học Bộ định tuyến ứng dụng tại liên kết này (nhấp chuột) . Mặc dù khóa học Bộ định tuyến ứng dụng mới hơn nhưng lý do bỏ khóa học này là Bộ định tuyến ứng dụng vẫn chưa ổn định nên có một chút rủi ro khi sử dụng trong thực tế. Cho đến khi nó ổn định, chúng tôi khuyên bạn nên sử dụng Bộ định tuyến trang trong thực tế.


Một lời khuyên

Năm ngoái, nhiều sinh viên đã tham gia khóa học này. Cảm ơn Tuy nhiên, có một điều tôi muốn nói. Bạn sẽ không trở thành nhà phát triển full-stack chỉ bằng cách xem các bài giảng (đó là lòng tham). Bạn phải tự mình làm theo, giải quyết mọi lỗi xảy ra, tạo ra các chức năng không có trong khóa học và biến các kỹ năng bạn học được thành của riêng bạn.

Khóa học này trình bày gần 20 giờ giảng dạy và thực tế kéo dài hơn 6 tháng. HTML, CSS, JS, Node, MySQL và AWS đều có thể thành thạo ở một mức độ nào đó bằng cách đầu tư ít nhất một tháng. Vì vậy, ngay cả khi khóa học kéo dài 20 giờ, vẫn cần phải học riêng.


Học với React trong 0 giây
Khóa học đầy đủ 20 giờ !

▲ Tạo NodeBird SNS

  • Hãy tạo NodeBird SNS, dự án đặc trưng của Zero Second tương tự như Twitter (đọc: giả mạo) và tìm hiểu mọi thứ từ triển khai dịch vụ đến phân phối.
  • Tìm hiểu Next.js (SSR) + React Hook + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize (MySQL).
  • Triển khai SEO và AWS (chỉ cần sử dụng EC2 + Lambda + S3 + Route53) là một phần thưởng!

Hãy thử tự làm nó!

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

 

Cuộn vô hạn, theo dõi, hủy theo dõi

 

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

 

Trả lời nhanh các câu hỏi
Đây là câu trả lời.

Ưu điểm của khóa học của tôi là hỏi đáp. Nếu bạn có câu hỏi, chúng tôi sẽ trả lời trong vòng một ngày.
Tích cực học tập bằng cách thoải mái đặt câu hỏi về nội dung liên quan đến khóa học.
Nó sẽ giúp bạn hiểu rõ hơn về nội dung!


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

Blog số 0
Hoạt động kênh YouTube

Phát triển web bán chạy nhất
tác giả

Công ty TNHH Pickup ngày nay
CTO


Bài giảng liên quan

Học React bằng cách tạo trò chơi trên web
Tìm hiểu React thông qua trò chơi trên web miễn phí.
Trọng tâm là ở mặt trước và mặt sau đóng một vai trò bổ sung.
[Gia hạn] Giáo trình Node.js - Từ cơ bản đến thực hành dự án
Sau khi tìm hiểu các khái niệm cốt lõi của nút,
Hãy sẵn sàng đi sâu vào thế giới thực thông qua các ví dụ thực tế.
Tạo Nodebird SNS với Vue
Khóa học SNS đầy đủ được thực hiện 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 áp dụng React như React Hooks hoặc Next

  • Bất cứ ai quan tâm đến việc phát triển full-stack

  • Nhà phát triển front-end đầy tham vọng

  • Những người muốn tích cực sử dụng Bộ định tuyến trang tiếp theo

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

  • Kiến thức HTML, CSS

  • Kiến thức ngữ pháp mới nhất về JavaScript

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

Xin chào
Đây là

66,508

Học viên

1,682

Đánh giá

9,755

Trả lời

4.8

Xếp hạng

22

Các khóa học

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

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á

  • qnrjs42님의 프로필 이미지
    qnrjs42

    Đánh giá 18

    Đánh giá trung bình 4.8

    5

    99% đã tham gia

    If you are thinking about purchasing a course and reading this article, take it right away. You won't regret it. Hello, I got a job after taking this course. After taking this course or while taking it, decide on a toy project and execute it. And it would be good to have a habit of recording. Or, create a development blog. While taking the course, make sure to record the parts you don't know. It will be helpful if you write on the development blog with the mindset of fully understanding and making it your own. I want to tell you all about my story, but it's too long... My learning order until I got a job was 1. Zerocho Node Crawling (when I knew nothing about JavaScript) 2. JavaScript (I kept learning repeatedly and studied mainly with Inflearn.) 3. Zerocho, Captain Pangyo Vue (I just got a taste of it, but I can't do a project with Vue now) 4. Life Coding React, Redux (YouTube) 5. John Ahn React Series (Inflearn) 6. Zerocho [Renewal] React Nodebird 7. Nextjs Toy Project (The most important!! A turning point in life) 8. Github Lawn Management 9. Development Blog 10. Resume, Portfolio Management 11. Interview and Job Search The period of time I spent preparing for a proper job search was shorter than I thought (4 months?), but I feel like I did a lot. The reason I was able to study a lot was because I kept studying when I didn't have work while working a night shift on Fridays and Saturdays, and when I couldn't go to work because of the coronavirus, I think I studied a lot at that time. I didn't get a job just by watching this lecture, but taking this lecture helped me a lot in getting a job. If I hadn't taken this lecture, I think I would have been working a different part-time job and continuing to study. After watching this lecture, you will gain the confidence to create any website. Fighting!!

    • akdlgusdnr262062

      Where did you take the next.js toy project?

    • Irumnim, your reply is very late. I didn't even know you had replied because I didn't get an alarm. The toy project is similar to clone coding, but I didn't listen to the lecture, I chose a specific site and cloned it one by one.

  • ksw50621916님의 프로필 이미지
    ksw50621916

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    91% đã tham gia

    Hello! I took Zerocho's class and got a job at a blockchain company, and I'm writing a course review to promote my project separately :) I'll first reveal the project I'm currently maintaining while working at the company! It's almost the same stack as the Nodebird I wrote here, but TypeScript and Nest have been added! https://musicsseolprise.com You can come here! The person who's the subject of the project appeared on the broadcast, so I'm writing a course review to promote it☺️ The project I'm going to reveal is of a difficulty level that you can do if you just understand the Nodebird lectures well for the front end! For the back end, you have to study Nest.js separately. I was a major, but I wandered a lot except for the database I learned in my last semester as an undergraduate, so my grades weren't good, and you can see that my base was no different from that of a non-major. First of all, the biggest advantage of the course is the Q&A! I was a major, but I entered college late and lacked connections. So when I asked questions during the live lecture or Inflearn, they answered me very kindly. Thanks to you, I studied Linux together and it was a great help in getting into this company! And the front-end changes so quickly. So when you study, ask yourself why you are using the library, and if you still can't figure it out, look for other libraries and use the questions to improve your skills a lot! Personally, if you are a job seeker, I recommend Recoil.js for state management. In fact, if you do Saga with Redux, the amount of code will increase too much and your productivity will decrease. And Nest.js will be covered in a lecture later, but it is actually better to study Express in advance, so I recommend you study it and ask questions about refactoring! As a reference, I additionally studied TypeScript and replaced all my code with TypeScript! And I used a different style library. I also used Redux and then removed it and implemented Ajax with swr. And I used a browser-built API called intersection observer for infinite scrolling. Anyway, thank you so much, Zerocho, for always kindly answering questions even though you are busy!!

    • kaei25740567님의 프로필 이미지
      kaei25740567

      Đánh giá 2

      Đánh giá trung bình 4.5

      5

      97% đã tham gia

      As a front-end developer in the field, I had difficulty developing back-end, and I wanted to try deployment, but I couldn't start because of a vague fear. However, through this lecture, I was able to deploy it myself and work on the back-end, so it was really good! For those who are taking the lecture, when taking the redux and saga class, if you are somewhat familiar with the pattern, it would be good to stop before working on redux and saga and work on redux, saga, and back-end router in the front before taking the lecture^^!

      • heruse7318님의 프로필 이미지
        heruse7318

        Đánh giá 4

        Đánh giá trung bình 2.5

        5

        37% đã tham gia

        I was a non-developer who didn't even know JavaScript. I listened to JavaScript through games on YouTube's Zerocho channel, and even Jasstone, and I wanted to start React quickly, so I quickly learned the concepts through the React beginner course and listened to this. Since it's a style that explains things based on principles, even non-majors can follow along if they're interested. You can just search on Google here and there for grammar. And the fact that you answer my questions quickly was a great guide.

        • 9uke님의 프로필 이미지
          9uke

          Đánh giá 2

          Đánh giá trung bình 3.5

          3

          88% đã tham gia

          I would like to list the pros and cons of this lecture. Pros 1. The lecture content is too informative. Cons 1. Whenever there is a section where you copy and paste code or a section where you edit and suddenly complete the code, it is a code that was suddenly created, so there is a lack of explanation about where the code came from and what was modified, so a lot of time is spent on this part. 2. If you follow the lecture well, an error occurs in the middle, but since it is a mistake made in the lecture itself, there is a section where it is corrected in the next lecture, but since there is no mention of it, you will keep looking for where you made a mistake until you watch the next lecture. The lecture content is very informative, but the editing part is very disappointing.

          1.847.891 ₫

          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!