用 Vue.js 寫一個會動的簡歷【直播】

之前發表的 一個炫酷的簡歷模板 - 知乎專欄 很多人說炫酷,其實這個只是我用來練習 Vue.js 的一個 Demo。

很多人問這個頁面怎麼寫的,其實技術含量很低,只是看起來花哨。用不用 Vue.js 都可以,只是用 Vue.js 會方便一些。

本周日下午 14:00 我在飢人谷直播該頁面的製作過程

如果你還沒用過 Vue.js,這節課可能就是開啟你的 Vue.js 之旅的契機哦。

如果你用過 Vue.js,可以來切磋一下,請不吝賜教 :)

主要用到了以下技術

  1. vue-cli 的使用

  2. async / await / Promise

  3. CSS 3 動畫

  4. Vue 單文件組件

如果你有基礎,可以直接來聽,看看我講得怎麼樣;如果你沒有基礎,可以看看以下幾個教程

  1. vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects

  2. async function

  3. CSS3 Transition_transition, css3屬性詳解 教程_w3cplus

  4. 單文件組件 - vue.js

本次直播的源碼在這裡,歡迎 star / fork。

直播用到的編輯器會是 vim,我的配置文件在這裡,歡迎吐槽。

本次直播是飢人谷小密圈圈友的福利,圈友可無限制圍觀,以後每一兩周都會有類似活動。比市面上的其他小密圈超值一百倍有木有。

  • 直播時間:本周日(2017-03-05)下午14:00
  • 聽課方式:不是圈友的同學可以加 Q 群(156856480),加群暗號:「周日下午vue直播」,聯繫管理員墨凌獲取參加名額(名額有限哦~)
  • 直播方式:飢人谷平台線上直播,實時觀看直播者屏幕,實時互動
  • 是否免費: 免費

推薦閱讀:

現在是學習vue1還是vue2?
如何不基於webpack, 使用vue.js構建大型應用?
如何評價5.20在北京舉辦的vueconf?
Vue 中各數據項是如何分門別類存儲到 Vuex 或者組件自身的?
vue生命周期鉤子該怎麼用?

TAG:前端工程师 | CSS | Vuejs |