學習完 Vue 之後，想要透過單元測試守護你的專案，但又不知道從何起手？
別擔心，快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試！》
讓你的 Vue 專案更上一層樓！

作者要的是什麼？

自從轉職工程師之後，一直很想挑戰 IT 鐵人賽，初衷是在勉勵自己持續寫作，透過寫作思考，有脈絡的來學習前端的技術，並轉化為他人可以輕鬆閱讀的內容。而對於社群來說，這次挑選的主題 Vue.js 與 D3.js 一直都是近年鐵人賽熱門前端主題之一，相關的技術文章早已不勝枚舉，很容易能夠找到相關的技術分享文，許多大神也都已經寫得很完整了，但我認為參賽是我對我自己的期許，索性乾脆兩個主題一起開下去，好好深入研究他們。期許三十天後我能順利完成它，也期望能夠帶給讀者們一些幫助。

讀者可以要的是什麼？服用本系列文前須知

本文主要會針對沒有使用過 Vue.js 與 D3.js 這兩樣工具的讀者來介紹，旨在瞭解為何以及如何使用這兩樣開發工具，因此適合擁有 HTML、CSS 以及 JavaSciprt 的基礎，沒碰過但想瞭解的開發者們，較深層的應用可能會在最後幾天補充。除此之外本文會試著以 entry engineer 也能夠輕鬆瞭解的方式來撰寫文章，所以對這兩樣工具好奇有興趣的話就訂閱下去吧！

如果不適合的話那我有什麼理由訂閱？

除了看看梗圖之外，你可以在接下來的三十天都看到一張可愛的貓主子圖……（？

我家今年已經三歲的黑黑

這三十天大概會講什麼？

「工欲善其事必先利其器。」三十天說長不長說短不短，其實針對其中一個工具都是能夠寫成一本書去探討的，更不用說是只有三十天還要介紹兩樣，所以這三十天內將會盡量保留其精華，各自分別介紹其核心觀念與用法，並在最後幾天的時間，結合兩者實作出一個簡單的小作品。以下提供大致的章節：

• Vue.js Why Vue.js
• Vue.js 環境建置
• Vue.js 指令 Directives
• Vue.js 修飾符 modifier
• Vue.js 資料選項 Options
• Vue.js 生命週期 lifecycle
• Vue.js 元件註冊 Registration
• Vue.js 父子元件 child component
• Vue.js 元件樣板 template
• Vue.js 元件傳遞 props
• Vue.js 元件傳遞 on
• Vue.js 元件傳遞 event
• Vue.js 動態元件 Dynamic component
• Vue.js 狀態保存 keep-alive
• Vue.js 插槽 slot
• D3.js Why D3.js
• D3.js 環境建置
• D3.js 認識圖表
• D3.js 基本繪製
• D3.js 選擇器 Selector
• D3.js 比例 Scale
• D3.js 座標軸 Axis
• D3.js 散佈圖 Scatter Plot
• D3.js 折線圖 Line chart
• D3.js 地圖 Geo.json
• D3.js 地圖 Topo.json
• Vue-cli 基本架構 與 Vuex, Router

以上大概是這三十天會講到的內容，可能會有些許改動，那就讓我們一起期待接下來的內容吧！GOGOGO