本书是“十二五”职业教育国家规划教材修订版，是阿里巴巴第一部授权讲解小程序技术标准以及如何在支付宝系统中开发小程序实战案例的教材。

本书系统讲述了使用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 搭建Nginx 和测试方法
   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 Node.js､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 单元小结 130 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 基于React.js､Reduxsaga和Antd 的购物网站单页应用
   7.4.3 任务3 项目后期功能开发
  7.5 单元小结
  7.6 单元练习
单元8 Build a To-Do App withVue.js 2
  8.1 引例描述
  8.2 任务陈述
  8.3 任务实施
   8.3.1 任务1 Install Vue2
   8.3.2 任务2 Creating a Vue
   8.3.3 任务3 Creating aComponent
   8.3.4 任务4 ImportingComponents
   8.3.5 任务5 Adding ComponentData
   8.3.6 任务6 Looping andRendering 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 CompletingA 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 单元练习
参考文献

“十四五”职业教育国家规划教材