Chia Sẻ Khóa Học Xây Dựng Một Real Time Chat App Với React + NestJS & GraphQL [Khóa 6857 A]
Xây dựng một ứng dụng web full-stack, có thể mở rộng, cấp sản xuất theo các phương pháp hay nhất. Bao gồm continuous delivery trên AWS.
Bạn sẽ học được gì:
- ✓ Xây dựng và triển khai một ứng dụng web nhắn tin theo thời gian thực.
- ✓ Triển khai JWT authentication trên backend & UI.
- ✓ Sử dụng Material UI để phát triển UI nhất quán và responsive.
- ✓ Phát triển một GraphQL API cho chức năng CRUD.
- ✓ Lưu dữ liệu bằng MongoDB & Abstract Repository pattern.
- ✓ Execute automatic DB migration.
- ✓ Sử dụng Apollo Client để quản lý UI state & cache application data.
- ✓ Sử dụng GraphQL WebSocket Subscriptions để publish & consume messages trong thời gian thực.
- ✓ Custom UI routing với React Router.
- ✓ Sử dụng các công cụ code generation để tự động generate types từ GraphQL schema.
- ✓ Thực hiện server-side pagination để triển khai infinite scrolling.
- ✓ Sử dụng MongoDB aggregation để thực hiện single operation lookups & DB calls.
- ✓ File upload lên Amazon S3.
- ✓ Production deployment lên AWS hoàn toàn ở free-tier.
- ✓ Continuous Delivery & CI/CD.
- ✓ Kết nối một Pub/Sub app với Redis để cho phép phân phối tin nhắn và chia tỷ lệ theo chiều ngang.
- ✓ Kết nối ứng dụng với một domain tùy chỉnh và HTTPS traffic an toàn.
Trong khóa học này, chúng ta vượt xa tài liệu và các ứng dụng starter nhỏ đơn giản để xây dựng một ứng dụng trò chuyện toàn diện trong thế giới thực. Ứng dụng này được xây dựng từ đầu để có thể mở rộng và cấp sản xuất. Mục tiêu của khóa học là giúp bạn có thể thoải mái phát triển các ứng dụng web full-stack để sau này bạn có thể phát triển ứng dụng của riêng mình.
Chúng tôi sử dụng một NestJS backend, một thư viện Node.js phổ biến cho phép chúng tôi nhanh chóng tạo các clean-code HTTP API. Chức năng CRUD của chúng tôi sẽ được cung cấp bởi một GraphQL API để lưu trữ dữ liệu bằng cơ sở dữ liệu MongoDB. Chúng tôi sẽ sử dụng cùng GraphQL API này để tạo messaging subscription cho phép kết nối WebSocket với UI của chúng tôi để tạo điều kiện thuận lợi cho việc nhắn tin. Tất nhiên, mọi thứ sẽ được bảo mật với JWT auth tiêu chuẩn ngành.
Trên UI, chúng tôi sẽ tạo một React App bằng Material UI đẹp mắt để dễ dàng tạo một responsive UI và tương tác với backend của chúng tôi. Chúng tôi sẽ chọn Apollo Client cho state management để có thể dễ dàng tương tác với GraphQL API & cache data của mình.
Cuối cùng, tất cả những thứ này sẽ được triển khai trên AWS Elastic Beanstalk & Amplify. Được hỗ trợ bởi một continuous delivery CI/CD pipeline, bất cứ khi nào chúng tôi push code, những thay đổi mới nhất của chúng tôi sẽ được built & deploy cho môi trường mà chúng tôi lựa chọn.
Khi kết thúc project, bạn sẽ học được mọi thứ cần thiết để bắt đầu xây dựng và triển khai các ứng dụng web cấp sản xuất của riêng mình!
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. React UI Setup.
- ✓ 03. NestJS Backend Setup & Users GraphQL CRUD.
- ✓ 04. Apollo Client.
- ✓ 05. Backend Authentication.
- ✓ 06. UI Authentication.
- ✓ 07. Header.
- ✓ 08. Snackbar.
- ✓ 09. Chat List.
- ✓ 10. Chat UI.
- ✓ 11. Messages.
- ✓ 12. Responsiveness.
- ✓ 13. Subscriptions.
- ✓ 14. Aggregation.
- ✓ 15. Pagination.
- ✓ 16. File Upload.
- ✓ 17. AWS Production Deployment.
Khóa học này dành cho ai:
- ✓ Các developer bậc trung đang tìm cách tìm hiểu các phương pháp hay nhất để xây dựng và triển khai một ứng dụng web cấp sản xuất có thể mở rộng.
- ✓ Các developer bậc trung đang muốn tìm hiểu cách triển khai một ứng dụng web trên AWS với continuous delivery.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU