iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 1
2
Modern Web

Vue.js 30天隨身包系列 第 1

Day01 - 輕量級Vue.js

什麼是Vue.js?

https://ithelp.ithome.com.tw/upload/images/20180117/20107673HlSbsZ0t4c.png

在這個網頁前端開發的工程,Google下的AngularJS與Facebook下的ReactJS,因為將前端的開發系統化,開發上比較方便,所以愈來愈多人開始使用,而在這個資訊的時代下,變化速度很快,目前又出現一款集AngularJS與ReactJS優點於一身的Vue.js,這是一個相當輕量級的open source JavaScript前端框架,將整個網頁框架元件化,管理方便而且也好上手。

Vue.js特色

  • 輕量
  • MVC架構
  • Componenets(Web元件化系統)
  • Virtual DOM:V-Node(Vue.js 2.0後才有)
  • Directives(模板語法指令)
  • Two-way Binding(資料雙向綁定)

Vue.js提倡輕量,是一個蠻新的網頁框架,如果有Node.js或AngularJS等開發經驗,在上手Vue.js這個框架應該會蠻快的,這30天系列會將我學習Vue.js的歷程記錄下來,以下是我這30天的規劃。(版本以當前2.5.13為主)

鐵人賽30天規劃

  • 第一週:介紹Vue.js核心概念與開發環境建置
  • 第二週:關於Vue.js模板語法與函式庫
  • 第三週:後端整合與小專案開發
  • 第四週:實作一個完整Vue.js專案

團隊 - 30天熱度

我們是一群同所大學畢業的好夥伴,曾經我們都想好好學習一樣新東西,但是因為一些不是原因的原因,剛好在這個時候鐵人賽開始了,其中一個夥伴他說,他想好好整理他的學習筆記,奮發向上,但是他需要有人督促,陣亡後記得復活他,因此我們"30天熱度"這個團隊就正式組團了,目標是這30天好好學習一樣東西,我們希望我們不只是3分鐘熱度,而是可以維持30天熱度來撐住彼此。

團隊成員

希望這30天我能好好把Vue.js學好,理解概念以及融會貫通,然後可以獨立實作專案,因為我是Vue.js初學者,雖然會一些Node.js與其他MVC架構framework的觀念,文章內容很多都是google自學以及翻書整理出來的,盡可能找出概念的正確理解方式,但還是可能會有錯誤,如果有閱讀我的30天文章系列的讀者,發現錯誤可以直接在下方留言告訴我,除了別讓其他人被我的錯誤觀念給誤導,也讓我不要帶著錯誤的觀念繼續迷思下去。

感謝閱讀與歡迎指教!


下一篇
Day02 - Web元件化系統
系列文
Vue.js 30天隨身包30

1 則留言

0
anniesnoopymd
iT邦新手 5 級 ‧ 2017-12-20 14:15:07

您終於賽惹
好期待~

哈哈感謝你的支持,後面的文章希望對你有幫助,如果有任何問題都可以提出然後一起解決

我要留言

立即登入留言