21世纪高等学校计算机应用技术规划教材 移动Web应用开发教程 HTML5+JavaScript框架全栈App开发PDF|Epub|txt|kindle电子书版本网盘下载

21世纪高等学校计算机应用技术规划教材 移动Web应用开发教程 HTML5+JavaScript框架全栈App开发PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

基础篇3

第1章 Web开发概念和构架3

1.1 静态网页与动态网页3

1.2 描述标记语言与脚本语言3

1.3 解释语言与编译语言3

1.4 跨操作系统平台语言4

1.5 软件开发构架4

1.5.1 服务器端与客户端软件构架（C/S）4

1.5.2 Web（B/S）的软件构架4

1.6 HTTP5

1.6.1 HTTP请求包5

1.6.2 HTTP响应包6

1.7 Web应用的开发环境7

1.7.1 Web服务器7

1.7.2 浏览器7

1.7.3 代码编程工具7

练习7

第2章 HTML基本结构9

2.1 最简单的HTML页面结构9

2.2 HTML基本语法10

2.3 HTML标签与属性10

2.4 HTML特殊符号与转义符11

2.5 HTML网页的语言定义11

2.6 HTML标签元素的属性详解11

2.7 HTML常用标签12

2.7.1 <form>表单标签12

2.7.2 <table>表格标签12

2.7.3 < div>和<span>区块标签13

2.7.4 <img>图像标签14

2.7.5 <a>超级链接标签14

2.7.6 < u1>和<ol>列表标签15

练习15

第3章 HTML＋CSS样式16

3.1 CSS样式表16

3.2 CSS的语法16

3.3 CSS样式结构17

3.3.1 内联样式表17

3.3.2 内部样式表17

3.3.3 外部样式表18

3.4 CSS选择器18

3.5 选择器组合定义19

3.6 CSS颜色、长度和字体单位20

3.6.1 颜色单位20

3.6.2 长度单位20

3.6.3 字体单位20

3.6.4 CSS字体定义20

3.7 CSS盒子模型21

3.8 网页设计的忠告22

练习22

第4章 HTML＋CSS＋JavaScript23

4.1 JavaScript语言23

4.2 JavaScript的基本语法23

4.3 JavaScript的结构24

4.4 JavaScript函数详解25

4.5 JavaScript的DOM技术26

4.6 JavaScript的面向对象编程27

4.6.1 内置对象28

4.6.2 原生对象28

4.6.3 宿主对象28

4.6.4 创建对象和访问对象属性方法29

4.7 JavaScript事件驱动30

4.8 JavaScript的AJAX异步通信技术31

4.9 JSON ： JavaScript对象表示法32

4.9.1 JSON的特性32

4.9.2 JSON的语法32

4.10 JavaScript的jQuery框架33

4.11 JavaScript和jQuery代码风格34

练习35

进阶篇39

第5章 HTML 5概要39

5.1 HTML标准制定时间表39

5.2 HTML 5的发展40

5.3 HTML 5在移动领域的应用40

5.4 HTML 5＋CSS 3＋JavaScript规范新特性41

5.5 HTML 5与浏览器42

5.6 HTML 5验证及回退机制44

5.6.1 HTML 5功能验证44

5.6.2 HTML 5的回退机制45

练习46

第6章 HTML 5网页布局新元素47

6.1 语义化标签元素47

6.2 HTML 5文档纲要48

6.3 分节（分块）元素48

6.4 section元素49

6.5 article元素49

6.6 aside元素49

6.7 nav元素49

6.8 <details>和<summary>元素50

6.9 <figure>和<figcaption>元素50

6.10 <address>与<footer>元素51

6.11 <meter>元素51

6.12 <progress>元素52

6.13 <time>元素52

6.14 非英语的国际化元素53

6.15 其他语义化元素53

6.16 语义化标签小结53

练习54

第7章 微格式与微数据的语义化布局55

7.1 格式化数据55

7.2 微数据55

7.2.1 微数据标记55

7.2.2 微数据词汇表56

7.2.3 微数据取值57

7.2.4 访问微数据57

7.2.5 微数据的应用58

7.3 微格式59

7.3.1 标记微格式数据59

7.3.2 微格式工具59

7.3.3 微数据与微格式比较59

7.4 data-﹡自定义数据60

7.4.1 用dataset对象访问自定义数据60

7.4.2 用getAttribute（）和setAttribute（）访问自定义数据61

7.4.3 dataset和getAttribute（）的区别61

7.4.4 data-﹡自定义属性与CSS61

7.4.5 data-﹡自定义属性的应用范围62

练习62

第8章 深入了解CSS 363

8.1 CSS 3介绍63

8.2 新CSS 3的属性命名63

8.3 CSS 3的指令＠及函数url（）64

8.4 CSS 3的盒子特效64

8.4.1 透明度65

8.4.2 圆角65

8.4.3 阴影66

8.4.4 背景图67

8.4.5 渐变68

8.4.6 过渡69

8.4.7 变换70

8.5 CSS 3的复杂选择器70

8.5.1 元素属性选择器70

8.5.2 元素属性值选择器70

8.5.3 伪类选择器71

8.5.4 伪元素选择器72

8.5.5 伪类与伪元素的区别72

练习73

第9章 HTML 5表单75

9.1 增强特性75

9.1.1 占位符75

9.1.2 自动聚焦76

9.1.3 自动完成数据列表76

9.2 新的<input>的type类型77

9.2.1 数字77

9.2.2 日期时间77

9.2.3 E-mail、URL、颜色和搜索78

9.3 表单新元素78

9.3.1 生成密钥78

9.3.2 表单输出79

9.4 表单验证79

9.4.1 表单验证属性79

9.4.2 表单验证样式79

9.4.3 自定义表单验证非法信息提示80

9.5 HTML标签元素内容可编辑属性80

练习80

第10章 Web字体与排版81

10.1 Web字体81

10.2 Web字体格式81

10.3 Web字体的导入82

10.4 Web字体的使用82

10.5 使用Web字体问题83

10.6 排版中的字体属性83

10.7 排版中的行高84

10.8 排版中的特殊符号84

10.9 排版分栏85

练习85

第11章 画图86

11.1 画图功能86

11.2 < canvas>画布86

11.3 画线87

11.3.1 画线外观87

11.3.2 图形形状路径与填充88

11.4 画矩形89

11.5 图形的清除89

11.6 画弧线与圆90

11.7 画曲线91

11.8 变换、渐变、透明度与阴影91

11.8.1 渐变91

11.8.2 变换92

11.8.3 透明度92

11.8.4 阴影92

11.9 画布插入文字、图片及图案93

11.9.1 画布插入文字93

11.9.2 画布插入图片93

11.9.3 画布插入图案94

11.10 关于3D绘图、动画和矢量图95

11.10.1 3D绘图95

11.10.2 动画95

11.10.3 矢量图95

练习97

第12章 文件与拖放技术98

12.1 File文件98

12.2 HTML的文件操作98

12.3 File API读取文件属性99

12.4 FileReader读文件的方法和事件99

12.5 读取图片和文本文件操作100

12.6 通过AJAX上传文件101

12.7 拖放102

12.7.1 拖放对象属性draggable102

12.7.2 拖放对象与目标地102

12.7.3 拖放事件的产生103

12.7.4 拖放事件的处理过程103

12.7.5 浏览器外部的拖放105

练习105

第13章 History API106

13.1 浏览器翻页与URL地址106

13.2 浏览器翻页与AJAX技术106

13.3 History对象与浏览器翻页107

练习108

第14章 视频音频播放109

14.1 浏览器播放视频音频109

14.2 视频音频格式及转换110

14.3 视频音频的标签元素111

14.3.1 <video>和<audio>标签元素111

14.3.2 <source>标签111

14.3.3 <track>标签112

14.4 JavaScript API控制播放112

练习112

第15章 客户端数据存储113

15.1 数据存储113

15.1.1 数据存储方式比较113

15.1.2 Cookie与Web本地存储比较114

15.2 Web本地数据存储114

15.2.1 localStorage和sessionStorage对象114

15.2.2 Web存储的事件处理115

15.2.3 保存其他数据类型116

15.3 数据库存储116

15.3.1 Web SQL116

15.3.2 IndexedDB118

练习123

第16章 离线应用124

16.1 离线应用概述124

16.2 离线应用原理124

16.3 创建缓存清单125

16.4 离线应用事件与缓存更新126

16.5 Web服务器设置126

练习127

第17章 WebSocket通信与Workers多线程128

17.1 Web通信128

17.2 WebSocket通信方式128

17.3 专用的WebSocket服务器129

17.4 WebSocket客户端编程129

17.5 Workers多线程编程130

17.6 Workers的编程实现130

17.7 Workers编程注意事项131

练习131

移 动篇135

第18章 Web移动应用新领域135

18.1 Web移动应用的发展概况135

18.2 移动App与桌面App136

18.3 Web App与Native App137

18.4 移动Web开发设计方法及优化137

18.4.1 前端开发模式138

18.4.2 后端开发模式138

18.4.3 响应式Web设计138

18.4.4 单页面应用139

18.4.5 混合式应用139

18.4.6 移动Web开发优化140

练习140

第19章 移动Web响应式设计141

19.1 关于视口、像素和分辨率141

19.1.1 屏幕分辨率、像素、像素密度与CSS问题141

19.1.2 视口142

19.2 媒体查询选择器144

19.2.1 Media媒体查询144

19.2.2 viewport的缩放技术146

19.2.3 使用viewport的效果比较147

19.3 流体网格布局147

19.3.1 网格布局147

19.3.2 将CSS的块单位从像素变成百分数148

19.3.3 字体的流式布局148

19.4 动态图片处理148

19.5 BootStrap——一个Web响应式框架149

练习150

第20章 移动Web UI设计152

20.1 人机交互的UI设计152

20.1.1 人机交互的发展152

20.1.2 移动设备的交互特殊性153

20.2 菜单、导航与标签栏154

20.3 图标、按钮拟物化设计与扁平化风格156

20.4 表单158

20.5 表格158

20.6 jQuery Mobile类库159

20.6.1 jQuery Mobile的设计风格159

20.6.2 jQuery Mobile UI控件160

20.6.3 jQuery Mobile移动事件161

练习163

第21章 地理位置检测164

21.1 地理位置信息164

21.2 地理位置检测方法164

21.3 Geolocation API165

21.4 地理位置与地图接口166

21.4.1 腾讯地图的URI API167

21.4.2 百度地图服务的URI API168

练习169

第22章 移动设备其他功能接口170

22.1 摄像头API170

22.2 设备移动方向API171

22.2.1 设备方向与alpha、 beta、 gamma定位值171

22.2.2 deviceorientation事件编程接口172

22.2.3 设备移动172

22.2.4 devicemotion事件编程接口172

22.2.5 指南针Compassneedscalibration事件173

22.3 屏幕方向API173

22.3.1 全屏模式174

22.3.2 读取屏幕模式174

22.3.3 锁屏接口175

22.3.4 浏览器支持175

练习175

第23章 移动混合（Hybrid）应用开发176

23.1 Web、 Native和Hybrid App的比较176

23.2 PhoneGap（Apache Cordova）177

23.3 PhoneGap开发环境177

23.4 PhoneGap的基本架构179

23.5 PhoneGap的API180

23.6 PhoneGap App开发调试183

23.7 Ionic（Html＋Angular.js＋Cordova）介绍185

23.8 React Native（JS＋CSS）介绍186

练习186

第24章 移动Web应用测试方法187

24.1 搭建测试环境187

24.1.1 Web服务器187

24.1.2 浏览器187

24.1.3 网络连接187

24.1.4 移动模拟器188

24.2 桌面浏览器与移动浏览器188

24.2.1 移动浏览器188

24.2.2 渲染引擎188

24.2.3 浏览器识别189

24.3 通过桌面浏览器做移动测试189

24.3.1 专用HTTP测试工具189

24.3.2 使用开发者工具190

24.3.3 修改桌面浏览器用户代理191

24.4 移动设备模拟器191

24.4.1 在线模拟网站191

24.4.2 模拟器软件192

24.4.3 浏览器插件的移动模拟器192

24.4.4 厂商SDK开发工具包自带模拟器193

24.4.5 虚拟机下的模拟器193

24.5 远程测试193

24.6 Web软件测试范围194

24.6.1 单元测试194

24.6.2 端到端测试194

24.6.3 UI与浏览器兼容测试195

24.6.4 性能测试195

24.6.5 安全要求197

练习198

全 栈篇201

第25章 全栈Web开发201

25.1 Web开发三层软件架构201

25.2 全栈Web开发的三层软件架构202

25.3 Node.js202

25.3.1 Node.js语法规范203

25.3.2 Node.js构建简单的Web服务器203

25.3.3 Node.js的非阻塞I/O，异步编程和事件驱动204

25.3.4 JavaScript函数的闭包与自我调用205

25.3.5 构造一个静态资源的Web服务器206

25.3.6 Node.js路由功能206

25.3.7 Node.js的模块化编程207

25.4 Web框架Express209

25.4.1 Express的路由210

25.4.2 Express的中间件211

25.4.3 Express的模板引擎211

25.5 AngularJS框架212

25.5.1 RESTful架构212

25.5.2 AngularJS的单页应用212

25.5.3 模块化编程和依赖注入213

25.5.4 AngularJS的指令、视图和模板214

25.5.5 作用域、模板和数据模型214

25.5.6 Angular的路由215

25.5.7 AngularJS的控制器215

25.6 MongoDB数据库216

25.6.1 用MongoDB驱动连接数据库217

25.6.2 用Mongoose模块连接数据库218

25.7 MEAN：一个简单的全栈Web应用219

25.7.1 RESTful API设计219

25.7.2 AngularJS前端设计220

25.7.3 服务器后端设计221

练习223

实训篇227

第26章 实训准备——团队学习模式227

26.1 团队合作学习227

26.2 学习小组组成227

26.3 小组管理228

26.4 小组考核228

练习229

第27章 移动开发环境搭建实验230

27.1 实验目的230

27.2 实验环境及工具230

27.3 实验方法230

27.3.1 Apache Web服务器介绍230

27.3.2 安装WAMP服务器231

27.3.3 Web代码编辑器231

27.3.4 手机访问Apache Web服务器232

27.3.5 用浏览器开发者工具232

27.4 实验拓展233

第28章 响应式Web设计实验234

28.1 实验目的234

28.2 实验环境及工具234

28.3 实验方法234

28.3.1 Responsive移动布局CSS值改变234

28.3.2 Responsive移动优化、媒体查询235

28.3.3 Responsive移动优化、视窗优化235

28.3.4 测试环境搭建与测试效果235

第29章 UI外观设计实验236

29.1 实验目的236

29.2 实验环境及工具236

29.3 实验方法236

第30章 多媒体音频视频实验237

30.1 实验目的237

30.2 实验环境及工具237

30.3 实验方法237

第31章 离线应用实验238

31.1 实验目的238

31.2 实验环境及工具238

31.3 实验方法238

31.3.1 离线应用缓存事件检查238

31.3.2 缓存文件资源检查238

31.3.3 Manifest文件本地缓存检查239

31.3.4 清除离线应用缓存239

31.4 实验拓展239

第32章 网络通信与本地数据存储实验240

32.1 实验目的240

32.2 实验环境与工具240

32.3 实验方法241

32.3.1 基于Node.js＋Socket.io的运行环境搭建241

32.3.2 浏览器开发者工具检查Web Socket241

32.4 实验拓展242

第33章 地理位置和其他传感器实验243

33.1 实验目的243

33.2 实验环境与工具243

33.3 实验方法243

33.3.1 编写一个应用243

33.3.2 测试244

第34章 游戏实验245

34.1 实验目的245

34.2 实验环境与工具245

34.3 实验方法245

34.3.1 游戏规则245

34.3.2 源码分析245

第35章 PhoneGap制作Hybrid App实验246

35.1 实验要求246

35.2 实验环境与工具246

35.3 实验方法247

35.3.1 Java SDK开发环境的安装247

35.3.2 Node.js下载安装247

35.3.3 安装Cordova和PhoneGap247

35.3.4 创建helloworld应用248

35.3.5 添加应用平台249

35.3.6 在浏览器端调试App应用250

35.3.7 安装Android SDK开发工具包250

35.3.8 通过AVD Manager安装一个模拟器251

35.3.9 在模拟器上运行helloworld项目252

35.3.10 在手机环境下运行helloworld项目253

35.4 实验拓展254

第36章 全栈Web开发实验255

36.1 实验目的255

36.2 实验环境与工具255

36.3 实验方法255

36.3.1 安装运行Node.js解释器255

36.3.2 一个最简单的HTTP服务器256

36.3.3 一个简单的AngularJS框架应用256

36.3.4 MongoDB数据库安装256

36.3.5 MongoDB的后台管理257

36.4 实验拓展259

附录260

参考文献260

学习网站260

术语解释260

致谢262