Contents
本課程以切中要領的方法教你從頭建構漸進式Web應用程式( Progressive Web Apps,PWA )或將現有的 Web 應用程式升級到 PWA 的所有必備知識。
從這 6 小時的課程,你會學到
- 了解漸進式 Web 應用程式( Progressive Web Apps,PWA )的目的。
- 深入了解 Service Worker API 和快取 ( Caching ) API的方方面面。
- 透過逐步加強的幫助,將 PWA 技術添加到現有的 Web 應用程式中。
- 將現有的 Web 應用轉換為功能齊全的漸進式 Web 應用程式,而不會影響對舊版瀏覽器的支援。
- 藉助 Google Lighthouse 測試工具,審核並改進漸進式 Web 應用程式。
要求
- 了解瀏覽器的 HTML、CSS 和 JavaScript。
- JavaScript ES6 語法的基本知識將有益吸收本課程的知識。
說明
***新增 – 建構推播伺服器 ( Push Server ) ***
從頭開始學習構建可探索、互動的漸進式 Web 應用程式 ( PWA ) ,或採用 Service Workers、Caches API 和 Web App Manifests 更新現有 Web 應用程式。
學習 PWA 背後的基本技術和概念,盡可能快速有效地開始。
了解 PWA 的目的及其解決的問題
學習支援 PWA 開發的 JavaScript 概念,包含 Promises 和 Fetch API
實際、深入了解開發 PWA 的各個方面
- 服務工作者 ( Service Workers )
- 推播通知 ( Push Notifications )
- 快取 ( Caching )
- 原生功能 ( Native capabilities )
這是非常簡明扼要、精心策劃的課程,提供任何 Web / Mobile 開發者寶貴的技能。
漸進式 Web 應用程式 ( PWA ) 是Web 應用程式開發中令人難以置信地興奮、快速成長與追捧的技術。
本課程將為學習漸進式 Web 應用程式 ( PWA ) 提供非常實用和簡潔的方法,課程包括現今隨時可運用到製作 PWA 的方方面面。
沒有更快的方式開始你的 PWA 學習,本課程將特別著重於升級現有的 Web 應用程式,以便在不支援的瀏覽器下也可毫無妥協地完全將應用程式做漸進式化。
內容和概述
本課程有 31 個簡明實用的章節,旨在讓你對漸進式 Web 應用程式有堅實的理解,適合任何對瀏覽器的 HTML、CSS 和 JavaScript 有基本了解的開發者。
本課程首先介紹 漸進式 Web 應用程式 ( PWA ) 的概念,接著說明 Service Workers 的細節。
Service Worker 部分包含支援 JavaScript 概念的簡短課程,也包含 Promises 和 Fetch API。
該課程還專門用一整段說明 Cache API 並將其與 Service Workers 一起使用。
最後,為幫助你將整個課程學到的內容付諸實踐,我們將做實際的專案,把現有 Web 應用程式做評估並升級成完全的漸進式,同時以逐步加強的做法保持其原本的完整性。
完成本課程時,你將擁有實用的技能,可立即開始建構完全可自訂、能馬上上線使用的漸進式Web 應用程式 ( PWA )。
這個課程以確重要領的方法教學,一切都以最簡明扼要但實用的方式展示。
目標受眾
- 本課程最適合尋求擴展技能的 Web 開發人員。
- 該課程旨在教授漸進式 Web 應用程式( PWA )背後的核心技術。
- 不包含 JavaScript 語言或瀏覽器的 JavaScript 背景說明,假設你已有這方面的知識。
講師介紹
Ray Viljoen 為有效學習者設計實用課程 ( 更多講師主講課程介紹 )
Stackacademy 為開發人員提供高品質的課程,以學習效率為第一優先。
我叫 Ray Viljoen,我有9年的全端開發經驗,擁有豐富的實務經驗,做過各種不同應用領域的建立、維護和改進。
我的課程很精鍊,教授實際可用的技能,設計上可讓學生在未來實作時能隨時參考。
英文字幕:有
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

你可能會有興趣
- 更多 PWA 線上課程/電子書介紹
- Javascript 程式設計學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
你必須登入才能發表留言。