Quasar V1: PWA (使用Vue JS 2, Firebase, NodeJS 和 Express)

用 Vue 2、Quasar V1、Firebase、NodeJS 和 Express 建立一個漂亮的 Instagram 風格的漸進式 Web 應用程式( PWA )

報名參加課程更新 coupon code

從這 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

報名參加課程更新 coupon code

Sponsored by Udemy

也許你會有興趣

找其它課程?試看看 Soft & Share 網站搜尋引擎

✍ 搜尋結果太多?可參考 Soft & Share 搜尋引擎使用技巧


追蹤 Soft & Share

幫我們個小忙!

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: