w3HexSchool 鼠年全馬鐵人挑戰 — 前言

活動說明網址

想給自己 2020 年的一個挑戰，原本就會列下年度想要接觸學習的 roadmap，既然有這樣的活動，就當作多一個不讓自己偷懶的動力。

參考了 2020 Developer Roadmap，和自己原本就有興趣想要接觸的項目，整理出文章的大鋼，如果在途中要調整也可以，就先擬一個最初的版本：

目標完成 40 篇不間斷文章，手上要預留著超前進度 3~5 篇比較保險，主題上需注意不適合設定為需實作大型耗時的 Demo project (因為我沒有很早以前就偷跑，怕來不及啦 😭)，而且因為每周至少要生一篇，感覺比較適合寫研究的筆記或是心得分享。

Vue

今年開發的專案很幸運的終於有機會可以用 Vue 來寫了，列了幾個比較不熟悉的題目，已經完成的文章也會接連補上連結：

• Vuex
  [Vue] Vuex 是什麼? 怎麼用? — State、Mutations (1/5)
  [Vue] Vuex 是什麼? 怎麼用? — Actions (2/5)
  [Vue] Vuex 是什麼? 怎麼用? — Getters (3/5)
  [Vue] Vuex 是什麼? 怎麼用? — Modules (4/5)
  [Vue] Vuex 是什麼? 怎麼用? — 統整、專案結構(5/5)
• Event Bus：[Vue] Event Bus 是什麼? 怎麼用?
• Directive：[Vue] Custom Directives 自定義指令
• slots：[Vue] Slot 是什麼? 怎麼用?
• Mixin：[Vue] 用 Mixin 來共用方法
• Nuxt.js (SSR)
• lodash：[JavaScript] 讓Lodash來幫你處理資料吧
• Class
• i18n
• veevalidate
• extend

i18n 和 veevalidate 已經有使用過了，但是也想要再更深研還能怎麼更客製的用在自己的系統上，所以除了分享一些使用上的心得，也會嘗試看看更多使用情境。

NodeJS

其實這一項在工作上不能說會用到，勉強可以說是懂了也不錯？總之有興趣就來摸摸看

• RESTful API
  - API + Vue demo
  - Firebase API
  - mongoDB
• Express
• ejs
• mongoDB
• npm v.s npx：[NodeJS] npx 是什麼? 跟 npm 差在哪?

Photo by Jon Tyson on Unsplash

知識小學堂

好荒謬的單元名稱，但是我知道我知識有夠貧乏，所以這個主題太重要了，替弱底的自己打打氣，加深基本觀念，有想到不熟悉的題目再隨時補上

• web socket
• DNS、DDNS
• Protocal ( TCP/IP )
• HTTP / HTTPS
• Cookie / Session / Local Storage
• Network / IPV4 / IPV6

Photo by David Travis on Unsplash

Testing

一直以來專案都只有用過人工的測試，雖然我相信適不適用測試，或者適用哪一種測試方法，是專案的狀況而定，但是藉著這個題目，先理解個大概吧

• CI/CD
• Unit testing
• Integration testing
• E2E testing
• Jest

Git

去年在公司的 Gerrit 下自己玩了一些 Git 的語法和指令，基礎的有個觀念了，希望可以再把更進階的用法摸一摸

Javascript

只寫 Javascript 好像方向有點太大，還有想到其他題目再補上

• 同步 / 非同步
• Async / Await
• Promise
• XMLHttpRequest / fetch
• 箭頭函式
• closure
• hoisting：[JavaScript] Javascript 中的 Hoisting(提升)：幫你留位子
• callback、event queue
• 深淺拷貝
• Date()
• 正規表達式：[JavaScript] 來寫正規表達式 Regex
• 陣列、物件常用處理方式
• Functional Programming
• 無意中發現的小遊戲，把觀念都記下來蠻受用的：js-pop-quiz

React.js

去年除了專案開始用 Vue 之外，還摸了一些 Angular，手上其實也已經購入 React 的課程，在還未開始使用之前，可以先著手了解框架

Python

純個人興趣，就想摸摸(我很難相處?)

• 爬蟲 side project

Photo by Sandie Clarke on Unsplash

canvas

在現在的地方，這項技能對我來說好像沒有這麼急需了，但是做為一位前端工程師，仍是一項必須的技能，必須點。

其他

• 撰寫 API 工具：slate 安裝與使用
• [JavaScript] 六角學院鼠年全馬鐵人挑戰 API 查詢介面(上) — 主要功能說明(時間排序、手寫搜尋) _ sort、filter、includes
• [JavaScript] 六角學院鼠年全馬鐵人挑戰 API 查詢介面(下) — 搞清楚 for 家族：for/forEach/for…in/ for…of
• [Vue] 用 Vue+Pug+Sass 來提升你的開發效率
• 常見陣列處理方式、物件處理方式
• 第三方登入：Facebook、Google...

另外在寫完 20 篇的時候，想要寫一篇心得，回顧自己寫了 20 篇文章的心得，也勉勵勉勵自己，已經堅持了一半的路，再繼續堅持後半的路。

考慮加進來的項目：

• Docker
• k8s

以上就整理了蠻多個主題，有可能一個主題寫很多篇，或者一篇寫了很多主題，其實每個主題都是可以深度研究的項目，真的要寫應該可以超過 40 篇，訂下了目標，就努力達成，加油！