iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 1
8
Modern Web

「小孩才做選擇,我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。系列 第 1

開賽前言-「小孩才做選擇,我全都要。」

作者要的是什麼?

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

https://ithelp.ithome.com.tw/upload/images/20190903/20119062Ku4HK7FpFy.png

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

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

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

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

https://ithelp.ithome.com.tw/upload/images/20190903/20119062qrdxd6apMM.jpg

我家今年已經三歲的黑黑

這三十天大概會講什麼?

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

  • 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


下一篇
[ Vue.js ] Why Vue.js? 我能不要用他嗎?
系列文
「小孩才做選擇,我全都要。」小白也能輕鬆瞭解的 Vue.js 與 D3.js 。37

1 則留言

2
King Tzeng
iT邦新手 4 級 ‧ 2019-11-28 10:27:08

挖 最近我也在學Vue,沒想到點進來是大大!!
恭喜大大得獎!!/images/emoticon/emoticon42.gif
(來看 Vue 和 D3 讚喔~

ShawnL iT邦新手 4 級 ‧ 2019-11-28 13:54:01 檢舉

感謝~~
也恭喜妳拿到冠軍 !!!! 真的猛猛
最近我也在尋找 arduino 零件,但感覺從蝦皮上看可能比較快/images/emoticon/emoticon06.gif

呵呵 謝謝你~
我都是從露天買的,有時候同一個賣家會賣不同的電子零件,可以參考看看^ ^

ShawnL iT邦新手 4 級 ‧ 2019-11-28 16:20:07 檢舉

感謝推薦 ~ 下班來逛逛

我要留言

立即登入留言