第1篇　基础知识第1章　步入HTML 5移动开发新世界 002◎ 本章教学微视频：24个 34分钟1.1 HTML 5概述 0021.1.1 HTML 5的由来 0021.1.2 XML及XHTML 0031.1.3 HTML 5能做什么 0031.1.4 HTML 5的标签特性 0041.2 熟悉HTML 5的特殊之处 0041.3 在iOS和Android设备中使用 HTML 5 0041.4 HTML 5移动开发辅助工具 0041.4.1 Animatron移动开发软件 0041.4.2 Lungo移动开发软件 0051.4.3 DevExtreme移动开发软件 0051.4.4 RazorFlow移动开发软件 0061.4.5 Literally Canvas移动开发软件 0061.5 HTML 5移动开发编辑器 0061.5.1 程序员必备神器—— Sublime Text 3 0061.5.2 可配置的编辑器——Atom 0071.5.3 微软良心之作——VS Code 0071.5.4 流行的集成开发环境—— HBuilder 0081.6 配置移动开发环境 0081.7 开发移动网站基础 0201.7.1 移动设备屏幕适配 0201.7.2 移动用户需要的内容 0201.7.3 使用的HTML、CSS及JavaScript 是否有效且简洁 0211.7.4 是否使用独立域名 0221.7.5 网站需要通过怎样的测试 0221.8 测试工具 0231.8.1 仿真器与模拟器 0231.8.2 在线测试模拟器 0241.8.3 软件自动化测试 0241.9 就业面试技巧与解析 0251.9.1 面试技巧与解析（一） 0251.9.2 面试技巧与解析（二） 025第2章　HTML 5快速上手 026◎ 本章教学微视频：22个 28分钟2.1 HTML 5的语法结构 0262.1.1 文档类型说明 0272.1.2 HTML标记 0272.1.3 头标记head 0272.1.4 标题标记title 0272.1.5 元信息标记meta 0282.1.6 网页的主体标记 0292.1.7 页面注释标记 0302.2 HTML 5的新技术改进 0302.2.1 新增多个元素 0302.2.2 新增多条属性 0312.2.3 Video和Audio 0322.2.4 2D/3D制图特性 0322.2.5 浏览器支持特性 0322.2.6 本地存储特性 0322.2.7 本地SQL数据 0332.2.8 WebSocket技术 0332.2.9 Web Worker技术 0332.2.10 SVG新特性 0332.2.11 地理地位特性 0342.2.12 拖放API新特性 0342.3 HTML 5给移动Web开发带来的 优势 0352.3.1 HTML 5包含了性能优良的API 0352.3.2 HTML 5便捷的开发环境 0352.3.3 备受青睐的Web应用程序 0352.4 就业面试技巧与解析 0362.4.1 面试技巧与解析（一） 0362.4.2 面试技巧与解析（二） 036第3章　使用HTML 5设计移动页面结构 037◎ 本章教学微视频：25个 54分钟3.1 结构元素 0373.1.1 元素 0373.1.2 元素 0383.1.3 元素 0393.1.4 元素 0393.1.5 元素 0403.1.6 元素 0413.2 分组元素 0413.2.1 元素 0413.2.2 元素 0423.2.3 元素 0433.3 文本语义元素 0433.3.1 元素 0433.3.2 、与元素 0443.3.3 元素 0453.3.4 元素 0463.4 交互体验元素 0463.4.1 元素 0463.4.2 元素 0473.4.3 元素 0483.4.4 元素 0483.5 新多媒体元素 0493.5.1 元素 0493.5.2 元素 0493.5.3 元素 0503.5.4 元素 0503.6 新增全局属性 0513.6.1 contenteditable属性 0513.6.2 data-*属性 0513.6.3 draggable属性 0523.6.4 spellcheck属性 0533.7 就业面试技巧与解析 0543.7.1 面试技巧与解析（一） 0543.7.2 面试技巧与解析（二） 054第4章　使用HTML 5设计移动页面表单 055◎ 本章教学微视频：19个 55分钟4.1 认识表单 0554.1.1 表单概述 0554.1.2 表单的基本结构 0564.2 新增表单元素 0564.2.1 元素 0564.2.2 元素 0574.2.3 元素 0584.3 表单的输入类型 0584.3.1 url类型 0584.3.2 tel类型 0594.3.3 color类型 0604.3.4 email类型 0604.3.5 range类型 0614.3.6 search类型 0624.3.7 number类型 0624.3.8 datepickers类型 0634.4 表单的属性 0664.4.1 新属性 0664.4.2 新属性 0684.5 表单的验证 0724.5.1 认识表单验证 0724.5.2 CheckValidity()验证 0734.5.3 SetCustomValidity()验证 0744.6 典型案例——制作用户反馈页面 0754.7 就业面试技巧与解析 0764.7.1 面试技巧与解析（一） 0764.7.2 面试技巧与解析（二） 076第5章　使用HTML 5绘制移动页面元素 077◎ 本章教学微视频：23个 104分钟5.1 什么是canvas 0775.2 绘制基本形状 0785.2.1 绘制矩形 0785.2.2 绘制圆形 0795.2.3 绘制直线 0805.2.4 绘制贝济埃曲线 0815.2.5 绘制带阴影的图形 0825.3 绘制颜色渐变 0835.3.1 线性颜色渐变 0835.3.2 径向颜色渐变 0845.4 图形变换和组合 0845.4.1 图形平移 0855.4.2 图形缩放 0855.4.3 图形旋转 0865.4.4 矩阵变换 0875.4.5 图形组合 0885.5 图片的常用操作 0905.5.1 绘制图片 0905.5.2 平铺图片 0935.5.3 裁剪图片 0955.5.4 像素处理 0965.6 绘制文本元素 0975.6.1 绘制普通文字 0975.6.2 绘制阴影文本 0985.7 绘制动画特效 1005.7.1 了解动画 1005.7.2 绘制动态闪动线条 1005.7.3 绘制动态页面时钟 1015.8 典型案例——绘制移动页面素材 1045.9 就业面试技巧与解析 1065.9.1 面试技巧与解析（一） 1065.9.2 面试技巧与解析（二） 106第6章　CSS样式入门与基础语法 107◎ 本章教学微视频：14个 38分钟6.1 CSS 3简介 1076.2 CSS 3的核心概念 1086.2.1 CSS 3的语法结构 1086.2.2 盒模型 1086.2.3 CSS 3的编写方法 1096.3 CSS 3选择器的应用 1116.3.1 标签选择器 1116.3.2 类选择器 1126.3.3 ID选择器 1136.3.4 属性选择器 1136.3.5 子选择器 1146.4 调用CSS 3的方式 1156.4.1 行内样式 1156.4.2 内嵌样式 1156.4.3 链接样式 1166.4.4 导入样式 1176.5 典型案例——制作移动网页导航菜单 1186.6 就业面试技巧与解析 1206.6.1 面试技巧与解析（一） 1206.6.2 面试技巧与解析（二） 120第7章　使用CSS 3设计移动页面样式 121◎ 本章教学微视频：20个 114分钟7.1 和图片说再见 1217.1.1 背景和边框 1217.1.2 渐变和阴影 1267.2 CSS 3布局之道 1317.2.1 负边距与浮动 1317.2.2 自定义字体 1327.2.3 栅格系统与多列布局 1347.3 弹性盒子布局 1367.3.1 盒子布局取向 1367.3.2 盒子布局顺序 1387.3.3 盒子布局位置 1397.3.4 盒子弹性空间 1407.3.5 管理盒子空间 1417.3.6 空间溢出管理 1437.4 让页面动起来 1447.4.1 CSS 3变形模块 1447.4.2 CSS过渡属性 1477.4.3 CSS动画属性 1497.5 响应式页面设计 1507.5.1 PC端常用页面布局模式 1507.5.2 从media到media queries 1517.5.3 响应式栅格系统 1537.5.4 移动优先理念 1557.5.5 其他细节 1557.6 就业面试技巧与解析 1567.6.1 面试技巧与解析（一） 1567.6.2 面试技巧与解析（二） 156第2篇　核心技术第8章　设计Web App页面布局 158◎ 本章教学微视频：12个 67分钟8.1 移动端页面设计规范 1588.2 页面视图 1598.2.1 单页面图层布局 1598.2.2 侧边栏页面布局 1598.2.3 封面图页面布局 1608.2.4 多视图页面布局 1628.3 基于iScroll的多视图布局 1638.3.1 iScroll页面结构下的侧边栏 1648.3.2 iScroll页面结构下的封面图 1658.3.3 iScroll对内容刷新的支持 1678.4 等比缩放布局 1688.5 viewport/meta标签 1698.6 rem/vw的使用 1728.6.1 使用rem响应设计 1728.6.2 VW视窗宽度百分比 1758.7 移动Web特别样式处理 1768.8 就业面试技巧与解析 1788.8.1 面试技巧与解析（一） 1788.8.2 面试技巧与解析（二） 178第9章　原生JavaScript交互功能开发 179◎ 本章教学微视频：41个 146分钟9.1 JavaScript基础语法 1799.1.1 字母大小写 1809.1.2 变量 1809.1.3 常量 1809.1.4 数据类型 1809.1.5 关键字 1819.1.6 转义字符 1819.1.7 运算符 1819.1.8 注释 1839.1.9 字面量 1839.2 循环语句 1839.2.1 while循环 1849.2.2 do/while循环 1849.2.3 for循环 1849.2.4 for/in循环 1859.2.5 continue和break 1859.3 数组与函数 1869.3.1 数组 1869.3.2 函数 1879.4 String与Date 1889.4.1 String对象 1889.4.2 Date对象 1899.5 BOM与DOM 1929.5.1 BOM浏览器对象模型 1929.5.2 DOM文档对象模型 1949.6 事件 1969.6.1 事件对象 1969.6.2 事件类型 1979.6.3 事件流 1999.7 拖动效果 2019.8 cookie存储 2039.8.1 cookie简介 2039.8.2 cookie分类 2049.8.3 cookie的创建、查找、修改和　　　　　　　 删除 2049.8.4 cookie属性 2059.8.5 cookie案例 2069.9 正则表达式 2089.9.1 定义正则表达式对象 2089.9.2 正则表达式——传参 2099.9.3 正则表达式常用方法 2099.9.4 元字符和修饰符 2109.10 Ajax技术 2129.10.1 Ajax简介 2129.10.2 创建Ajax对象 2139.10.3 Ajax请求和响应 2139.10.4 onreadystatechange事件 2149.10.5 Ajax案例 2149.11 面向对象基础 2169.11.1 认识对象 2169.11.2 对象的方法 2179.11.3 原型链 2179.12 就业面试技巧与解析 2189.12.1 面试技巧与解析（一） 2189.12.2 面试技巧与解析（二） 218第10章　jQuery经典交互特效开发 219◎ 本章教学微视频：16个 84分钟10.1 jQuery框架介绍 21910.1.1 jQuery的选择器 22010.1.2 jQuery创建DOM节点 22010.1.3 jQuery添加DOM节点 22010.1.4 jQuery操作DOM属性 22110.1.5 jQuery操作DOM样式 22110.2 jQuery插件扩展原理及自定制设计 22110.3 时间轴特效 22310.4 tab页面切换效果 22510.5 滑动门特效 22710.6 焦点图轮播特效 22910.7 网页定位导航特效 23210.8 导航条菜单效果 23410.9 瀑布流特效 23610.10 弹出层效果 23810.11 倒计时效果 24010.12 抽奖效果 24110.13 就业面试技巧与解析 24410.13.1 面试技巧与解析（一） 24410.13.2 面试技巧与解析（二） 244第11章 AngularJS框架 245◎ 本章教学微视频：26个 113分钟11.1 基础知识 24511.1.1 表达式 24611.1.2 ng-app指令 24611.1.3 模块 24611.1.4 作用域 24711.1.5 控制器 24811.1.6 $apply与$watch 24911.2 指令 25111.2.1 ng-repeat 25211.2.2 ng-class 25311.2.3 ng-show和ng-hide 25311.3 过滤器 25411.3.1 date过滤器 25511.3.2 limitTo过滤器 25511.3.3 filter过滤器 25611.4 表单验证 25711.4.1 ngModelController 25711.4.2 表单验证 25811.5 服务 25911.5.1 自定义服务 25911.5.2 AngularJS提供的服务 26011.6 模型 26311.6.1 ng-model指令 26311.6.2 双向绑定 26411.6.3 CSS类 26411.7 事件机制 26511.8 数据存储 26611.9 其他 26711.9.1 Controller as语法 26711.9.2 安全的依赖注入方法 26811.10 路由 26911.11 标准项目结构设计 27111.11.1 angular-cli环境搭建 27111.11.2 使用Angular-cli创建项目 27211.12 就业面试技巧与解析 27311.12.1 面试技巧与解析（一） 27311.12.2 面试技巧与解析（二） 274第3篇 高级应用第12章 认识jQuery Mobile 276◎ 本章教学微视频：4个 15分钟12.1 jQuery Mobile基础 27612.2 jQuery Mobile操作流程 27712.2.1 下载移动设备模拟器 27712.2.2 安装jQuery Mobile 27912.2.3 创建jQuery Mobile页面 28012.3 就业面试技巧与解析 28112.3.1 面试技巧与解析（一） 28112.3.2 面试技巧与解析（二） 281第13章 jQuery Mobile页面 282◎ 本章教学微视频：20个 63分钟13.1 jQuery Mobile 页面结构 28213.1.1 jQuery Mobile页面的基本架构 28213.1.2 多容器jQuery Mobile页面 28413.1.3 jQuery Mobile页面间的链接 28413.1.4 在jQuery Mobile页面中实现后退 功能 28613.1.5 设置后退按钮的文字 28813.1.6 弹出对话框 28913.2 预加载和缓存jQuery Mobile 页面 29013.2.1 预加载jQuery Mobile页面 29013.2.2 页面缓存 29013.3 jQuery Mobile页面头部栏 29113.3.1 头部栏的基本结构 29113.3.2 添加按钮 29213.3.3 设置按钮位置 29313.4 jQuery Mobile页面导航栏 29413.4.1 导航栏的基本结构 29413.4.2 导航栏的图标 29613.4.3 设置导航栏图标的位置 29813.5 jQuery Mobile页面尾部栏 30013.5.1 添加按钮 30013.5.2 添加表单元素 30113.6 结构化jQuery Mobile页面内容 30113.6.1 jQuery Mobile网格布局 30213.6.2 可折叠区块 30313.6.3 可折叠区块的嵌套 30413.6.4 可折叠区块组 30513.7 就业面试技巧与解析 30613.7.1 面试技巧与解析（一） 30613.7.2 面试技巧与解析（二） 307第14章 jQuery Mobile页面组件 308◎ 本章教学微视频：16个 42分钟14.1 jQuery Mobile按钮组件 30814.1.1 内联按钮 30814.1.2 按钮组 30914.2 jQuery Mobile列表组件 31014.2.1 基本列表 31014.2.2 有序列表 31114.2.3 分割列表选项 31114.2.4 对列表项进行分类 31214.2.5 图标与计数器 31314.2.6 列表项内容格式化处理 31314.2.7 过滤列表项 31414.3 jQuery Mobile表单组件 31514.3.1 滑块 31514.3.2 文本输入组件 31614.3.3 翻转切换开关 31714.3.4 单选按钮 31814.3.5 复选框 31914.3.6 选择菜单 32014.3.7 多项选择菜单 32114.4 就业面试技巧与解析 32214.4.1 面试技巧与解析（一） 32214.4.2 面试技巧与解析（二） 322第15章 使用jQuery Mobile主题 323◎ 本章教学微视频：6个 26分钟15.1 jQuery Mobile页面主题 32315.1.1 默认主题 32315.1.2 修改默认主题 32515.2 自定义jQuery Mobile页面和工具栏 主题 32615.2.1 自定义页面主题 32615.2.2 自定义工具栏主题 32815.2.3 自定义内容主题 33015.3 使用ThemeRoller创建主题 33115.4 就业面试技巧与解析 33515.4.1 面试技巧与解析（一） 33515.4.2 面试技巧与解析（二） 335第16章 使用jQuery Mobile事件 336◎ 本章教学微视频：8个 27分钟16.1 页面事件 33616.1.1 初始化事件 33616.1.2 加载外部页面事件 33816.1.3 页面切换事件 33916.2 触摸事件 34116.2.1 tap事件和taphold事件 34116.2.2 swipe事件 34216.2.3 swipeleft事件和swiperight事件 34316.3 屏幕滚动事件 34416.4 屏幕方向改变事件 34616.5 就业面试技巧与解析 34716.5.1 面试技巧与解析（一） 34716.5.2 面试技巧与解析（二） 347第17章 使用jQuery Mobile插件 348◎ 本章教学微视频：5个 26分钟17.1 Camera插件 34817.2 SwipeBox插件 35017.3 mmenu插件 35117.4 DateBox插件 35317.5 Mobiscroll插件 35417.6 就业面试技巧与解析 35617.6.1 面试技巧与解析（一） 35617.6.2 面试技巧与解析（二） 356第4篇 项目实践第18章 HTML 5在游戏开发行业中的应用 358◎ 本章教学微视频：5个 23分钟18.1 游戏概述 35818.2 游戏功能的实现 35918.2.1 游戏基本的HTML 5结构 35918.2.2 游戏CSS样式设计 35918.2.3 JavaScript编程 36018.3 运行效果 362第19章 HTML 5在教育开发行业中的应用 363◎ 本章教学微视频：7个 21分钟19.1 项目概述 36319.2 美丽教育页面的实现 36419.2.1 首页 36419.2.2 关于贾美丽 36519.2.3 招生要求 36619.2.4 教学理念 36719.2.5 联系我们 36919.3 项目运行效果 370第20章 手机端案例——记事本App 371◎ 本章教学微视频：11个 30分钟20.1 项目概述 37120.1.1 功能梳理 37120.1.2 开发环境 37220.1.3 代码结构 37520.2 项目解析 37620.2.1 首页 37620.2.2 列表页面 37720.2.3 查看与删除 38020.2.4 添加事项 38120.2.5 完成事项 38220.2.6 右滑菜单 38220.2.7 App打包 38320.3 运行效果 384第21章 人脸识别案例——年龄小侦探App 385◎ 本章教学微视频：9个 37分钟21.1 项目概述 38521.1.1 功能梳理 38521.1.2 开发环境 38621.1.3 代码结构 38621.2 项目解析 38621.2.1 ml文件 38621.2.2 文件 38721.2.3 文件 38921.2.4 项目功能知识点详解 39621.3 运行效果 401