Vue2.5-2.6-3.0 开发去哪儿网App 从零基础入门到实战项目开发

465 阅读7分钟

**

download:Vue2.5-2.6-3.0 开发去哪儿网App 从零基础入门到实战项目开发

从Vue基础语法入手,逐层递进,实战项目贴近企业流程,完全按照企业级别代码质量和工程开发流程进行授课,让你理解这套技术在企业中被使用的真实流程。更好的掌握Vue各个基础知识点。

**

**

适合人群及技术储备要求

只要你掌握基本的编程概念、对vue感兴趣的人都可以学习本课程,这是一门真正入门课程,但并不止步于入门,带你从入门向进阶过渡。

**

**

技术储备要求:

了解 JS 基础语法/了解 npm 开发环境/了解 ES6

**

第1章 课程引見

本章主要引見课程的學問大纲,學習前提,講授方式及預期收獲。

1-1 课程简介 試看
第2章 Vue 起步

本章將快速解說局部 Vue 根底语法,經過 TodoList 功用的編寫,在熟習根底语法的根底上,擴展解析 MVVM 形式及前端組件化的概念及優勢。

2-1 课程學習辦法
2-2 hello world
2-3 開發TodoList(v-model、v-for、v-on)
2-4 MVVM形式 試看
2-5 前端組件化
2-6 運用組件改造TodoList
2-7 简單的組件間傳值
2-8 章節小結
第3章 Vue 根底精講

本章經過精挑細選的案例,精講 Vue 中的根底學問,包括實例、生命周期、指令、計算屬性、辦法、侦聽器,表單等局部内容。

3-1 Vue實例
3-2 Vue實例生命周期 試看
3-3 Vue的模版语法
3-4 計算屬性,辦法與侦聽器
3-5 計算屬性的 getter 和 setter
3-6 Vue中的款式绑定
3-7 Vue中的條件渲染
3-8 Vue中的列表渲染
3-9 Vue中的set辦法
3-10 (新)Vue中的事情绑定
3-11 (新)Vue中的表單绑定
3-12 (新)章節小節
第4章 深化了解 Vue 組件

本章將深化解說 Vue 組件運用的細節點,從父子組件的參數傳送及校驗動手,逐渐深化到非父子組件間傳值、插槽、作用域插槽、動態組件等内容的解說。

4-1 運用組件的細節點
4-2 父子組件間的數據傳送
4-3 組件參數校驗與非 props 特性
4-4 給組件绑定原惹事件
4-5 非父子組件間的傳值
4-6 在Vue中運用插槽
4-7 作用域插槽
4-8 (新)動態組件與v-once指令
4-9 (新)章節小結
第5章 Vue 中的動畫特效

本章將解說 Vue 中的 Css 及 Js 動畫原理,以及在 Vue 中如運用 Animate.css 及Velocity.js 動畫庫,在了解了根底動畫原理後,本章還擴展了 Vue 中多元素及列表過渡效果完成的學問,並會帶同窗們學習如何對通用動畫效果停止代码封裝。...

5-1 Vue動畫 - Vue中CSS動畫原理
5-2 在Vue中運用 animate.css 庫
5-3 在Vue中同時運用過渡和動畫
5-4 Vue中的 Js 動畫與 Velocity.js 的分離
5-5 Vue中多個元素或組件的過渡
5-6 Vue中的列表過渡
5-7 Vue中的動畫封裝
5-8 本章小節
第6章 Vue 項目預熱

本章首先解說項目環境的根底配置,在此根底上剖析工程代码目錄構造,延展解說 Vue中單文件組件及單頁面應用路由的概念,最後將帶大家整理項目目錄,完成 stylus、reset.css 等根底工具及款式的引入,完成項目開發前的準備工作。...

