名校名师精品系列教材

HTML5移动前端开发基础与实战(第2版)(微课版)

“十四五”职业教育国家规划教材
分享 推荐 0 收藏 28 阅读 2.3K
曾建华 (主编) 978-7-115-61336-3

关于本书的内容有任何问题,请联系 初美呈

⭐“十四五”职业教育国家规划教材
⭐本书以演练为主,力求目标明确地指导读者学习,结构脉络清晰。
⭐本书文字力求简练,达到深入浅出的效果。演练完整实用,涉及实际开发中的各个环节。
⭐针对书中的重点难点,书中在相应位置加入了相关的微课,读者可以扫码观看视频,书网结合的讲解方式,可以更好地帮助读者理解晦涩难懂的知识。

特别说明

说明:
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

模块2 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、Visual Studio、Delphi、SQL Server开发,长期独立为企业、高校开发项目并维护运行。 首届全国教材建设奖全国优秀教材二等奖 主编 主编“十三五”职业教育国家规划教材3部 深圳职业技术学院金课、一流课程《H5跨平台应用开发》负责人 国家级精品资源共享课“大型数据库(SQL Server)”建设团队骨干成员

同系列书

相关图书

单击此处加入人邮大数据教师服务群,共同探讨交流。
人邮微信
本地服务
教师服务
教师服务
读者服务
读者服务
返回顶部
返回顶部