第 1 章 课程导学 (二期)-15 号开放 包括课程概述, 核心模块, 核心技术, 课程安排, 课程收获, 讲授方式, 学习前提等方面的介绍, 最后演示了整个外卖 App 的功能, 让同学们对课程项目有一个直观的了解. 1-1 导学 (必看)
第 2 章 项目准备工作 (二期)-15 号开放 包括项目需求分析, vue-cli 3.0 脚手架介绍, cube-ui 介绍, 目录模块分析, API 接口 mock 等. 2-1 Vue-cli 3.0 介绍 2-2 目录介绍 & cube-ui 安装 2-3 API 接口 mock
第 3 章 头部组件开发 (二期) 包括 Header 组件编写, axios 封装和数据交互, star 组件抽象封装和 HeaderDetail 组件的编写和交互. 3-1 目录结构 & header 组件 3-2 axios 封装 & 数据获取 3-3 header-detail & star 组件 3-4 header-detail 交互
第 4 章 Tab 组件开发 (二期) 包括 Tab 组件的基础实现, 上下联动实现, 组件更高维度的抽象和封装. 4-1 tab 组件基础实现 4-2 tab 组件上下联动 4-3 tab 组件抽象和封装
第 5 章 商品页面开发 (二期) 包括 ScrollNav 组件的应用, ShopCart 组件的开发, CartControl 组件开发, 小球飞入动画实现, 侧边栏内容定制化, 购物车列表组件实现和完善, sticky 组件实现, 弹层类组件优化. 5-1 scroll-nav 组件应用 5-2 shop-cart 组件 5-3 cart-control 组件 5-4 小球飞入动画实现 5-5 侧边栏内容定制化 5-6 购物车列表组件 5-7 购物车 sticky 组件 5-8 购物车列表功能完善 5-9 弹层类组件优化
第 6 章 商品详情页开发 (二期) 包括详情页骨架开发, 详情页购物能力开发, 详情页评价列表开发, 评价选择组件开发. 6-1 商品详情页骨架开发 6-2 商品详情页购物开发 6-3 商品详情页评价列表开发 6-4 商品详情页评价选择组件开发
第 7 章 评价和商家页面开发 (二期) 包括评价页面骨架开发, 评价选择组件 Mixin 抽取, 商家页面静态页面开发, 商家页面本地缓存封装和实现. 7-1 评价页面骨架开发和数据获取 7-2 评价页面评价选择组件 mixin 抽取 7-3 商家页面静态页面开发 7-4 商家页面本地缓存封装实现
第 8 章 create-API 原理分析 (二期) 包括 create-API 原理介绍和源码分析. 8-1 create-API 原理介绍 8-2 create-API 源码分析 (1) 8-3 create-API 源码分析 (2) 8-4 create-API 源码分析 (3) 8-5 create-API 源码分析 (4)
第 9 章 打包构建和项目部署 (二期) 包括打包构建和性能优化, 搭建小型 node 服务代理接口, 部署到云服务器和 nginx 多项目部署方案. 9-1 打包构建 & 性能优化 9-2 搭建小型 node 服务代理接口 9-3 部署到云服务器 9-4 nginx 配置多项目部署方案
第 10 章 课程总结 (二期) 总结课程的学习方法和以及学习收获, 制定进阶的学习目标. 10-1 课程总结
第 11 章 课程简介 (一期) 介绍课程的学习目标和学习内容. 11-1 课程简介 11-2 课程安排
第 12 章 vuejs 介绍 (一期) 从前端开发趋势分析开始, 引入 MVVM 开发框架和 vue.js, 接着对比流行框架 Angular 和 React, 最后详细介绍 Vue.JS 的核心思想 - 数据驱动和组件化. 12-1 Vuejs 介绍 - 近年来前端开发趋势 12-2 Vuejs 介绍 - MVVM 框架 12-3 Vuejs 介绍 - 什么是 Vuejs 及 Vuejs 生态 12-4 Vuejs 介绍 - 对比 Angular,React 12-5 Vuejs 介绍 - Vuejs 核心思想
第 13 章 Vue-cli 开启 Vuejs 项目 (一期) 介绍 Vue 项目的脚手架, 如何安装, 对脚手架生成的目录文件做介绍, 介绍 Vue 组件的编写方法, 最后运行 demo 项目并介绍 webpack 构建脚本来说明 demo 的运行原理. 13-1 Vue-cli 介绍 13-2 Vue-cli 安装 13-3 项目运行 13-4 项目文件介绍 13-5 webpack 打包 (上) 13-6 webpack 打包 (中) 13-7 webpack 打包 (下)
第 14 章 项目实战 - 准备工作 (一期) 分析外卖 App 商家页面的需求, 准备图片资源, 利用 icon-moon 把 svg 制作成图标字体, 对代码的目录结构设计, 最后 mock 测试数据. 14-1 需求分析 14-2 项目资源准备 14-3 图标字体制作 14-4 项目目录设计 14-5 mock 数据 (模拟后台数据)
第 15 章 项目实战 - 页面骨架开发 (一期) 设计页面的骨架, 拆分组件, 商品, 评论和商家详情页利用 Vue-router 做切换, 最后还介绍了 flex 弹性布局以及移动端 1 像素 border 实现的小技巧. 15-1 组件拆分 (上) 15-2 组件拆分 (中) 15-3 组件拆分 (下) 15-4 Vue-router(上) 15-5 Vue-router(下) 15-6 1 像素 border 实现
第 16 章 项目实战 - header 组件开发 (一期) 编写 header 头部组件, 应用 Vue-resource 从服务端读取数据, 介绍如何在 Vue.JS 中使用过渡动画, 如何编写 CSS sticky footer 布局, 如何从需求中抽象出 star 星星组件. 16-1 Vue-resource 应用 (上) 16-2 Vue-resource 应用 (下) 16-3 外部组件 (1) 16-4 外部组件 (2) 16-5 外部组件 (3) 16-6 外部组件 (4) 16-7 外部组件 (5) 16-8 外部组件 (6) 16-9 详情弹层页 (1)- 实现弹出层 16-10 详情弹层页 (2)- CSS Sticky footer 16-11 详情弹层页 (3)- star 组件抽象 (上) 16-12 详情弹层页 (3)- star 组件抽象 (下) 16-13 详情弹层页 (4)- star 组件使用 16-14 详情弹层页 (5)- 小标题自适应经典 flex 布局实现 16-15 详情弹层页 (6)- header 剩余组件实现 (上) 16-16 详情弹层页 (6)- header 剩余组件实现 (下)
第 17 章 项目实战 - goods 商品列表页开发 (一期) 编写 goods 商品组件, 包括它的子组件 shopcart 购物车. 介绍了如何在 Vue.JS 应用第三方 JS 插件 better-scroll 实现列表滚动, 并配合 Vue.JS 的计算属性来实现左右列表的联动. 应用了自定义 Vue.JS 过渡动画实现了购物车的飞入动画效果, 介绍了在 Vue.JS 中父子组件如何通讯.... 17-1 布局编写 17-2 左侧 menu 布局 17-3 右侧食品列表布局 (1) 17-4 右侧食品列表布局 (2) 17-5 右侧食品列表布局 (3) 17-6 better-scroll 运用 (1) 17-7 better-scroll 运用 (2) 17-8 better-scroll 运用 (3) 17-9 shopcart 购物车组件 (1) 17-10 shopcart 购物车组件 (2) 17-11 shopcart 购物车组件 (3) 17-12 shopcart 购物车组件 (4) 17-13 shopcart 购物车组件 (5) 17-14 shopcart 购物车组件 (6) 17-15 cartcontrol 组件 (1) 17-16 cartcontrol 组件 (2) 17-17 cartcontrol 组件 (3) 17-18 购物车小球动画实现 (1) 17-19 购物车小球动画实现 (2) 17-20 购物车小球动画实现 (3) 17-21 购物车详情页实现 (1) 17-22 购物车详情页实现 (2) 17-23 购物车详情页实现 (3) 17-24 购物车详情页实现 (4)
第 18 章 项目实战 - food 商品详情页实现 (一期) 编写 food 商品详情页组件, 介绍了图片占位的技巧, 并从需求中抽象出的 split 分隔组件和 ratingselect 评论组件, 实现自定义过滤器 datefilter. 18-1 商品详情页实现 (1) 18-2 商品详情页实现 (2) 18-3 商品详情页实现 (3) 18-4 商品详情页实现 (4) 18-5 商品详情页实现 (5) 18-6 split 组件实现 18-7 ratingselect 组件 (1) 18-8 ratingselect 组件 (2) 18-9 ratingselect 组件 (3) 18-10 ratingselect 组件 (4) 18-11 ratingselect 组件 (5) 18-12 评价列表 (1) 18-13 评价列表 (2) 18-14 评价列表 (3) 18-15 评价列表 (4) 18-16 评价列表 (5) 18-17 评价列表 (6)
第 19 章 项目实战 - ratings 评价列表页实现 (一期) 编写 ratings 评价列表页, 感受在 Vue.JS 中复用组件的好处, 实现快速开发. 19-1 ratings 组件开发 - overview 开发 (1) 19-2 ratings 组件开发 - overview 开发 (2) 19-3 ratings 组件开发 - overview 开发 (3) 19-4 ratings 组件开发 - 评价列表 (1) 19-5 ratings 组件开发 - 评价列表 (2) 19-6 ratings 组件开发 - 评价列表 (3)
第 20 章 项目实战 - seller 商家详情页实现 (一期) 编写 seller 商家详情页, 实现一套通用移动端数据存取方案, 以及对项目做一些体验上的优化. 20-1 seller 组件开发 - overview 开发 (1) 20-2 seller 组件开发 - overview 开发 (2) 20-3 seller 组件开发 - 公告与活动开发 (1) 20-4 seller 组件开发 - 公告与活动开发 (2) 20-5 seller 组件开发 - BScroll 应用 20-6 seller 组件开发 - 商家实景图 20-7 seller 组件开发 - 商家信息 20-8 seller 组件开发 - 收藏商家 (1) 20-9 seller 组件开发 - 收藏商家 (2) 20-10 seller 组件开发 - 收藏商家 20-11 seller 组件开发 - 体验优化
第 21 章 项目实战 - 项目编译打包 (一期) 上线前的最后一步, 编译打包 Vue.JS 项目. 介绍了 webpack 编译时的配置, 如何利用 node.JS 开启一个 server 本地调试. 21-1 webpack 配置介绍 21-2 Node.JS 调试
第 22 章 课程总结 (一期) 对课程做总结, 并列出了课程所提到的主要知识点的链接, 作为课程的延伸学习. 22-1 课程总结
第 23 章 项目从 vue.js1.0 向 2.0 升级 (一期) 本章节把项目从 1.0 向 2.0 升级向大家做了简要的介绍. 23-1 1.0 升级 2.0 配置文件修改 23-2 1.0 升级 2.0 源码修改 (上) 23-3 1.0 升级 2.0 源码修改 (下)
下载地址: 百度网盘下载
来源: http://www.bubuko.com/infodetail-2877206.html