HTML5移动前端开发基础与实战（第2版）（微课版）-图书-人邮教育社区

特别说明

说明：
1. Visual Studio Code也可替换成自己熟悉的编辑软件，如WebStorm、Sublime等。
2. 若学时有限：ES6、翻牌游戏、Bootstrap、HBuilderX开发APP可选讲。
3. 本教材不涉及后台开发，若后续学习后台通常需掌握一门数据库及后台开发语言，如mySql+java/php/node.js，这些都可以根据自身经验进行选择。
编者：曾建华 237021692@qq.com

内容摘要

本书较为全面地介绍HTML5移动前端开发的核心知识，并简要介绍使用HBuilderX开发移动App的流程。本书共8个模块，从企业用人需求的角度出发，本着够用、实用的原则，介绍开发环境及JavaScript、HTML、CSS、前端开发演练、Swiper演练、JSON演练、jQuery及Bootstrap演练、移动App演练等相关知识。通过学习本书，读者可以掌握HTML5核心要点，能够运用CSS进行布局。通过学习Swiper插件，读者可领会其他插件的用法；通过学习jQuery和Bootstrap框架，读者可领会其他框架的用法。在此基础上，本书通过讲解JSON，帮助读者理解后台数据；通过讲解HBuilderX开发移动App的流程，指引读者打开通向混合式移动App开发的大门。
本书可以作为高职高专院校计算机相关专业的教材，也可以作为培训机构相关课程的教材，还可以供广大计算机爱好者自学使用。

前言

本书以实际动手演练为主，力求目标明确地指导读者学习相关知识。本书贯彻党的二十大精神，在内容讲解中融入科学精神和爱国情怀，引用新技术，体现科技发展的新成果，介绍国产软件HBuilderX，体现科技自立自强，提升学生对祖国强大科技力量的自豪感。弘扬精益求精的专业精神、职业精神和工匠精神，助力建设教育强国、科技强国、人才强国。本书由8个模块构成，结构清晰；从内容安排上，分为知识引导篇与项目实战篇。
知识引导篇部分，由于很多演练会用到JavaScript，因此将JavaScript安排到模块1。本书并不占用大篇幅介绍JavaScript，只安排了一个模块介绍最常用的JavaScript语法，为读者完成后续学习做必要的准备。HTML元素非常容易掌握，本书将介绍一些实用且常用的HTML元素。CSS是极为重要的内容，因为布局的要点就是熟练、灵活地使用CSS。很多初学者不敢开始自己的前端设计，就是因为自以为掌握了CSS，但实际应用不熟练，本书将一并进行介绍。
项目实战篇部分，各模块演练完整、实用，涉及实际开发中的多个环节。在操作讲解方面，文字力求简练，以达到深入浅出的效果。如果读者认为本书演练简单，但又有很大收获，那就达到了本书的编写目的。
针对重点、难点，本书在相应位置加入了相关的微课，读者可以扫码观看视频。本书采用书网结合的讲解方式，可以更好地帮助读者理解相应的知识点。
本书编者为深圳职业技术大学副教授，具备丰富的软件开发和教材编写经验，主编的教材除本书外，还有《微信小程序开发实战教程（PHP + Laravel + MySQL）（微课版）》。
本书是编者在总结多年教学和项目开发经验的基础上编写而成的。编者在探索教材建设方面做了许多努力，也对书稿进行了多次审校，但由于编者水平有限，难免存在一些疏漏和不足，希望专家和读者能给予批评和指正。

编者
2023年6月

上篇　知识引导篇
模块1　开发环境及JavaScript　1
1.1 HTML5相关技术简介　1
1.1.1 HTML简介　2
1.1.2 CSS简介　2
1.1.3 JavaScript简介　2
1.2 Visual Studio Code及扩展的安装、使用　2
1.2.1 安装Visual Studio Code　3
1.2.2 使用Visual Studio Code　5
1.2.3 浏览器调试入门　11
1.2.4 Visual Studio Code常用技巧　11
1.3 JavaScript常用语法　13
1.3.1 数据类型　13
1.3.2 流程控制语句　14
1.3.3 数组　17
1.3.4 document对象　18
1.3.5 函数和事件　20
1.3.6 定时相关函数　21
1.4 ES6　23
1.4.1 let和const　23
1.4.2 解构赋值　24
1.4.3 数组扩展　26
1.4.4 剩余运算符和扩展运算符　28
1.4.5 class　29
思考　30

