本书是”十二五”职业教育国家规划教材修订版，是“蚂蚁金融服务集团”部授权讲解如何在支付宝系统中开发小程序实战案例的教材。
本书系统讲述了使用HTML5开发Web应用时如何以简短的代码编写美观的页面，并选取以能力成长为目标的典型案例进行强化训练，包括响应式Web开发、网页钢琴、制作专属头像、开发跨平台刮刮乐应用、连连看、Node.js接口开发、简易购物网的全栈开发、基于Vue的英文应用开发以及支付宝小程序开发等。读者通过学习能够理解Web应用的框架与常用算法，并通过前后台结合的全栈开发灵活的处理各类数据与显示。
本书为新形态一体化教材，配套建设了微课视频、电子课件PPT、源程序、项目和案例素材等数字化学习资源。与本书配套的数字课程在“智慧职教”（www.icve.com.cn）上线，读者可以登录进行学习并下载基本教学资源，详见“智慧职教服务指南”，也可发邮件至编辑邮箱1548103297@qq.com获取相关资源。
本书可作为高职高专院校软件技术、移动互联应用、计算机应用、信息管理、大数据、人工智能应用开发等信息类专业的基础教材，也可作为非信息类专业学习网页设计、了解移动应用开发的专业教材，还可作为对智能手机应用感兴趣读者的参考书。

单元1 响应式Web开发
1.1 引例描述
1.2 任务陈述
1.3 知识准备
1.3.1 知识点1 响应式布局原理
1.3.2 知识点2 使用调试工具
1.3.3 知识点3 模拟设备调试
1.3.4 知识点4 响应式UI框架Bootstrap与Foundation
1.3.5 知识点5 “十二网格”布局
1.3.6 知识点6 Flex(弹性)布局
1.4 任务实施
1.5 单元小结
1.6 单元练习
单元2 网页钢琴
2.1 引例描述
2.2 任务陈述
2.3 知识准备
2.3.1 知识点1 注册触发事件
2.3.2 知识点2 使用Base64编码播放声音
2.3.3 知识点3 Gzip压缩
2.4 任务实施
2.4.1 任务1 样式与结构
2.4.2 任务2 JS部分
2.5 单元小结
2.6 单元练习
单元3 制作专属头像
3.1 引例描述
3.2 任务陈述
3.3 知识准备
3.4 画布的使用
3.5 任务实施
3.5.1 效果预览
3.5.2 结构分析
3.5.3 结构样式部分
3.5.4 JS部分
3.6 单元小结
3.7 单元练习
3.8 代码参考
单元4 开发跨平台刮刮乐应用
4.1 引例描述
4.2 任务陈述
4.3 知识准备
4.3.1 知识点1搭建Ngin×和测试方法
4.3.2 知识点2控制中奖概率与种子函数
4.3.3 知识点3应用面向对象的设计思想
4.4 任务实施
4.4.1 任务1设置蒙板
4.4.2 任务2实现抽奖效果
4.4.3 任务3在线体验刮刮乐效果
4.5 单元小结
4.6 单元练习
单元5 连连看
5.1 引例描述
5.2 任务陈述
5.3 任务实施
5.3.1 任务1 连连看思路
5.3.2 任务2 项目样式结构
5.3.3 任务3 连连看JS设计
5.3.4 任务4 绑定连连看事件
5.3.5 任务5 实现寻路功能
5.3.6 任务6 修改点击色块触发事件
5.4 单元小结
5.5 单元练习
单元6 Node.js接口开发
6.1 引例描述
6.2 任务陈述
6.3 知识准备
6.3.1 知识点1 Nodejs、Express与Postman接口调试工具
6.3.2 知识点2 前后端分离的开发模式
6.4 任务实施
6.4.1 任务1 创建项目
6.4.2 任务2 服务端开发
6.4.3 任务3 数据库表的设计
6.4.4 任务4 中间件
6.4.5 任务5 业务逻辑的开发接口
6.4.6 任务6 接口开发准备
6.4.7 任务7 业务逻辑分析
6.5 单元小结
6.6 单元练习
单元7 简易购物网的全栈开发
7.1 引例描述
7.2 任务陈述
7.3 知识准备
7.3.1 知识点1 前后端分离的开发模式
7.3.2 知识点2 前后端技术简介和开发环境安装
7.4 任务实施
7.4.1 任务1使用Koa2+MongoDB开发购物网站后台
7.4.2 任务2基于Reactjs、Reduxsaga和Antd的购物网站单页应用
7.4.3 任务3项目后期功能开发
7.5 单元小结
7.6 单元练习
单元8 Build a To-Do App with Vue.js 2
8.1 引例描述
8.2 任务陈述
8.3 任务实施
8.3.1 任务1 Install Vue2
8.3.2 任务2 Creating a Vue2 Application
8.3.3 任务3 Creating Component
8.3.4 任务4 Importing Components
8.3.5 任务5 AddingComponent Data
8.3.6 任务6 Looping and Rendering Data
8.3.7 任务7 Editing a Todo
8.3.8 任务8 Deleting a Todo
8.3.9 任务9 Adding A New Todo
8.3.10 任务10 Completing A Todo
8.4 单元小结
8.5 单元练习
单元9 标准化开发支付宝小程序——信用卡还款应用
9.1 引例描述
9.2 任务陈述
9.3 知识准备
9.3.1 支付宝小程序及标准介绍
9.3.2 开发环境说明
9.3.3 框架说明
9.3.4 发布流程
9.4 任务实施
9.4.1 设计思路
9.4.2 创建项目
9.4.3 列表页开发
9.4.4 详情页开发
9.4.5 结果页开发
9.4.6 真机预览及发布
9.5 单元小结
9.6 单元练习
参考文献