對於程式碼，編寫前、中、後的撰寫行動與方向。
O.每日精進
切版
目標:每日一小組件
當前參考樣板:
- 參考 bootstrap 各種樣板
- 桌面 groham-home01.html
說明:直接參考現有的網站去作做小組件
JS
目標:每日解析一篇，並延伸學習做另一個小實作
當前學習路徑:JS 30
說明:JS 30 以初學者的方式學習 JS 的基礎
vue
目標:
1.蒐集一般網站常會使用到邏輯處理的網頁
2.動手製作並蒐集
當前蒐集網站:
說明:了解當前前端會常遇到的邏輯處理。
O.如果要學習程式，到底要學甚麼才好?
就照你原本計畫來學就好，但要記住兩個重點:
- 計算思維
- 前因後果
簡單來說就是一句話，要一直不斷的思考。
O.當你要學習一項新的技術時，可以問自己以下五個問題?
- 這個技術出現以前是什麼樣子？
- 那時候碰到什麼樣的問題？
- 這個技術的出現如何解決問題？
- 所以這項技術應該如何使用？
- 跟以前的解法比起來，差別在哪裡？有什麼優缺點？
重要的是學習你為什麼要用以及不用會怎麼樣。
如果你能夠回答出那五個問題，就能夠保證你對這項技術有一定的理解，而不是只會語法只會工具，不會被問到一點相關的問題就被問倒。
O.初步撰寫語言?
-
語言架構 - 將大功能程式拆解成最小不可分割
（若要一次做好複雜的功能是不可能的，可以先以小部分功能，再品組成更多的小功能）
-
語言流程 - 將程式碼使用流程圖解析
(可以使用流程圖或文字來，來解析目前所要編寫或執行的程式碼，了解程式碼執行路徑)
-
語言變數 - 將重要的資料定義為變數，記錄下來
（譬如你會把存款記錄下來吧)
-
語言陣列 - 將同屬性的資料做成陣列 [ ]
（把 [ ] 想像成櫃子，將所有類似的物品放在此處，以便容易找尋）
-
語言結構 - 將重複性的動作做成 function結構
（譬如早上起來刷牙 洗臉 換衣褲三個動作為每天早上的例行公事，可以自己稱作早晨活動。只要是早晨活動，就指的這三件連續動作）
-
語言模式與迴圈 - 將既有的運作規則自訂好一個名稱，並且往後的邏輯都依照此順序
（如將1到5由小排到大，1 5 3 2 4總不會這樣排序吧，固有原始的模式）
Ｏ.面對臨時事件，先解析問題，解析該如何進行此事件。
O.切版>前端 畫面處理
>後端 資料處理
- 切版事前先準備好母版，待有專案時直接 copy 到現行專案要使用的樣板，從客戶確認沒問題後，後續工作分別由前端
- 母版事前先以 Element UI 先預先切版完成，再來調整 "基於斷點的隱藏類" 資料。
- 切版後:
- 流程處理 Adobe Xd
- 圖片處理 Photoshop
- 前端畫面處理 Vue.js (Router 制定、自備通用組件)
- 前端資料處理 Vuex
- 前後端串間 AJAX
- 瀏覽器載入過長處理 網站性能優化
O.前端工程師的價值在哪裡?
價值會因人而異，要看對象而定。
對於一個人當三個人用的小公司來說，誰管你網站從 2 秒變 1 秒， Request 從 20 個變 15 個，而只管你能不能在最短時間內自己畫設計稿、自己切版、自己把整個網站做完，讓他們好跟客戶交代。
綜觀來說，前端工程師獨有的價值:
確保網站最大化的還原設計稿，並且在各種載具上的觀看體驗一致
如何使網站載入的速度變快、效率變好
至於那些什麼畫面美不美觀、使用者體驗好不好，我都覺得不是前端工程師真正的價值所在（所以我把它歸類在附加價值，但確實也是價值的一種）。在一個專業分工的地方，那些都會有其他人幫你做掉，前端只要專注在上面這兩點就好。
O.工作外的事物?
平時時間
為了在前端這方面不斷的精進，勢必要不斷的學習以及準備，在參考他人作品
- 看懂語法
- 動手操作，先換圖再換文
- 如何再加入內容與刪減內容
平時收集RWD素材
模板下載，http://html5up.net/
模板搜尋，html5 template free
網路字型蒐集(web font)，fonts.googleapis.com
製作完成後，多媒體的展示 whatismyscreenresolution
