正版 JavaScript移动开发项目教程(微课版) 编者:郑丽萍|责编:

单元1 JAVASCRIPT速览
项目导入
职业能力目标和要求
项目描述：实现名词解析
知识准备
1.1 JavaScript简述
1.1.1 JavaScript概要
1.1.2 JavaScript的主要特点
1.1.3 JavaScript相关应用
1.2 JavaScript 编程起步
1.2.1 选择JavaScript脚本编辑器
1.2.2 常用的引入JavaScript脚本的方式
1.2.3 与用户的交流方式
1.2.4 meta视口标签
1.2.5 程序的调试
1.2.6 页面结构、表现和行为
1.2.7 注释语句
项目实施
任务1. 项目分析
任务2. 创建HTML文件
任务3. 创建CSS文件，添加样式
任务4. 动态效果的实现
单元小结
课后训练
【理论测试】
【实训内容】
单元2 JAVASCRIPT语言基础
项目导入
职业能力目标和要求
项目描述：实现猜数字游戏
知识准备
2.1 数据类型
2.1.1 数字型
2.1.2 字符串型
2.1.3 数据类型的隐式转换
2.1.4 布尔型
2.1.5 特殊数据类型
2.1.6 数据类型的显式转换
2.2 运算符与表达式
2.2.1 表达式
2.2.2 运算符
2.3 变量
2.3.1 关键字
2.3.2 变量的定义与命名
2.3.3 变量的声明与赋值
2.4 函数
2.4.1 自定义函数的定义与调用
2.4.2 带有返回值的函数
2.4.3 变量的作用域
2.5 基本语句
2.5.1 流程控制语句
2.5.2 异常处理语句
项目实施
任务1. 项目分析
任务2. 创建HTML文件
任务3. 添加样式
任务4. 动态效果的实现
任务5. 功能拓展
单元小结
课后训练
【理论测试】
【实训内容】
单元3 常用内置对象
项目导入
职业能力目标和要求
项目3-1描述：实现中国体育彩票11选5，数字跳动展示效果
知识准备
3.1 数组(ARRAY)对象
3.1.1 新建数组
3.1.2 动态数组
3.1.3 数组对象的常用属性与方法
3.1.4 二维数组
3.2 数学(MATH)对象
3.2.1 使用数学对象
3.2.2 数学对象的属性与方法
3.2.3 数字的格式化与产生随机数
3.2.4 定时器函数
3.2.5 数学对象应用案例
项目3-1实施
任务1. 项目分析
任务2. 页面布局的实现
任务3. 添加样式
任务4. 动态效果的实现
任务5. 程序流程分析
任务6. 完整代码展示
项目3-2描述：实现猜数字游戏“再来一局”功能和计时展示
知识准备
3.3 日期(DATE)对象
3.3.1 新建日期
3.3.2 日期对象的常用属性与方法
3.3.3 动态改变元素样式
项目3-2实施
任务1. 项目分析
任务2. 猜数字游戏“再来一局”功能实现
任务3. 猜数字游戏计时功能实现
项目3-3描述：实现注册表单的验证功能
知识准备
3.4 字符串(STRING)对象
3.4.1 使用字符串对象
3.4.2 字符串对象的属性与方法
3.4.3 字符串对象应用案例
3.5 JAVASCRIPT正则表达式
3.5.1 正则表达式的作用
3.5.2 创建正则表达式
3.5.3 正则表达式对象的方法
3.5.4 正则表达式中常用符号
3.5.5 表单应用
项目3-3实施
任务1. 项目分析
任务2. input控件常用正则验证规则分析
任务3.用户注册的功能实现
单元小结
课后训练
【理论测试】
【实训内容】
单元4 DOM编程与本地存储
项目导入
职业能力目标和要求
项目描述：JavaScript实现猜数字游戏“历史战绩”展示
知识准备
4.1 访问HTMLDOM对象
4.1.1 获取元素对象的一般方法
4.1.2 元素的innerText、innerHTML、outerHTML、outerText
4.1.3 修改DOM
4.1.4 导航节点关系
4.1.5 DOM优化
4.1.6 DOM事件
4.2 DOM扩展
4.2.1 querySelector()与querySelectorAll()
4.2.2 元素的遍历
4.2.3 classList属性
4.3 JSON简介
4.3.1 JSON语法
4.3.2 JSON解析和序列化
4.4 本地存储
4.4.1 Web存储（Web Storage）简介
4.4.2 Web存储的使用
项目实施
任务1.项目案例分析
任务2 HTML5 Web存储实现猜数字游戏“历史战绩”展示
任务3.猜数字游戏拓展：实现展示“历史战绩”功能的封装
任务4. 猜数字游戏拓展：列表形式展示“历史战绩”
任务5. 猜数字游戏拓展：“历史战绩”展示（通过创建DOM节点）
单元小结
课后训练
【理论测试】
【实训内容】
单元5 MUI移动端框架初体验
项目导入
职业能力目标和要求
项目描述：基于MUI的移动版猜数字游戏
知识准备
5.1 MUI移动端框架初体验
5.1.1 MUI介绍
5.1.2 MUI新项目创建
5.2 基础布局
5.2.1 搭建一个基于MUI的App应用
5.2.2 顶部标题栏与主体
5.2.3 mGallery-Table(图文表格)
5.2.4 MUI-List（列表/图文列表）
5.2.5 底部Tab导航的使用
5.2.6 badge（数字角标）实现数字展示
5.3 MUI选择器及常用方法的使用
5.4 事件绑定
5.4.1 addEventListener()方法实现事件绑定
5.4.2 mui().on()方法实现事件绑定
5.4.3 dialog消息框
5.5 MUI基础表单
5.5.1 button（按钮）
5.5.2 input（表单）
项目实施
任务1. 项目分析
任务2. 猜数字游戏主功能页面制作
任务3. 猜数字游戏引页制作
任务4. 猜数字游戏：打开“历史战绩”页面功能
任务5. 猜数字游戏页面拓展：增加游戏记录存储功能
任务6. 猜数字游戏“历史战绩”页面制作
任务7. 猜数字游戏App的打包
单元小结
课后训练
【实训内容】
单元6 MUI移动端框架进阶
项目导入
职业能力目标和要求
项目6-1描述：在线测试系统文章列表页跳转并传值实现对应详情页面展示
知识准备
6.1 页面管理
6.1.1 MUI初始化
6.1.2 底部Tab导航实现切换页面：DIV模式
6.1.3 底部Tab导航实现切换页面：WebView模式
6.1.4 MUI页面间跳转并传值实现详情页面展示
项目6-1实施
任务1.项目分析
任务2. 在线测试系统页面跳转：技术文章列表页的实现
任务3. 在线测试系统页面跳转：详情页接受列表页传值
任务4. 在线测试系统页面跳转拓展：列表页跳转并传值实现对应文章详情页面展示
项目6-2描述：生鲜超市购物车实现
知识准备
6.2 生鲜超市App
6.2.1 轮播组件的使用实现生鲜超市广告轮播效果
6.2.2 numbox(数字输入框)
项目6-2实施
任务1.项目分析
任务2.MUI静态布局实现
任务3.JavaScript实现动态列表展示及被选商品总价显示
任务4.拓展：增加删除选中商品功能
单元小结
课后训练
【实训内容】
【拓展内容】
单元7 在线测试系统主体功能
项目导入
职业能力目标和要求
项目描述：实现在线测试系统主体功能
知识准备
7.1 MUI复选框、单选框的使用
7.1.1 复选框
7.1.2 JavaScript获取复选框的值
7.1.3 单选框
7.1.5 JavaScript获取单选框的值
7.1.5 列表式单选实现
7.2 Ajax简介
7.2.1 mui.ajax()
7.2.2 Ajax简化模式
项目实施
任务1.在线测试系统：登录验证功能
任务2.在线测试系统：测试列表页的实现
任务3.在线测试系统：测试页面的实现
任务4. 在线测试系统：页面跳转并传值
任务5 拓展：Ajax应用：实现在线测试系统登录远程验证功能
单元小结
课后训练
【实训内容】

