Tin mới nhất

Menu

Chia Sẻ Khóa Học Làm Chủ AppSync - Xây Dựng Các Ứng Dụng Serverless Full-Stack Có Khả Năng Mở Rộng Và Hiệu Suất Cao [Khóa 7085 A]

Tìm hiểu cách sử dụng các công nghệ hiện đại như AppSync, Lambda, DynamoDB và Vue.js để xây dựng các ứng dụng full-stack có hiệu suất cao và có thể mở rộng bằng cách xây dựng một Twitter clone từ đầu.

Công nghệ serverless cho phép bạn xây dựng các ứng dụng performant và scalable mà không cần quản lý bất kỳ cơ sở hạ tầng nào. GraphQL cho phép bạn xây dựng các API mạnh mẽ, dễ sử dụng và mở rộng. Cùng với nhau, chúng là công cụ hoàn hảo để xây dựng các ứng dụng hiện đại.

Xây dựng một Twitter clone bằng các công nghệ hiện đại này:


Học các kỹ năng thực tế được các nhà tuyển dụng đánh giá cao:

Đừng lãng phí thời gian của bạn vào một hướng dẫn hello-world khác. Đi sâu và học các kỹ năng thực hành, thực tế có thể thực sự giúp bạn trở thành một nhà phát triển giỏi hơn và giúp bạn nổi bật giữa đám đông.

  • ✓ Testing & Debugging: Cách test các hàm Lambda và AppSync API cả locally (unit & integration test) và remotely (end-to-end test).
  • ✓ Observability: Tìm hiểu các phương pháp hay nhất cho logging, monitoring và tracing để bạn có thể phát hiện và khắc phục sự cố trong production một cách nhanh chóng.
  • ✓ Design Patterns: Tìm hiểu các mẫu thiết kế kiến ​​trúc cho các ứng dụng serverless và các kỹ thuật modelling cho DynamoDB.
  • ✓ Security: Cách bảo mật ứng dụng của bạn và ngăn chặn truy cập trái phép.

Trải nghiệm full-stack development hiện đại:

Xây dựng một ứng dụng full-stack, không tầm thường bằng cách sử dụng các công nghệ hiện đại (GraphQL, AWS, serverless, Vue.js) và các development practice (infra-as-code, CI/CD, load-testing, progressive web apps).

  • ✓ AWS: Có được trải nghiệm thực tế với các dịch vụ AWS phổ biến như AppSync, Lambda, DynamoDB và Cognito.
  • ✓ Vue.js và Tailwind CSS: Học bằng cách xây dựng một progressive web application non-trivial với Vue.js framework và Tailwind CSS phổ biến.
  • ✓ GraphQL: Tìm hiểu cách hoạt động của GraphQL, cách so sánh nó với REST API và các best practice cho modelling GraphQL schema.
  • ✓ CI/CD với GitHub Actions: Continuously test và deploy API của bạn bằng GitHub Actions.

Xây dựng một Twitter clone full-stack:

Triển khai các tính năng như user registration, quản lý user profile, post tweets, reply/retweet/like tweets, follow/unfollow users, hashtags, search, tin nhắn trực tiếp và thông báo.

  • ✓ Xác thực người dùng: Triển khai các luồng đăng ký, đăng nhập, đăng xuất của người dùng bằng Cognito và Amplify. Bao gồm UI flow 3 bước để đăng ký Twitter.
  • ✓ Quản lý user profile: Load user profile với các tweet; cho phép người dùng chỉnh sửa chi tiết profile của họ và upload hình ảnh hồ sơ lên ​​S3.
  • ✓ Tweeting: Người dùng có thể gửi tweet, trả lời tweet hoặc like một tweet. Tweets sẽ được phân phối theo dòng thời gian của người theo dõi.
  • ✓ Các tính năng Social - follow, DM: Người dùng có thể theo dõi lẫn nhau và nhận các tweet vào dòng thời gian của họ và họ có thể nhắn tin riêng cho nhau bằng tin nhắn trực tiếp.
  • ✓ Real-time notification: Triển khai thông báo theo thời gian thực bằng cách sử dụng websockets.

Hãy sẵn sàng cho production!

Làm cho một ứng dụng hoạt động là một phần dễ dàng. Phần khó khăn là chuẩn bị sẵn sàng cho production. Nó có thể mở rộng quy mô với nhiều người dùng hơn không? Bạn có thể khắc phục sự cố một cách nhanh chóng không? Nó có hoạt động tốt trên cả desktop và mobile không?

  • ✓ Progressive Web Application (PWA): Làm cho UI hoạt động tốt trên desktop, máy tính bảng và thiết bị di động để người dùng luôn có được trải nghiệm tốt bất kể kiểu dáng nào.
  • ✓ Analytics tracking: Nhận thông tin chi tiết về cách người dùng đang sử dụng ứng dụng của bạn. Sử dụng Kinesis Firehose để nhập các sự kiện luồng nhấp chuột và phân tích chúng bằng Athena.
  • ✓ Observability: Thiết lập CloudWatch alerts và dashboards; điều tra các vấn đề về hiệu suất với X-Ray; nhận số liệu chi tiết về resolver với CloudWatch Insights.
  • ✓ Performance optimization: Optimize Lambda cold start time và sử dụng per-resolver caching của AppSync để cải thiện khả năng mở rộng và hiệu suất.

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

  • ✓ 01. Chào mừng bạn đến với khóa học!
  • ✓ 02. Chương 1 - AppSync 101.
  • ✓ 03. Chương 2 - AWS 101.
  • ✓ 04. Chương 3 - Chuẩn bị môi trường phát triển của bạn.
  • ✓ 05. Chương 4 - Xây dựng AppSync Backend (phần 1).
  • ✓ 06. Chương 5 - Xây dựng SPA với Vue.js và Tailwind CSS (phần 1).
  • ✓ 07. Chương 6 - Xây dựng AppSync Backend (phần 2).
  • ✓ 08. Chương 7 - Xây dựng SPA với Vue.js và Tailwind CSS (phần 2).
  • ✓ 09. Chương 8 - Xây dựng AppSync Backend (phần 3).
  • ✓ 10. Chương 9 - Xây dựng SPA với Vue.js và Tailwind CSS (phần 3).
  • ✓ 11. Chương 10 - Observability.
  • ✓ 12. Chương 11 - Misc.
  • ✓ 13. Chương 12 - Nội dung thưởng.
  • ✓ 14. Các bước tiếp theo.


NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU




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.
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.

Chia sẽ bài viết lên:

Nhà Sách Tin Học

Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!

No Comment to " Chia Sẻ Khóa Học Làm Chủ AppSync - Xây Dựng Các Ứng Dụng Serverless Full-Stack Có Khả Năng Mở Rộng Và Hiệu Suất Cao [Khóa 7085 A] "

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM