|
150953| 101
|
[前端] Vue.js高仿餓了么外賣App 2016最火前端框架
[復制鏈接]
|
|
Vue.js高仿餓了么外賣App 2016最火前端框架 實戰(zhàn)-源碼
內容之前放錯了沒看到不好意思各位現(xiàn)在已經從新發(fā)布了 vue.js 是 2016 最火的前端框架，資深程序員這樣評價它：“vue.js 兼具 angular.js 和 react.js 的優(yōu)點，并剔除它們的缺點” 通過高仿餓了么外賣APP學會Vue.js 適合人群及技術儲備要求 對于前端工程師，無論你現(xiàn)在是否用得到Vue.js，你都應該提前掌握Vue.js 一旦你開始使用Vue.js，一定會對它愛不釋手 技術儲備 具有一定自學能力，相當于有一年左右前端開發(fā)經驗或用過其它前端框架進行過項目開發(fā) 有一定前端基礎，了解JS、CSS、HTML基礎知識，了解Vue.js基礎知識 代碼少速度快的開發(fā)模式 使用Vue.js+es6+webpack等前端最新最熱的技術，采用組件化、模塊化的開發(fā)方式，讓你用更少的代碼做更快速的開發(fā) 外賣App核心的商家模塊 提取外賣App最核心的商家模塊（包括商品、評論、商家介紹等各模塊），完全高仿“餓了么”外賣APP，讓你更能領略Vue.js組件化的魅力 外賣App商家頁面為主線 以外賣App商家頁為主線，引出開發(fā)所涉及的各種相關知識點，讓同學們了解一個項目從0到1的整個過程，干貨滿滿 能直接上線的高質量代碼 為了讓你更容易在工作中實際運用Vue.js，講師以上線代碼的標準寫代碼，讓你切實感受到什么是擴展性、通用性強的優(yōu)質代碼 學完這門課，你會掌握這些Vue.js的技術點 file:///C:\Users\shi\AppData\Roaming\Tencent\QQ\Temp\TempPic\X($RZ4XHW$%LU@]`XAFD%_J.tmp流程及開發(fā)方法了解一個項目完整的開發(fā)流程學會組件化、模塊化的開發(fā)模式掌握使用Vue-cli腳手架初始化Vue.js項目了解webpack的打包原理學會模擬json后端數據，前后端分離開發(fā)學會es6+eslint的開發(fā)方式 file:///C:\Users\shi\AppData\Roaming\Tencent\QQ\Temp\TempPic\L4SDEV%Z%]TV$FRXJI0)6TL.tmp第三方組件學會使用stylus編寫模塊化的CSS學會使用vue-router開發(fā)單頁應用學會使用vue-resource與后端數據交互學會如何在Vue.js框架里和第三方JS插件交互 設計思想與模式學會使用Vue.js的過渡編寫酷炫的交互動畫了解移動端設備像素比的概念學會制作并使用圖標字學會解決移動端1px邊框問題學會移動端經典的css sticky footer布局學會flex彈性布局 《Vue.js權威指南》作者滴滴前端技術專家 Ustbhuangyi 北京科技大學計算機專業(yè)碩士。曾任職百度，現(xiàn)就職滴滴，前端技術專家，擅長前端自動化、工程化，前端架構方向。對Vue.js有很深的理解，是《Vue.js權威指南》一書的主要作者。他有著教科書式的代碼寫作習慣，對代碼有潔癖，追求高質量的代碼， 跟隨這樣的老師一起敲代碼，學會技術的同時，你還會提升編寫高可擴展，通用性強的代碼的能力 第1章 課程簡介 介紹課程的學習目標和學習內容。 第2章 Vuejs介紹 從前端開發(fā)趨勢分析開始，引入 MVVM 開發(fā)框架和 Vue.js，接著對比流行框架Angular 和 React，最后詳細介紹 Vue.js 的核心思想-數據驅動和組件化。 第3章 Vue-cli 開啟 Vuejs 項目 介紹 Vue 項目的腳手架，如何安裝，對腳手架生成的目錄文件做介紹，介紹 Vue 組件的編寫方法，最后運行 demo 項目并介紹 webpack 構建腳本來說明 demo 的運行原理。 第4章 項目實戰(zhàn)-準備工作 分析外賣 APP 商家頁面的需求，準備圖片資源，利用 icon-moon 把 svg 制作成圖標字體，對代碼的目錄結構設計，最后 mock 測試數據。 第5章 項目實戰(zhàn)-頁面骨架開發(fā) 設計頁面的骨架，拆分組件，商品、評論和商家詳情頁利用 Vue-router 做切換，最后還介紹了 flex 彈性布局以及移動端 1 像素 border 實現(xiàn)的小技巧。 第6章 項目實戰(zhàn)-header組件開發(fā) 編寫 header 頭部組件，應用 Vue-resource 從服務端讀取數據，介紹如何在 Vue.js 中使用過渡動畫，如何編寫 css sticky footer 布局，如何從需求中抽象出 star 星星組件。 第7章 項目實戰(zhàn)-goods 商品列表頁開發(fā) 編寫 goods 商品組件，包括它的子組件 shopcart 購物車。介紹了如何在 Vue.js 應用第三方 JS 插件 better-scroll實現(xiàn)列表滾動，并配合 Vue.js 的計算屬性來實現(xiàn)左右列表的聯(lián)動。應用了自定義 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 中復用組件的好處，實現(xiàn)快速開發(fā)。 第10章 項目實戰(zhàn)-seller 商家詳情頁實現(xiàn) 編寫 seller 商家詳情頁，實現(xiàn)一套通用移動端數據存取方案，以及對項目做一些體驗上的優(yōu)化。 第11章 項目實戰(zhàn)-項目編譯打包 上線前的最后一步，編譯打包Vue.js 項目。介紹了 webpack 編譯時的配置，如何利用node.js 開啟一個server本地調試。 第12章 課程總結 對課程做總結，并列出了課程所提到的主要知識點的鏈接，作為課程的延伸學習。
購買主題
已有 13 人購買
本主題需向作者支付 10 資源幣 才能瀏覽
| |
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
小黑屋|資源共享吧 ( 瓊ICP備2023000410號-1 )
GMT+8, 2025-9-1 14:37 , Processed in 0.076989 second(s), 17 queries , MemCached On.
發(fā)表于 2017-1-4 17:52:23
收藏