Vue.js仿外賣APP項目實戰(zhàn)視頻教程下載

 

 

 

 

2018年5小時學(xué)會Vue入門實戰(zhàn)視頻教程網(wǎng)盤下載地址：https://pan.baidu.com/s/15D6GiHnSgA5Eo0n9G5Ws1A

 

 

課程介紹：

Vue.js是一個構(gòu)建數(shù)據(jù)驅(qū)動的 web 界面的漸進(jìn)式框架，它是通過盡可能簡單的 API 實現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。我們可以用一句話來評價它“簡單卻不失優(yōu)雅，小巧而不乏大匠”。很多前端工程師都將Vue.js作為心中最理想的框架。

Vue的主要特點(diǎn)就和它官網(wǎng)所介紹的那樣：

（1） 簡潔 （2） 輕量 （3）快速 （4） 數(shù)據(jù)驅(qū)動 （5） 模塊友好 （6） 組件化

本套視頻教程包括視頻和源碼，主要是涉及實戰(zhàn)，建議基礎(chǔ)不錯的同學(xué)學(xué)習(xí)。

 

 

Vue.js仿外賣APP項目實戰(zhàn)視頻教程目錄介紹：

第1章 課程簡介
介紹課程的學(xué)習(xí)目標(biāo)和學(xué)習(xí)內(nèi)容。

第2章 Vuejs介紹
從前端開發(fā)趨勢分析開始，引入 MVVM 開發(fā)框架和 Vue.js，接著對比流行框架Angular 和 React，最后詳細(xì)介紹 Vue.js 的核心思想-數(shù)據(jù)驅(qū)動和組件化。

第3章 Vue-cli 開啟 Vuejs 項目
介紹 Vue 項目的腳手架，如何安裝，對腳手架生成的目錄文件做介紹，介紹 Vue 組件的編寫方法，然后運(yùn)行 demo 項目并介紹 webpack 構(gòu)建腳本來說明 demo 的運(yùn)行原理。

第4章 項目實戰(zhàn)-準(zhǔn)備工作
分析外賣 APP 商家頁面的需求，準(zhǔn)備圖片資源，利用 icon-moon 把 svg 制作成圖標(biāo)字體，對代碼的目錄結(jié)構(gòu)設(shè)計，最后 mock 測試數(shù)據(jù)。

 

第5章 項目實戰(zhàn)-頁面骨架開發(fā)
設(shè)計頁面的骨架，拆分組件，商品、評論和商家詳情頁利用 Vue-router 做切換，最后還介紹了 flex 彈性布局以及移動端 1 像素 border 實現(xiàn)的小技巧。

 

第6章 項目實戰(zhàn)-header組件開發(fā)
編寫 header 頭部組件，應(yīng)用 Vue-resource 從服務(wù)端讀取數(shù)據(jù)，介紹如何在 Vue.js 中使用過渡動畫，如何編寫 css sticky footer 布局，如何從需求中抽象出 star 星星組件。

 

第7章 項目實戰(zhàn)-goods 商品列表頁開發(fā)
編寫 goods 商品組件，包括它的子組件 shopcart 購物車。介紹了如何在 Vue.js 應(yīng)用第三方 JS 插件 better-scroll實現(xiàn)列表滾動，并配合 Vue.js 的計算屬性來實現(xiàn)左右列表的聯(lián)動。應(yīng)用了自定義 Vue.js 過渡動畫實現(xiàn)了購物車的飛入動畫效果，介紹了在 Vue.js中父子組件如何通訊。...

 

第8章 項目實戰(zhàn)-food 商品詳情頁實現(xiàn)
編寫 food 商品詳情頁組件，介紹了圖片占位的技巧，并從需求中抽象出的 split 分隔組件和 ratingselect 評論組件，實現(xiàn)自定義過濾器 datefilter。

 

第9章 項目實戰(zhàn)-ratings評價列表頁實現(xiàn)
編寫 ratings 評價列表頁，感受在 Vue.js 中復(fù)用組件的好處，實現(xiàn)快速開發(fā)。

 

第10章 項目實戰(zhàn)-seller 商家詳情頁實現(xiàn)
編寫 seller 商家詳情頁，實現(xiàn)一套通用移動端數(shù)據(jù)存取方案，以及對項目做一些體驗上的優(yōu)化。

第11章 項目實戰(zhàn)-項目編譯打包

上線前的最后一步，編譯打包Vue.js 項目。介紹了 webpack 編譯時的配置，如何利用node.js 開啟一個server本地調(diào)試。

 

第12章 課程總結(jié)
對課程做總結(jié)，并列出了課程所提到的主要知識點(diǎn)的鏈接，作為課程的延伸學(xué)習(xí)。

 

 

Vue.js仿外賣APP項目實戰(zhàn)視頻教程部分截圖展示：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

購買過此商品的人還購買過

Vue2.0新聞客戶端項目實戰(zhàn)視頻教程下載

￥10元

Vue全棧視頻教程下載

￥0元

web前端性能優(yōu)化vue ssr pwa技術(shù)突破性能瓶頸讓頁面飛起來

￥0元

Vue_ElementUi MintUi視頻教程下載

￥0元