HTML5独立开发书城Web App

HTML5独立开发书城Web App

使用最前沿的前端技术，用Koa、Vue.js、Zepto等框架结合HTML5开发一个完整的包含有阅读器功能的书城App整站。完全模拟企业中最真实的开发过程，从需求分析，设计图解析，技术选型，环境搭建直到开发测试和细节优化，整个过程会针对比较复杂的几个模块，如阅读器，书城首页，搜索模块等做详细的说明，将一步步带大家实现一个可独立运行的前端工程

lianxi：LanHanerit

课程目录

• 第1章
  • 1-1 课程介绍
  • 1-2 HTML5的应用场景
• 第2章
  • 2-1 核心技术分解开场
  • 2-2 使用base64格式图片制作
  • 2-3 使用css3制作简单的icon
  • 2-4 html5+api概览介绍
  • 2-5 html5+核心api+webwork介绍
  • 2-6 html5特性-ajax跨域
  • 2-7 html5触屏事件详解
  • 2-8 使用viewport布局移动端页面
  • 2-9 移动端性能陷阱和硬件加速
• 第3章
  • 3-1 交互图和设计图的解读
  • 3-2 技术选型的原因
  • 3-3 目录结构的划分和基础文件准备说明
• 第4章
  • 4-1 页面结构的分解
  • 4-2 主体结构的HTML开发
  • 4-3 主体结构的CSS样式开发
  • 4-4 仿native上边栏的结构和CSS开发
  • 4-5 底部边栏的HTML和CSS样式
  • 4-6 仿native下边栏操作面板的结构开发
  • 4-7 仿native下边栏操作面板的CSS开发
• 第5章
  • 5-1 前端交互部分的开发流程
  • 5-2 搭建出基本的JS代码结构
  • 5-3 触屏唤出上下边栏交互开发和优化
  • 5-4 唤出字体面板交互开发
  • 5-5 字体大小设置交互开发
  • 5-6 字体面板中“背景”切换的交互开发
  • 5-7 字体面板中“黑白天阅读模式”切换的交互开发
• 第6章
  • 6-1 实现数据层
  • 6-2 实现数据层与UI渲染连调
  • 6-3 实现上下翻页功能数据渲染
  • 6-4 上下翻页功能优化
  • 6-5 服务器端交互代码细节优化
  • 6-6 使用ES6+promise组织异步代码
  • 6-7 使用ES6+promise组织异步代码
  • 6-8 promise实战
  • 6-9 课程总结
• 第7章
  • 7-1 HTML5技术对比native的优势
  • 7-2 WEB+APP的发展现状
  • 7-3 发展趋势
  • 7-4 设计模式分解
  • 7-5 HTML5+contentediton介绍
• 第8章
  • 8-1 二期项目背景介绍
  • 8-2 阅读器对整个项目承前启后的作用
  • 8-3 webApp整站的搭建方式
• 第9章
  • 9-1 nodeJS的环境搭建，两种nodejs安装方法
  • 9-2 npm的使用介绍
  • 9-3 koa的介绍和使用
  • 9-4 Vue的介绍和使用
  • 9-5 EJS模版的介绍
• 第10章
  • 10-1 webApp服务端搭建的过程
  • 10-2 工程完整的目录结构的搭建
  • 10-3 使用Koa中间件构建网站雏形
  • 10-4 为网站添加Mock数据接口
  • 10-5 为网站添加接口之线上HTTP接口调用
  • 10-6 网站服务端Ajax接口的完整开发
  • 10-7 页面路由的完整开发
• 第11章
  • 11-1 页面的基础架构搭建
  • 11-2 页面HTML代码的模块化拆分
  • 11-3 网站header的样式和结构实现
  • 11-4 首页的顶部功能区域html结构实现
  • 11-5 首页书籍列表的样式和结构实现（上）
  • 11-6 首页书籍列表的样式和结构实现（下）
  • 11-7 首页其它模块的静态结构和样式实现（上）
  • 11-8 首页其它模块的静态结构和样式实现（下）
  • 11-9 首页细节调整&首页的Vue数据绑定
  • 11-10 首页动画效果和书架的实现（上）
  • 11-11 首页动画效果和书架的实现（下）
  • 11-12 书籍详情页面的静态实现（上）
  • 11-13 书籍详情页面的静态实现（中）
  • 11-14 书籍详情页面的静态实现（下）
  • 11-15 书籍详情页的数据动态绑定
  • 11-16 集成阅读器的代码到项目中
  • 11-17 页面自适应屏幕宽度的代码改造
  • 11-18 搜索功能的思路和项目总结