Contents
用 Vue 2、Quasar V1、Firebase、NodeJS 和 Express 建立一個漂亮的 Instagram 風格的漸進式 Web 應用程式( PWA )
從這 15 小時的課程，你會學到
- 如何用 Vue JS、Quasar 和 Firebase 建立一個漂亮的仿製 Instagram PWA
- 如何整合5個核心 PWA 功能。主螢幕安裝、預處理、快取策略、後端同步和推送通知
- 如何使 PWA 在離線狀態下完全發揮作用
- 如何建立一個華麗的響應式設計，以適應行動和桌面應用程式的需要
- 如何訪問裝置的本地端相機和位置
- 關於服務工作者、Workbox、Firebase Cloud Firestore、Firebase Storage、NodeJS & Express等的所有內容
要求
- 需要有基本的 HTML、CSS 和 JavaScript 知識
- 具備 VueJS 基礎知識是有益的，但不是必須的
- 最好有一台 Mac 用於開發（用於在iOS上測試應用程式）
課程說明
在這個課程中，我將向你展示如何使用 Quasar V1 框架、Vue JS 2 和 Firebase 來建立一個驚人的漸進式網路應用程式（PWA）。
我們將建立一個名為 Quasagram 的華麗的 Instagram 仿製版本。
在這個應用程式中，我們可以顯示一個發文列表；每個發文都有一個圖片、位置、標題和圖片拍攝的日期。
我們可以訪問使用者的相機並拍攝照片，輸入標題，找到使用者的位置並建立一個新的貼文。
它將會有一個漂亮的響應式設計，適應桌面和行動裝置。
我們將把所有的資料儲存在Firebase Cloud Firestore資料庫中。
我們將把我們的照片儲存在 Firebase Storage 中。
我們將建立我們自己的 NodeJS 和 Express 後端，用幾個不同的端點與資料庫進行互動。
我們將結合所有的5個核心 PWA 功能。
- 主螢幕安裝
- 預處理
- 快取策略
- 後端同步
- 推送通知
我們會讓這個應用程式在iOS、Android和所有主要的桌面瀏覽器上執行，它甚至可以在舊的瀏覽器上優雅地回退，比如Internet Explorer。
你還會了解到服務工作者、Workbox、Firebase Cloud Firestore資料庫、Firebase儲存、NodeJS和Express等等。
在本課程結束時，你將能夠使用Vue JS、Quasar框架、Firebase、NodeJS和Express建立你自己的漸進式Web應用程式。
注意：本課程是針對Quasar V1（含Vue 2）。Quasar V2 (with Vue 3) 不在本課程範圍內。
目標受眾
- 任何想建立一個在所有平台上執行的漂亮PWA的人（並能優雅地退回到舊的/不支援的瀏覽器）。
講師簡介
Danny Connell 獨立應用程式開發者和課程講師
我花了6年時間在英國各個公司工作，作為一個網頁開發者(前端和後端) ，熟練精通 HTML、 CSS、 JavaScript、 jQuery、 PHP 等開發技術。
在對應用程式開發越來越感興趣之後，我做了兩年的混合應用程式開發人員，利用 Angular，Ionic，Vue.js 等技術為慈善機構開發跨平台應用程式。
我成功地建立了自己的應用軟體 Fudget (適用於 iOS、 Android、 Mac 和 Windows) ，它是 iOS 上使用者評價最高的個人理財應用軟體，下載量超過150萬次。 這最終使我能夠辭去工作，成為一名全職的獨立應用程式開發人員，開發自己的應用程式。
我有一個剛開始但還蠻成功的 YouTube 頻道，在那裡我也分享程式設計教學。
我非常高興能與大家在 Udemy 上分享我的知識！
英文字幕：有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境？LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手，詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy｜按過“優惠連結”後到”報名參加課程“連結網頁做更新 ）
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- Quasar V1框架: 使用 Vue JS ，Vuex 和 Firebase 開發跨平台的應用程式
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
你必須登入才能發表留言。