Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
BEST
Programming

/

Full-stack

Cộng đồng MERN STACK: React thông báo cho bạn từ khi bắt đầu đến khi triển khai

Chúng tôi tạo và phân phối các ứng dụng cộng đồng bằng MERN Stack. (MongoDB, Express, React, Nút + Firebase)

(4.7) 27 đánh giá

316 học viên

  • pandacoding
토이프로젝트
MongoDB
Express
React
Node.js
Firebase

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

  • Thể hiện

  • MongoDB (Cầy mangut)

  • Firebase (Xác thực)

  • AWS E3 (Dịch vụ đám mây Naver)

Học lập trình web toàn diện với MERN Stack!

MongoDB, Express, React, Node.js
Xây dựng trang web cộng đồng (có Firebase)

  • ✅ Phát triển các trang web cộng đồng bằng MERN Stack.
  • ✅ Chúng tôi cung cấp tất cả kiến thức về front-end và back-end và hướng tới mục tiêu tạo ra một trang web/ứng dụng hoàn chỉnh.

Các kỹ năng được đề cập trong bài giảng này

Phản ứng
(Phản ứng)

Thể hiện
(Thể hiện)

MongoDB/Mongoose
(MongoDB/Mongoose)

Căn cứ hỏa lực
(Căn cứ hỏa lực)


Nhân tiện, React là gì? ✨

React là một thư viện JavaScript được Facebook tạo ra.
Mặc dù hiện nay có nhiều Javascript Framework/Thư viện như Vue.js, Angular, v.v., React vẫn là một trong những lựa chọn phổ biến và được săn đón nhất trong thế giới front-end.

Các tính năng của React

1️⃣ JSX

Là Javascript XML, nó có cú pháp tương tự như XML/HTML. Nó cho phép mã giống HTML được thực thi trong JS, sau đó được tối ưu hóa và chuyển đổi thành JS có thể đọc được trên trình duyệt, giúp nó nhanh hơn nhiều so với JS thông thường.

2️⃣ DOM ảo

Trước năm 2013, các trang web và trang web luôn phải làm mới để hiển thị dữ liệu mới cho người dùng. Tuy nhiên, React chỉ cập nhật những phần dữ liệu cần thiết, loại bỏ nhu cầu hiển thị lại trang web. Điều này có nghĩa là web/ứng dụng React có thể mang đến cho người dùng trải nghiệm giống như ứng dụng!


Trong một bài giảng
Đã nhận được MERN Stack !

#1.
Phản ứng

Chúng tôi sẽ triển khai tất cả các tính năng cần thiết cho một trang web cộng đồng bằng cách tạo ra các thành phần khác nhau, bao gồm tạo bài đăng và đăng ký thành viên. Các hook sẽ được cung cấp khi cần thiết để phù hợp với vòng đời của thành phần, và dịch vụ Người dùng sẽ được phát triển nhanh chóng bằng Firebase và được quản lý bằng Redux.

#2.
Thể hiện

Chúng ta sẽ xây dựng một máy chủ web bằng Express và trình diễn một ứng dụng được xây dựng bằng React. Chúng ta sẽ lưu trữ dữ liệu văn bản và hình ảnh được truyền từ phía máy khách trong cơ sở dữ liệu hoặc máy chủ. Trong bài học này, chúng ta cũng sẽ tìm hiểu cách lưu trữ hình ảnh trên bộ nhớ ngoài bằng Naver Cloud.

#3.
MongoDB /
cầy mangut

Chúng ta sẽ quản lý MongoDB, một cơ sở dữ liệu NoSQL, bằng Mongoose. Tìm hiểu về quy trình CRUD (Tạo, Đọc, Chỉnh sửa và Xóa), bao gồm lưu, đọc, chỉnh sửa và xóa thông tin bài đăng và người dùng trong cơ sở dữ liệu. Trong khóa học này, chúng ta sẽ sử dụng Mongoose để tạo các mô hình trong MongoDB và thao tác chúng bằng nhiều phương pháp khác nhau.

#4.
React-Bootstrap,
Cảm xúc

Chúng tôi giới thiệu React-Bootstrap cho dự án, cho phép hoàn thiện UI/UX nhanh chóng và tạo thiết kế trang web bằng Emotion, một thư viện định kiểu dựa trên SASS, khi cần.

Triển khai Đăng nhập/Đăng xuất
Triển khai đăng ký hồ sơ người dùng

Tôi đã tham gia khóa học này
Tôi có thể nghe thấy bạn không? 🙋‍♂️

Bạn đã bao giờ muốn trải nghiệm việc triển khai website của riêng mình trong khi học lập trình chưa? Khóa học này bao gồm cả front-end và back-end, giúp bạn có thể tự tạo website chỉ bằng cách làm theo hướng dẫn.

H. Tôi có thể bắt đầu phát triển web thông qua khóa học này không?

Tất cả các stack được sử dụng trong khóa học này đều được thiết kế dành cho người mới bắt đầu. Do đó, ngay cả khi bạn chưa có kiến thức nền tảng về công nghệ, khóa học vẫn sẽ cung cấp đầy đủ giải thích để đảm bảo bạn có thể theo dõi mà không gặp nhiều khó khăn. Tuy nhiên, những người chưa có kiến thức cơ bản về phát triển web như HTML, JS và CSS có thể thấy khóa học này hơi khó. (Vui lòng kiểm tra kiến thức tiên quyết!)