6-1 Vue項目預熱 - 環境配置
6-2 (新)Vue項目預熱 - 項目環境準備(答疑)
6-3 Vue項目預熱 - 項目代码引見
6-4 Vue項目預熱 - 單文件組件與Vue中的路由
6-5 Vue項目預熱 - 單頁應用VS多頁應用
6-6 Vue項目預熱 - 項目代码初始化
第7章 項目實戰 - 旅游網站首頁開發

本章正式進入項目開發環節,將帶大家完好的完成項目中的首頁,涵蓋的功用點包含header組件拆分、iconfont引入、多區塊轮播、熱銷引薦及周末游等展現模塊。

7-1 Vue項目首頁 - header區域開發
7-2 Vue項目首頁 - iconfont 的運用和代码優化
7-3 Vue項目首頁 - 首頁轮播圖
7-4 Vue項目首頁 - 圖標區域頁面規劃
7-5 Vue項目首頁 - 圖標區域逻輯完成
7-6 Vue項目首頁 - 熱銷引薦組件開發
7-7 Vue項目首頁 - 開發周末游組件
7-8 Vue項目首頁 - 運用 axios 發送 ajax 懇求
7-9 Vue項目首頁 - 首頁父子組組件間傳值
第8章 項目實戰 - 旅游網站城市列表頁面開發

本章將解說景點詳情頁面的開發,主要解說渐隱渐顯 Header 組件的製造,公用組件的拆分,路由參數的獲取與處置,以及遞歸組件的運用。在詳情頁面,我們還會對通用動畫效果停止代码封裝。

8-1 Vue項目城市選择頁 - 路由配置
8-2 Vue項目城市選择頁 - 搜索框規劃
8-3 Vue項目城市選择頁 - 列表規劃
8-4 Vue項目城市選择頁 - BetterScroll 的運用和字母表規劃
8-5 Vue項目城市選择頁 - 頁面的動態數據渲染
8-6 Vue項目城市選择頁 - 兄弟組件數據傳送
8-7 Vue項目城市選择頁 - 列表性能優化
8-8 Vue項目城市選择頁 - 搜索逻輯完成
8-9 Vue項目城市選择頁 - Vuex完成數據共享
8-10 Vue項目城市選择頁 - Vuex的高級運用及localStorage
8-11 Vue項目城市選择頁 - 運用keep-alive優化網頁性能
8-12 (新)細節優化
第9章 項目實戰 - 旅游網站詳情頁面開發

本章將解說景點詳情頁面的開發,主要解說渐隱渐顯Header組件的製造,公用組件的拆分,路由參數的獲取與處置,以及遞歸組件的運用。在詳情頁面,我們還會對通用動畫效果停止代码封裝。

9-1 Vue項目詳情頁 - 動態路由和banner規劃
9-2 Vue項目詳情頁 - 公用圖片畫廊組件拆分
9-3 Vue項目詳情頁 - 完成Header渐隱渐顯效果
9-4 Vue項目詳情頁 - 對全局事情的解绑
9-5 Vue項目詳情頁 - 運用遞歸組件完成詳情頁列表
9-6 Vue項目詳情頁 - 動態獲取詳情頁面數據
9-7 Vue項目詳情頁 - 在項目中參加根底動畫
第10章 實戰項目 - 項目的聯調,測試與發佈上線

本章將以公司級別項目的請求,給大家解說當項目開發完成後,開發人員停止聯調,測試,及發佈的細致流程,同時點出過程中可能遇到的問題及修復計劃。另外,還會給大家補充解說異步組件的學問點,經過運用異步組件,我們能夠大幅進步大型項目的首屏速度。最後,我們將給大家解說,在這麼课程學習完之後,繼續深化學習Vue的方...

10-1 Vue項目的聯調測試上線 - 項目前後端聯調
10-2 Vue項目的聯調測試上線 - 真機測試
10-3 Vue項目的聯調測試上線 - 打包上線
10-4 Vue項目的聯調測試上線 - 異步組件完成按需加载
10-5 Vue項目的聯調測試上線 - 课程總結與後續學習指南
本课程持續更新中