安安各位，謝謝有來看文章的你，我先做一點自我介紹，

小菜雞我目前做前端大約有 4 年經驗，前 2 年在旅遊業做前端工程師，近 2 年在資安公司做軟體工程師，主要專精前端，但也會碰一些 SRE 的東西，有趣的是我帶過的這 2 家公司 logo 都剛好是紅色的 XD，看來我的軟體職涯是滿江紅？？？

這次是我第一次參加鐵人賽，我前兩年都有過想參加的念頭，可是都找不太到適當的主題，也沒有同伴可以跟我一起挑戰，但還是非常想給自己一次挑戰，即便不論生活還是工作都有很多事情要做，但不管了，想說就參加吧，就算最後沒挑戰成功也沒關係

也因為沒有太多時間去構想特定主題的關係，參加了自由挑戰組，然後打算寫一些在工作或職涯上對我有幫助的一些知識，主題有分很多種，大致分類如下：

核心思維

• 為什麼要問為什麼？

前端工作篇

測試思維 & 單元測試

• 為什麼要做測試？
• 什麼是好的測試？ 如何寫好測試？
• 前端的單元測試
• 與 Provider 的測試
• 利用 immer.js 輕鬆建立 mock data
• 與 api 的測試
• 清除 mock api data
• 與 Server state management library 的測試

Js 我常用的設計模式和 JS 原理

• 工作篇 1: Clean code 一些我常用的概念
• 工作篇 2: Strategy pattern 跟 Mapping
• 工作篇 3: Chain of Responsibility 跟 Promise
• 原理篇 1: Prototype pattern 跟 Object.prototype
• 原理篇 2: Observer pattern 跟 Redux
• 原理篇 3: Proxy pattern 跟 immer.js
• 原理篇 4: Event loop
• 原理篇 5: 瞭解 debounce 和 throttle
• 原理篇 6: 瞭解 Promise

自我精進篇

軟體常識

• Call Stack
• 我的加法出錯了！ 瞭解浮點數精度 IEEE 754 和造成的問題

網路常識

• DNS
• HTTP cache
• HTTP2
• HTTPS
• CDN
• CORS
• TCP/IP

文章的可能會中途加入其他主題，或者是某些主題變成系列文，主要是幫助我和觀看的人能真的從中學到知識，並學以致用

這是我的第一天，加油，不論最後結果會如何！！