[013] HTML5开发Web App阅读器 – 网盘下载 - Web阅读器

网盘链接：

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. 书城整站开发-介绍和WebApp的搭建

• 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 搜索功能的思路和项目总结