PWA : 漸進式 Web 應用程式 – 簡潔的 PWA 精通課程

本課程以切中要領的方法教你從頭建構漸進式Web應用程式( Progressive Web Apps,PWA )或將現有的 Web 應用程式升級到 PWA 的所有必備知識。

課程介紹:English 简中

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

優惠資訊

如何購買這門課程比較划算?可以參考課程合購優惠方案


報名參加課程

Sponsored by Udemy

你可能會有興趣

 學習資訊不漏接-歡迎使用 App 訂閱發文通知 

 

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: