张胜宇，男，1979年生，深圳职业技术学院电信学院副教授，2005年硕士毕业于哈尔滨工业大学电力电子与电力传动专业，深圳市经贸委专家库成员。主编出版《可编程控制器实训项目式教程》，指导学生获得全国电子竞赛国家二等奖2次、省一等奖5次；广东省“挑战杯”二等奖1次等各项电子大赛奖项。2005年-2006年就职于深圳市艾默生网络能源有限公司，2006年至今就职于深圳职业技术学院。

实训项目1我的新闻——新闻随身看1
学习路径1
项目描述2
1.1App与小程序的区别2
1.2牛道云平台介绍3
1.3页面3
1.4组件4
1.4.1“上中下布局”组件4
1.4.2App“标题栏”组件5
1.4.3App“外部页面”组件6
1.4.4小程序“外部页面”组件6
1.5App项目开发7
1.5.1App设计思路7
1.5.2App开发过程7
1.5.3App项目预览12
1.5.4App项目发布13
1.6小程序项目开发16
1.6.1小程序设计思路16
1.6.2小程序开发过程16
1.6.3小程序项目预览20
1.6.4小程序项目发布21
1.7项目拓展： 显示天气预报的App和小程序32
项目小结32
实训项目2注重身体健康——BMI指数计算器33
学习路径33
项目描述34
2.1静态数据集概述34
2.1.1数据集的概念34
2.1.2静态数据集35
2.2组件35
2.2.1“标签+输入框”组件35
2.2.2“按钮”组件35
2.2.3App“显示框”组件37
2.2.4小程序“消息对话框”组件37
2.2.5“文本”组件38
2.3画代码编程39
2.3.1图形模型40
2.3.2执行动作40
2.4App项目开发40
2.4.1App设计思路40
2.4.2App开发过程43
2.4.3App项目预览62
2.4.4App项目发布62
2.5小程序项目开发62
2.5.1小程序设计思路62
2.5.2小程序开发过程62
2.5.3小程序项目预览68
2.5.4小程序项目发布68
2.6项目拓展： 简易的四则混合运算计算器App和小程序68
项目小结69
实训项目3玩个游戏吧——猜猜红心A在哪里70
学习路径70
项目描述71
3.1组件71
3.1.1“行列”组件71
3.1.2“图片”组件72
3.2代码实现组件事件75
3.2.1组件事件概述75
3.2.2JavaScript代码实现组件事件75
3.3组件动态样式属性76
3.4App项目开发76
3.4.1App设计思路76
3.4.2App开发过程78
3.4.3App项目预览90
3.4.4App项目发布90
3.5小程序项目开发90
3.5.1小程序设计思路91
3.5.2小程序开发过程93
3.5.3小程序项目预览105
3.5.4小程序项目发布107
3.6项目拓展： 比大小翻翻乐游戏App和小程序108
项目小结109
实训项目4我的MP4——音频视频播放器110
学习路径110
项目描述111
4.1动态数据集111
4.1.1动态数据集的使用111
4.1.2数据集常用属性112
4.2组件115
4.2.1“动态列表”组件115
4.2.2小程序“视图”组件116
4.2.3App“区块”组件117
4.2.4“音频”组件117
4.2.5“视频”组件118
4.3App项目开发119
4.3.1App设计思路119
4.3.2App开发过程120
4.3.3App项目预览142
4.3.4App项目发布142
4.4小程序项目开发143
4.4.1小程序设计思路143
4.4.2小程序开发过程144
4.4.3小程序项目预览157
4.4.4小程序项目发布157
4.5项目拓展： 在界面上分区显示、播放音频和视频的App和小程序158
项目小结160
实训项目5扫码我也会——条码扫描和拍照161
学习路径161
项目描述161
5.1Cordova简介162
5.2组件163
5.2.1“二维码”组件163
5.2.2“扫一扫”组件163
5.2.3“附件”组件163
5.2.4小程序“滚动列表”组件164
5.2.5“图标”组件164
5.3App项目开发165
5.3.1App设计思路166
5.3.2App开发过程168
5.3.3App项目预览178
5.3.4App项目发布178
5.4小程序项目开发179
5.4.1小程序设计思路179
5.4.2小程序开发过程181
5.4.3小程序项目预览184
5.4.4小程序项目发布185
5.5项目拓展： 媒体信息库App和小程序设计185
项目小结188
实训项目6跟我走天下——地理定位189
学习路径189
项目描述190
6.1组件190
6.1.1“地图”组件190
6.1.2“地理位置”组件191
6.1.3“天气预报”组件192
6.1.4“标签+长文本”组件194
6.2App项目开发195
6.2.1App设计思路195
6.2.2App开发过程197
6.2.3App项目预览209
6.2.4App项目发布209
6.3小程序项目开发209
6.3.1小程序设计思路209
6.3.2小程序开发过程212
6.3.3小程序项目预览221
6.3.4小程序项目发布221
6.4项目拓展： 旅游记录App和小程序221
项目小结224
实训项目7管理自己的财务——记账本225
学习路径225
项目描述226
7.1创建页面226
7.1.1新建页面226
7.1.2复制页面227
7.2组件227
7.2.1“按钮组”组件227
7.2.2“下拉列表”组件228
7.2.3“标签+下拉”组件229
7.2.4App“上下滑动”组件230
7.3App项目开发230
7.3.1App设计思路231
7.3.2App开发过程232
7.3.3App项目预览278
7.3.4App项目发布280
7.4小程序项目开发281
7.4.1小程序设计思路281
7.4.2小程序开发过程283
7.4.3小程序项目预览305
7.4.4小程序项目发布305
7.5项目拓展： 可拍照的记账本App和小程序305
项目小结307
实训项目8记录自己的历程——日记308
学习路径308
项目描述309
8.1组件309
8.1.1“用户”组件309
8.1.2“微信登录小程序版”组件310
8.1.3“弹出层”组件310
8.2服务制作312
8.3小程序提示框313
8.4App项目开发313
8.4.1App设计思路314
8.4.2App开发过程316
8.4.3App项目预览341
8.4.4App项目发布341
8.5小程序项目开发342
8.5.1小程序设计思路342
8.5.2小程序开发过程346
8.5.3小程序项目预览360
8.5.4小程序项目发布360
8.6项目拓展： 日记App和小程序361
项目小结364

本书围绕HTML5技术讲解移动Web App和小程序的应用开发。本书精选8个实训项目，首先以实例介绍本书开发环境“牛道教学实践云平台”（简称“牛道云”）的基本使用方法，然后进行单页面任务开发，很后综合练习多页面任务的实现。本书采用“任务分析思路引导、相关知识点探究、开发实战攻略、综合能力拓展”的教学方法，对实训项目的每一步操作配备了详细准确的文字描述和操作配图，使读者可以根据指引自学完成项目开发。
本书适合应用型本科、高职高专院校的物联网、电子信息、移动应用等专业的专业课教学，对于培训机构学员和一般开发者也具有较好的参考价值。