用 Vue.js 寫一個會動的簡歷【直播】
02-10
之前發表的 一個炫酷的簡歷模板 - 知乎專欄 很多人說炫酷,其實這個只是我用來練習 Vue.js 的一個 Demo。
很多人問這個頁面怎麼寫的,其實技術含量很低,只是看起來花哨。用不用 Vue.js 都可以,只是用 Vue.js 會方便一些。
本周日下午 14:00 我在飢人谷直播該頁面的製作過程。
如果你還沒用過 Vue.js,這節課可能就是開啟你的 Vue.js 之旅的契機哦。
如果你用過 Vue.js,可以來切磋一下,請不吝賜教
主要用到了以下技術
- vue-cli 的使用
- async / await / Promise
- CSS 3 動畫
- Vue 單文件組件
如果你有基礎,可以直接來聽,看看我講得怎麼樣;如果你沒有基礎,可以看看以下幾個教程
- vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects
- async function
- CSS3 Transition_transition, css3屬性詳解 教程_w3cplus
- 單文件組件 - vue.js
本次直播的源碼在這裡,歡迎 star / fork。
直播用到的編輯器會是 vim,我的配置文件在這裡,歡迎吐槽。
本次直播是飢人谷小密圈圈友的福利,圈友可無限制圍觀,以後每一兩周都會有類似活動。比市面上的其他小密圈超值一百倍有木有。
- 直播時間:本周日(2017-03-05)下午14:00
- 聽課方式:不是圈友的同學可以加 Q 群(156856480),加群暗號:「周日下午vue直播」,聯繫管理員墨凌獲取參加名額(名額有限哦~)
- 直播方式:飢人谷平台線上直播,實時觀看直播者屏幕,實時互動
- 是否免費: 免費
推薦閱讀:
※現在是學習vue1還是vue2?
※如何不基於webpack, 使用vue.js構建大型應用?
※如何評價5.20在北京舉辦的vueconf?
※Vue 中各數據項是如何分門別類存儲到 Vuex 或者組件自身的?
※vue生命周期鉤子該怎麼用?