文章連結(Articles link): https://ithelp.ithome.com.tw/users/20103808/ironman/1389?page=1
透過實作PWAs製作簡易部落格的功能，學習功能帶來的優勢及特色。 Learn the features of PWAs by building the simple blogger function with PWAs to learn its advantages.
| Days | Article |
|---|---|
| Day1 | What and Why Progressive Web Apps(PWAs)? |
| Day2 | 關於PWAs(核心技術)? |
| Day3 | 專案環境建設(含專案檔) |
| Day4 | Web邁向Native App的第一步-Manifest File |
| Day5 | Manifest File 之 IOS的替代方案及App Install Event實作 |
| Day6 | Service Worker終結小恐龍的命運(觀念篇) |
| Day7 | Service Worker 走訪Lifecyle(程式篇) |
| Day8 | Fetch API與Promise 使用方式介紹 |
| Day9 | Service Worker中的Fetch事件 |
| Day10 | Cache API -PreCache基礎 |
| Day11 | Cache API 能使用的其他方法 |
| Day12 | Cache API之動態快取 |
| Day13 | Cache API刪除舊快取 |
| Day14 | Cache API-策略篇之一 |
| Day15 | Cache API-策略篇之二 |
| Day16 | Cache Offline Page擊退小恐龍之最後一擊 |
| Day17 | 動態取得資料(Daynamic Data之使用Firebase實作) |
| Day18 | 使用idb實作IndexedDB |
| Day19 | IndexedDB之抽成共用檔案 |
| Day20 | IndexedDB之流程統整 |
| Day21 | Responsive Design |
| Day22 | 就是偏要在無網路情況下送表單(Background Sync) |
| Day23 | Firebase Function |
| Day24 | Push Notification推播概念篇 |
| Day25 | Notification API設定介紹 |
| Day26 | Push API與推播互動監聽事件 |
| Day27 | Push Notification之成為訂閱用戶(Firebase實作) |
| Day28 | Push Notification伺服器推播訊息實作 |
| Day29 | Workbox Tool |
| Day30 | Angular5實作PWA及完賽心得 |