模块２　HTML　31
2.1 HTML常用元素　31
2.1.1 label、input、button、radio、
checkbox及ul　31
2.1.2 表单验证　38
2.2 HTML5新特性　39
2.2.1 多媒体　39
2.2.2 拖放　41
2.2.3 Web存储　43
2.2.4 使用canvas绘制图形　46
思考　48

模块3　CSS　49
3.1 常用CSS　49
3.1.1 CSS基本语法及使用CSS的几种方式　49
3.1.2 多列布局　53
3.1.3 display属性　55
3.1.4 BOX模型　57
3.1.5 position属性　60
3.1.6 Float布局　64
3.1.7 Flex布局　66
3.1.8 overflow属性　71
3.1.9 transparent属性　73
3.1.10 background相关属性　75
3.1.11 通过JavaScript操作CSS　78
3.2 CSS3常用新功能　79
3.2.1 圆角、阴影　79
3.2.2 渐变　83
3.2.3 2D变换　87
3.2.4 3D旋转　92
3.2.5 动画　96
3.2.6 viewport　107
3.2.7 Media Queries　108
思考　112

下篇　项目实战篇

模块4　前端开发演练　113
4.1 登录页面　113
4.1.1 登录页面介绍　113
4.1.2 登录页面演练　113
4.2 设置页面　115
4.2.1 设置页面介绍　115
4.2.2 设置页面演练　116
4.3 客服页面　118
4.3.1 客服页面介绍　118
4.3.2 客服页面演练　118
4.4 商品详情页面　123
4.4.1 商品详情页面介绍　123
4.4.2 商品详情页面演练　123
4.5 购物车页面　128
4.5.1 购物车页面介绍　128
4.5.2 购物车页面演练　128
4.6 订单页面　132
4.6.1 订单页面介绍　132
4.6.2 订单页面演练　132
4.7 装修网站首页　144
4.7.1 装修网站首页介绍　144
4.7.2 装修网站首页演练　144
思考　152

模块5　Swiper演练　153
5.1 Swiper实现轮播效果　153
5.1.1 Swiper使用步骤　153
5.1.2 Swiper演练　154
5.2 Swiper Animate实现场景动画　168
5.2.1 Swiper Animate入门　168
5.2.2 Swiper Animate演练　170
思考　175

模块6　JSON演练　176
6.1 JSON入门　176
6.1.1 JSON概述　176
6.1.2 操作JSON数据　177
6.1.3 JSON和字符串类型
相互转换　178
6.2 JSON实战　181
6.2.1 使用JSON在线解析工具　181
6.2.2 在Chrome调试窗口中观察JSON数据　182
6.2.3 根据JSON数据动态绑定页面　183
思考　186

模块7　jQuery及Bootstrap演练　187
7.1 jQuery　187
7.1.1 jQuery简介　187
7.1.2 使用jQuery　188
7.1.3 常用jQuery操作　189
7.1.4 jQuery AJAX读取JSON数据文件　195
7.1.5 jQuery演练：翻牌游戏　203
7.2 Bootstrap　232
7.2.1 Bootstrap简介　232
7.2.2 Bootstrap项目演练　232
思考　245

模块8　移动App演练　246
8.1 HBuilderX　246
8.1.1 HBuilderX特点　246
8.1.2 HBuilderX安装　246
8.2 夜神模拟器　248
8.2.1 夜神模拟器特点　248
8.2.2 夜神模拟器安装　248
8.3 移动App开发流程　250
8.3.1 创建移动App模板项目　250
8.3.2 带底部导航、轮播图和新闻列表的App　253
思考　258

读者评论

赶紧抢沙发哦！

我要评论

出版信息

书　　名：HTML5移动前端开发基础与实战（第2版）（微课版）
系列书名：名校名师精品系列教材
执行编辑：本书的内容有任何问题，请联系初美呈
出版日期：2023-09-01
书　　号：978-7-115-61336-3
作　　者： 曾建华
定　　价：59.80 元
页　　数：258
印刷方式：黑白印刷
开　　本：16开
出版状态：上市销售

作者介绍

曾建华，深圳职业技术大学副教授。具备丰富的软件开发经验和教材编写经验，精通HTML5、Visual Studio、Delphi、SQL Server开发，长期独立为企业、高校开发项目并维护运行。首届全国教材建设奖全国优秀教材二等奖主编主编“十三五”职业教育国家规划教材3部深圳职业技术学院金课、一流课程《H5跨平台应用开发》负责人国家级精品资源共享课“大型数据库（SQL Server）”建设团队骨干成员