H. Tôi chỉ có kinh nghiệm về front-end (back-end). Vậy có được không?

Bạn sẽ chỉ học những kiến thức cơ bản để xây dựng website cộng đồng hiệu quả, và mỗi khi bạn sử dụng một công nghệ mới, khóa học sẽ cung cấp đầy đủ thông tin về "lý do" và "cách" sử dụng. Mặc dù React là trọng tâm chính của khóa học này, nhưng nó cũng cung cấp kiến thức toàn diện về phát triển website, khiến đây trở thành một khóa học được khuyến khích cho bất kỳ lập trình viên đầy tham vọng nào.

H. Tôi có thể nắm vững toàn bộ MERN Stack thông qua khóa học này không?

Không. Khóa học này được thiết kế dành cho người mới bắt đầu phát triển website bằng framework hoặc thư viện, vì vậy nó bao gồm nội dung từ cơ bản đến trung cấp cho mỗi nền tảng. Khóa học này là một cách tuyệt vời để kiểm tra năng lực lập trình web của bạn.

H. Người chơi cần có trình độ hiểu biết nào?

Tôi khuyên bạn nên tham khảo tài liệu này . Nếu bạn có kiến thức cơ bản về các kiểu dữ liệu JavaScript (bao gồm mảng và đối tượng) cũng như cách khai báo và sử dụng các hàm do người dùng định nghĩa, bạn sẽ ổn thôi.

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

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

  • Bất cứ ai muốn phát triển một trang web hoàn chỉnh bằng React

  • Người gặp khó khăn khi triển khai dự án do thiếu kiến ​​thức BackEnd

  • Những người muốn phân phối trang web của riêng họ

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

  • HTML/CSS

  • JavaScript

Xin chào
Đây là

22,123

Học viên

550

Đánh giá

268

Trả lời

4.8

Xếp hạng

6

Các khóa học

문의 : nani6765@gmail.com

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

Tất cả

49 bài giảng ∙ (6giờ 45phú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ả

27 đánh giá

4.7

27 đánh giá

  • coookieee995538님의 프로필 이미지
    coookieee995538

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    12% đã tham gia

    The lecture is very informative and easy to understand! I have taken many other lectures from Inflearn, but this is the first lecture that I am writing a review for, so I am very satisfied with it! I really liked how it was covered in detail AtoZ, and I think it was good at picking out points that made it a little easier to understand. Actually, as a non-major, I was at a loss when it came to learning development, but the clear explanation is really great. I recently used the React library that is used on many websites, so I think it will be very helpful in practice! I think those who are interested in React will understand it very clearly if they listen to this lecture once :) Pandacoding, thank you so much for the great lecture!! Please release other lectures soon!!!

    • pandacoding
      Giảng viên

      Thank you :) - You are the first to leave a review, thank you :) I also started coding as a non-major and am currently working as a developer. I think one of the most important things to learn coding is not to lose interest in coding. In that sense, I tried hard to get away from simple grammar explanations and listing lectures. I will continue to try my best so that you will not lose interest in coding.

  • geonu1101님의 프로필 이미지
    geonu1101

    Đánh giá 4

    Đánh giá trung bình 4.8

    4

    71% đã tham gia

    I took the course after learning React and Node once. Overall, it was good for reviewing what I had learned before, and I was at a loss as to how to connect and handle React and Node, but I learned how to transfer server and client data with Axios. However, the only regret was that the font of the instructor's IDE was too small, so it was not easy to read when watching the lecture on my tablet. And since the instructor tried to cover a variety of topics in a short class, I couldn't understand the code for the Redux part at all, so I looked back at the lecture I had seen before. I didn't even know that using Amazon S3 meant using Naver Cloud. It was my fault. Lastly, I haven't received an answer for two weeks even after posting a question. Is the instructor busy? ㅠㅠ.. Since it's a paid course, I wish he would put more effort into answering questions. Still, it was good to be able to grasp the big picture of how to use the front, backend, DB, and external storage.

  • qlsnaos12님의 프로필 이미지
    qlsnaos12

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    It's a little fast, but it's okay. You can listen to it multiple times~~ I'm just over 30% done now, and it's fun~ I was scared to try React after developing with View, but thanks to the instructor, I'm having fun! // Added I was so busy that it took me a long time to listen to the end ㅜㅜ I don't know how to thank you because I learned so much! It was great to get a big picture of how web development is done, and I learned that there are still many areas where I'm lacking, so I plan to study those areas more while working on a separate project. Thank you~

  • copperhun5642님의 프로필 이미지
    copperhun5642

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    94% đã tham gia

    The progress is so fast that it's a bit tiring. But the backend part seems really useful. It seems like something even a beginner can watch. I plan on watching it over and over again.

  • rgc05824542님의 프로필 이미지
    rgc05824542

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    I think I learned more than I expected. I was able to learn not only how to use the database and the technology stack, but also how to apply it, and I was able to see many improvements due to the differences in the writing style.

    • pandacoding
      Giảng viên

      Thank you :) - Sorry for the late reply! I hope you don't just learn grammar, but learn how to apply and use it (__)

805.920 ₫

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

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!