|
|
发表于 2017-2-6 21:05:58
|
显示全部楼层
第1章 课程简介( ^1 U3 [2 \) t
介绍课程的学习目标和学习内容。0 G0 ]) ?" M" [. g$ w& s- _; T
* C- K8 s' ]) @8 T; z第2章 Vuejs介绍
4 `9 |1 ], `' F9 B从前端开发趋势分析开始，引入 MVVM 开发框架和 Vue.js，接着对比流行框架Angular 和 React，最后详细介绍 Vue.js 的核心思想-数据驱动和组件化。
' n' J0 Q$ e7 l$ D# @5 S( b4 @0 b0 L: [0 s0 S4 B# u! s3 ?' t
第3章 Vue-cli 开启 Vuejs 项目3 ^) m1 M8 ^* _
介绍 Vue 项目的脚手架，如何安装，对脚手架生成的目录文件做介绍，介绍 Vue 组件的编写方法，最后运行 demo 项目并介绍 webpack 构建脚本来说明 demo 的运行原理。
; N, l( Y" [3 g$ H. Z, [
3 v+ y$ j8 V& w1 w% |+ ~4 ], x第4章 项目实战-准备工作 c! j; G% r( i. ~3 B3 g( f& B+ s8 x
分析外卖 APP 商家页面的需求，准备图片资源，利用 icon-moon 把 svg 制作成图标字体，对代码的目录结构设计，最后 mock 测试数据。
/ {* q6 J8 Q8 ]. x2 t$ @% B
5 K9 {/ j. N' D* C) w第5章 项目实战-页面骨架开发
0 h4 `# r9 t1 c7 X; Q' g: L设计页面的骨架，拆分组件，商品、评论和商家详情页利用 Vue-router 做切换，最后还介绍了 flex 弹性布局以及移动端 1 像素 border 实现的小技巧。
A% Y/ A* b0 e* `- x8 k G) E9 |: j0 _6 \3 P
第6章 项目实战-header组件开发2 g! j6 I& ~" |% [# W3 _
编写 header 头部组件，应用 Vue-resource 从服务端读取数据，介绍如何在 Vue.js 中使用过渡动画，如何编写 css sticky footer 布局，如何从需求中抽象出 star 星星组件。/ l; r: N2 ^7 r# w8 [3 ~, U
" ~) Q9 k0 l, I
第7章 项目实战-goods 商品列表页开发
4 N E) o! `- X& D% D编写 goods 商品组件，包括它的子组件 shopcart 购物车。介绍了如何在 Vue.js 应用第三方 JS 插件 better-scroll实现列表滚动，并配合 Vue.js 的计算属性来实现左右列表的联动。应用了自定义 Vue.js 过渡动画实现了购物车的飞入动画效果，介绍了在 Vue.js中父子组件如何通讯。...3 o. g8 P+ d" r0 g4 M
6 m) D" J( ]4 n5 S' ^) c第8章 项目实战-food 商品详情页实现+ d; h( g( @ Y% K; N5 c8 `( k
编写 food 商品详情页组件，介绍了图片占位的技巧，并从需求中抽象出的 split 分隔组件和 ratingselect 评论组件，实现自定义过滤器 datefilter。
+ X. W2 d6 x& I9 E& x
1 @- v2 z+ X% \& z8 w H- a- a第9章 项目实战-ratings评价列表页实现
; `0 d: \% T1 j8 r: P3 W; f编写 ratings 评价列表页，感受在 Vue.js 中复用组件的好处，实现快速开发。; M) t: v5 r2 Z. G
& Q( F% A+ v: ~7 P b1 M0 x
第10章 项目实战-seller 商家详情页实现, F( u7 Z: }. \" a: k) @
编写 seller 商家详情页，实现一套通用移动端数据存取方案，以及对项目做一些体验上的优化。
5 S5 c0 Z$ f# C# |. z
5 F! P! G( R* f第11章 项目实战-项目编译打包
) i S: p' [' G- t) M上线前的最后一步，编译打包Vue.js 项目。介绍了 webpack 编译时的配置，如何利用node.js 开启一个server本地调试。
+ ^( r* K/ M8 g6 c8 d, l3 I9 o( J- N: N
第12章 课程总结
$ c$ K H3 L7 ?对课程做总结，并列出了课程所提到的主要知识点的链接，作为课程的延伸学习。
; `* }+ k+ S# h4 c$ ^& P
& @7 }* d* F8 z下载地址： |
|
[复制链接]
