|
|
发表于 2017-2-6 21:05:58
|
显示全部楼层
第1章 课程简介
& Z7 D3 Y0 N6 l" q; c/ f, Q3 D介绍课程的学习目标和学习内容。# A2 j/ g0 ~9 Q, g+ A0 U
% ^7 ~8 Z* l8 q6 F( _( c
第2章 Vuejs介绍
" G# I; {2 j- t4 M1 D从前端开发趋势分析开始，引入 MVVM 开发框架和 Vue.js，接着对比流行框架Angular 和 React，最后详细介绍 Vue.js 的核心思想-数据驱动和组件化。
+ ^9 p5 K8 k( o9 X3 U* M" r+ f0 N- W" X* k7 R2 W/ `
第3章 Vue-cli 开启 Vuejs 项目
- M' |! j. a) v介绍 Vue 项目的脚手架，如何安装，对脚手架生成的目录文件做介绍，介绍 Vue 组件的编写方法，最后运行 demo 项目并介绍 webpack 构建脚本来说明 demo 的运行原理。
9 `0 ^4 e# O; j9 M0 e7 h1 B, v1 }4 ^( `+ B9 M) R4 ^9 m. g
第4章 项目实战-准备工作
$ k* C. P0 \1 [/ l! q/ M+ m分析外卖 APP 商家页面的需求，准备图片资源，利用 icon-moon 把 svg 制作成图标字体，对代码的目录结构设计，最后 mock 测试数据。1 q5 y2 J d5 d% x) l; z
# c$ Y/ W X& z. Y# B% S- a3 j第5章 项目实战-页面骨架开发2 x5 X" `1 I4 O9 K# ^
设计页面的骨架，拆分组件，商品、评论和商家详情页利用 Vue-router 做切换，最后还介绍了 flex 弹性布局以及移动端 1 像素 border 实现的小技巧。
/ C* d, A1 E+ I7 o7 f$ R3 P3 |0 E) W3 f) F/ y1 H, {
第6章 项目实战-header组件开发
: r! z* ^5 M, f# ~$ {$ `9 f编写 header 头部组件，应用 Vue-resource 从服务端读取数据，介绍如何在 Vue.js 中使用过渡动画，如何编写 css sticky footer 布局，如何从需求中抽象出 star 星星组件。
/ {% G! G9 B+ v! M1 \6 _. Q I" ^
第7章 项目实战-goods 商品列表页开发& ?8 N5 k$ m3 ^1 L
编写 goods 商品组件，包括它的子组件 shopcart 购物车。介绍了如何在 Vue.js 应用第三方 JS 插件 better-scroll实现列表滚动，并配合 Vue.js 的计算属性来实现左右列表的联动。应用了自定义 Vue.js 过渡动画实现了购物车的飞入动画效果，介绍了在 Vue.js中父子组件如何通讯。...) N7 `* I5 @! u! H' `
$ V) w, |& V; b0 [4 \第8章 项目实战-food 商品详情页实现
4 c$ t- v; P0 s2 |# Y8 P3 e0 ]3 u: i编写 food 商品详情页组件，介绍了图片占位的技巧，并从需求中抽象出的 split 分隔组件和 ratingselect 评论组件，实现自定义过滤器 datefilter。' B" U: [6 W5 l3 N3 j* L* ^5 U( G
1 v8 x; ~* y' S6 ~. }+ t第9章 项目实战-ratings评价列表页实现
$ d5 G; a0 v) i8 T5 c, w编写 ratings 评价列表页，感受在 Vue.js 中复用组件的好处，实现快速开发。( s7 v o/ y! M/ }! S" s/ n0 u ^
, m, r3 [& K, t; q& }- A$ v
第10章 项目实战-seller 商家详情页实现
6 q. a; {: _3 d. x- b2 O. a编写 seller 商家详情页，实现一套通用移动端数据存取方案，以及对项目做一些体验上的优化。2 W6 O8 [$ p( I! h/ ^: e1 ~
1 _% [, F# e7 z' z# \第11章 项目实战-项目编译打包8 x9 }4 K/ U$ [
上线前的最后一步，编译打包Vue.js 项目。介绍了 webpack 编译时的配置，如何利用node.js 开启一个server本地调试。$ m' ^' ?" L& y( m( a+ u4 m" R1 Y
: ~+ X G' W* @$ p! ]第12章 课程总结
( w8 o. x, J$ L" N+ R% E# w) w0 h6 b$ Q对课程做总结，并列出了课程所提到的主要知识点的链接，作为课程的延伸学习。
: \7 Z4 I3 y. |8 F) _" [6 T' f! @+ U- {2 H5 f# K5 b( Q& ^
下载地址： |
|
[复制链接]
发表于 2017-1-4 19:54:21