郑丽萍，事多年教科研工作，主持品牌专业子项目《JavaScript及框架应用》在线课程及项目化课程建设；主持建设谷歌高职地方院校课程教改项目《JavaScript移动开发》；省级大学生创新项目指导教师；2017年江苏省高等学校微课教学比赛二等奖。主编新形态一体化教材《JavaScript与jQuery案例教程》。

本书内容涵盖JavaScript基本语法、DOM编程、事件、HTML5相关API应用、本地存储、JSON数据应用、Ajax实现等客户端交互特效制作行业新技术。由浅入深，介绍流行且容易上手的MUI框架技术，实现JavaScript移动端的开发。设计了由易到难、层次递进的教学项目，并设计实战项目贯穿知识体系，让读者学以致用。
本书每单元内容实现先通过案例任务描述引入问题，然后进行知识介绍，最后对任务进行解析及具体实现；以新颖的编写形式呈现给读者。每单元内容都与案例紧密结合，有助于读者理解知识、应用知识、达到学以致用的目的，大大加强读者实践动手操作的能力。所选案例具有极强的扩展性，能够给读者以启发，使读者举一反三，实现非常实用的效果。
本书可以作为普通高等职业院校各专业网页特效设计课程的教材，也可以作为网页从业人员的培训用书及技术参考书。

1、引入综合型项目案例，开发项目化教程，学以致用，弥补现有教材多知识点讲述，少实践训练的缺陷。
2、以丰富的案例为载体，精心设计教学内容，设计了由易到难、层次递进的教学环节。
3、淮安信息教师，高教社作者，有丰富的教材编写经验。
4、2017年江苏省高等学校微课教学比赛。