Tạo một Progressive Web App theo phong cách Instagram đẹp mắt với Vue, Quasar, Firebase, NodeJS & Express.
Bạn sẽ học được gì:
- ✓ Cách tạo một PWA bản sao Instagram đẹp mắt với Vue JS, Quasar & Firebase.
- ✓ Cách tích hợp 5 Tính năng chính của PWA: Home Screen Installation, Precaching, Caching Strategy, Background Sync & Push Notification.
- ✓ Cách tạo một PWA đầy đủ chức năng ngoại tuyến.
- ✓ Cách tạo một responsive design tuyệt đẹp thích ứng trên Mobile & Desktop.
- ✓ Cách truy cập Vị trí và Camera gốc của thiết bị.
- ✓ Tất cả về Service Workers, Workbox, Firebase Cloud Firestore, Firebase Storage, NodeJS & Express, v.v.
Khóa học này sẽ hướng dẫn cho bạn cách sử dụng Vue JS, Quasar Framework và Firebase để tạo một Progressive Web App (PWA) tuyệt vời.
Bạn sẽ học cách tạo một bản sao Instagram tuyệt đẹp có tên Quasagram.
Trong ứng dụng này, bạn có thể hiển thị danh sách các bài đăng; mỗi bài đăng có một hình ảnh, vị trí, chú thích và ngày hình ảnh được chụp.
Bạn có thể truy cập camera của người dùng và chụp ảnh, nhập chú thích, tìm vị trí của người dùng và tạo một bài đăng mới.
Nó sẽ có responsive design đẹp mắt, thích ứng trên Desktop & Mobile.
Bạn sẽ lưu trữ tất cả dữ liệu của mình trong Firebase Cloud Firestore database.
Bạn sẽ lưu trữ ảnh của mình trong Firebase Storage.
Bạn sẽ tạo NodeJS & Express backend của riêng mình với một số endpoint khác nhau để tương tác với cơ sở dữ liệu.
Bạn sẽ kết hợp tất cả 5 tính năng cốt lõi của PWA:
- ✓ Home Screen Installation.
- ✓ Precaching.
- ✓ Caching Strategy.
- ✓ Background Sync.
- ✓ Push Notification.
Bạn sẽ học cách làm ứng dụng hoạt động trên iOS, Android và tất cả các trình duyệt chính trên desktop và thậm chí nó sẽ hoạt động đối với các trình duyệt cũ hơn như Internet Explorer.
Bạn cũng sẽ tìm hiểu về Service Workers, Workbox, Firebase Cloud Firestore database, Firebase Storage, NodeJS & Express và hơn thế nữa.
Vào cuối khóa học này, bạn sẽ có thể tạo các Progressive Web App của riêng mình bằng cách sử dụng Vue JS, Quasar Framework, Firebase, NodeJS & Express.
Mục lục:
- ✓ 01. Giới thiệu.
- ✓ 02. Bắt đầu.
- ✓ 03. Layout, Pages & Routes - Bắt đầu xây dựng Quasagram.
- ✓ 04. Design - Home Page.
- ✓ 05. Design - Camera Page.
- ✓ 06. Native Device Feature - Camera.
- ✓ 07. Native Device Feature - Vị trí.
- ✓ 08. Firebase - Cloud Firestore Database & Storage.
- ✓ 09. Node.js & Express Backend.
- ✓ 10. Get Posts Endpoint.
- ✓ 11. Create Post Endpoint.
- ✓ 12. Assignment 1 - Database & Backend.
- ✓ 13. PWA - Setup và Manifest File.
- ✓ 14. PWA - Icon cho tất cả thiết bị.
- ✓ 15. PWA - Home Screen Installation.
- ✓ 16. PWA - Service Workers & Workbox.
- ✓ 17. PWA - Precaching.
- ✓ 18. PWA - Caching Strategy.
- ✓ 19. PWA - PWA - Background Sync.
- ✓ 20. PWA - Push Notification.
- ✓ 21. Trình duyệt Desktop - Testing & Fixing.
- ✓ 22. Mobile - Android - Developing, Testing & Improving.
- ✓ 23. Mobile - iOS - Developing, Testing & Fixing.
- ✓ 24. Assignment 2 - Progressive Web App.
- ✓ 25. Kết thúc.
MÃ KHÓA HỌC TÌM KIẾM TRÊN DRIVE: 8877
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.