2017 鐵人賽的開始

簡單自介

我是一名前端工程師，雖然學習的過程裡難免會出現壓力與挫折，但真心喜歡開發網站的世界，希望能夠持續努力、莫忘初衷，永遠保持熱情。

報名前的心情

在公司專案時程很緊急且沒有庫存文章的狀態，內心還蠻掙扎、想說到底要...還是不要...（撥一片又一片的玫瑰花瓣）到底要不要報名 30 天鐵人賽？（還一直勸同事參加ＸＤ），在最後一刻、終於還是咬著牙報名了。

報名後的心情

看了這次 2017 鐵人名單，深藏了很多高手，祈禱自己可以早點睡覺（之前寫的經驗都會很晚很晚睡 QQ），當然終極目標是希望能夠順利完賽啦（握拳表示堅定）

為什麼選擇『Progressive Web App』作為主題？

一直猶豫要寫什麼題目，
目前將 React / Redux 運用在專案已經一年多了，有試著想過要不要分享 React 的主題（從 React 0.13.3 開始導入專案，有很多血淚史 Q_Q）。

不過今年 10 月的時候，參加 CSS Def Conf 研討會，其中 Trent Walton 在 Closing Keynote
有提到

• Learn about new web tech
• Build something
• See web tech evolve
• Realize your thing is obsolete
• repeat

整個技術生態變化相當快速，開發者總是在『repeat』迎接新的挑戰。

讓使用者愛上你的網站可能有很多因素，但身為開發者、要怎麼把網站做得越來越好，真的是一個很值得學習的課題。

我最後選擇的主題是『Progressive Web App』。

30 天預計分享的內容

• PWA 基本概念
  • 為什麼需要 PWA？
  • 什麼是 PWA？
  • AJAX & Server Render
  • RAIL Model
  • optimizing-content-efficiency
  • critical-rendering-path
  • render performance
  • HTTP/2
  • PRPL pattern
  • Offline UX Considerations
  • App Shell
  • Web App Manifest File
  • Service Work 簡介
  • PWA 案例介紹
• 實作簡單 PWA 範例
  • 建立環境 Webpack/NPM/Sublime Text
  • 新增 todolist 範例（原生 APP）
  • 介紹 Local Storage/IndexedDB
  • Offline 策略
  • 新增 todolist 範例 + PWA
• 實作簡單 PWA ＆ ReactJS 範例
  • 建立環境 Webpack/NPM/Sublime Text
  • 新增 todolist 範例（ReactJS）
  • 新增 todolist 範例 + PWA
• Production
  • HTTPS
  • push-notifications

下一篇：Day 02 - 30 天 Progressive Web App 學習筆記 - 為什麼需要 PWA?

讓我們來瞭解，究竟是存在什麼樣的問題，促使 PWA 的誕生呢？

本人小小筆記，如有錯誤或需要改進的部分，歡迎給予回饋。
我將會用最快的速度修正，m(_ _)m。謝謝