Chia Sẻ Khóa Học MERN Stack - React, Socket io, Nextjs, Express, MongoDb, Nodejs [Khóa 8703 A]
08 tháng 4 2021
/
No Comments
Xây dựng và triển khai MERN socialMedia- Nextjs, socket io cho realTime chat & Notifications, Infinite Scroll...!
Bạn sẽ học được gì:
- ✓ Tạo một Ứng dụng phức tạp trong thế giới thực sẽ giúp bạn có được một việc làm.
- ✓ Xây dựng một ứng dụng Mạng xã hội phức tạp full stack với React, NextJs (cho SSR), Express với Node cho backend, MongoDb làm cơ sở dữ liệu.
- ✓ Socket io cho REALTIME CHAT với nhiều người dùng được xác thực. Lưu trữ mọi tin nhắn mà người dùng gửi và nhận trong MongoDB.
- ✓ Hiển thị những người dùng đang ONLINE trên ứng dụng của bạn.
- ✓ Nhận tin nhắn ở bất kỳ đâu bên trong ứng dụng.
- ✓ REALTIME NOTIFICATION bất cứ khi nào ai đó THÍCH hoặc BÌNH LUẬN về bài viết của bạn. Và ngoài ra khi ai đó THEO DÕI bạn.
- ✓ Chỉ xem các bài đăng của Người dùng mà bạn ĐANG THEO DÕI trên trang chủ, giống như điều đó xảy ra ở các mạng xã hội lớn.
- ✓ Tạo các mô hình MongoDB liên kết để lưu trữ tất cả thông tin của Người dùng, TIN NHẮN, THÔNG BÁO. Tìm hiểu cách các công ty truyền thông xã hội lớn thực hiện loại nội dung này.
- ✓ Tạo một người dùng root để xóa bất kỳ bài đăng nào hoặc bất kỳ nhận xét nào mà họ thấy không phù hợp.
- ✓ Tìm kiếm người dùng bên trong Db của bạn.
- ✓ Dễ dàng triển khai INFINITE SCROLL trong ứng dụng của bạn.
- ✓ Toast Notifications với React-Toastify.
- ✓ RESPONSIVE Layout hoàn toàn cho màn hình Mobile, Tablet và Desktop.
- ✓ Các chế độ cho bài viết.
- ✓ POSTMAN cho API testing.
- ✓ Đặt lại Mật khẩu bằng Sendgrid và Nodemailer.
- ✓ CLOUDINARY cho Upload hình ảnh.
- ✓ Triển khai đến Heroku.
- ✓ Mã nguồn có sẵn để tải xuống trước mỗi phần.
Đây là một trong những ứng dụng phức tạp nhất mà bạn sẽ xây dựng. Gần 12 giờ nội dung video cho một ứng dụng duy nhất, sẽ trông tuyệt vời trên sresume của bạn.
- ✓ React và NextJs (Đối với các trang được kết xuất từ phía máy chủ) cho Frontend và Express với Node trên backend. Bạn sẽ sử dụng Socket io cho kết nối Thời gian thực giữa nhiều máy khách để nhắn tin.
- ✓ Tạo các MongoDB Model phức tạp và liên kết với nhau để lưu trữ thông tin của người dùng, tin nhắn họ gửi và nhận, thông báo của họ, lượt theo dõi và người theo dõi của người dùng,.. Bạn sẽ lưu trữ mọi thứ trong cơ sở dữ liệu của bạn.
- ✓ Bạn sẽ hiển thị những người dùng trực tuyến trong ứng dụng của mình cho người dùng đã đăng nhập giống như trong bất kỳ mạng xã hội lớn nào.
- ✓ Chat thời gian thực với nhiều người dùng. Vì vậy, không cần phải làm mới trang để kiểm tra xem có tin nhắn mới hay không. Mọi thứ sẽ diễn ra trong thời gian thực. Ngoài ra, bạn sẽ phát âm thanh thông báo khi có tin nhắn mới.
- ✓ Bạn sẽ chỉ hiển thị các bài đăng của những người dùng mà bạn đang theo dõi . Vì vậy, giống hệt như cách nó xảy ra trong các mạng xã hội lớn.
- ✓ Bạn sẽ có Thông báo thời gian thực (Realtime Notifications). Bất cứ khi nào ai đó thích bài đăng của bạn hoặc nhận xét về bài đăng của bạn hoặc bắt đầu theo dõi bạn, một thông báo mới sẽ xuất hiện.
- ✓ Infinite Scroll để tự động bật các bài đăng mới từ backend khi người dùng ở gần cuối trang.
- ✓ Tạo responsive layout hoàn toàn trên Frontend, chỉ với JavaScript và Không có truy vấn CSS media. Ngoài ra, nó sẽ được tối ưu hóa cho Server Side Rendering (SSR).
- ✓ Upload ảnh hồ sơ. Đồng thời tạo các bài đăng có hình ảnh. Bạn sẽ lưu trữ tất cả các hình ảnh trong CLOUDINARY.
- ✓ Ngoài ra, bạn sẽ tạo một người dùng root. Người dùng đó có thể xóa bất kỳ bài đăng nào hoặc xóa bất kỳ nhận xét nào bên trong ứng dụng.
- ✓ Bạn sẽ hiển thị tất cả thông tin về Người theo dõi và Đang theo dõi của bạn.
- ✓ Ngoài ra, bạn sẽ cung cấp cho người dùng tùy chọn cập nhật ảnh hồ sơ hoặc thông tin hồ sơ. Sẽ có một tab cài đặt, nơi bạn có thể cập nhật mật khẩu và cài đặt cửa sổ bật lên tin nhắn của mình.
- ✓ Bạn sẽ được dạy cách điền các trường bên trong MongoDB, và cách bạn liên kết các mô hình với nhau để không phải lưu trữ các giá trị cố định trong mọi mô hình.
- ✓ Ngoài ra, bạn sẽ thêm chức năng đặt lại mật khẩu. Bạn sẽ sử dụng NodeMailer & Sendgrid để gửi email có liên kết đến người dùng để đặt lại mật khẩu.
- ✓ Cuối cùng, bạn sẽ triển khai nó lên HEROKU.
Đây là một trong những dự án phức tạp nhất mà bạn sẽ tạo và nó sẽ trông thực sự tuyệt vời trên sơ yếu lý lịch của bạn.
MÃ KHÓA HỌC TÌM KIẾM TRÊN DRIVE: 8703
CUNG CẤP TÀI KHOẢN GOOGLE DRIVE DUNG LƯỢNG KHÔNG GIỚI HẠN VỚI GIÁ ƯU ĐÃI NHẤT, XEM CHI TIẾT TẠI ĐÂY
Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and Email us, we'll remove relevant links or contents immediately.
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and Email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.
