《HTML5跨□台开发实战/高等职业教育计算机类课程MOOC+SPOC教材》是“十二五”职业教育国家规划教材修订版,是□□□□□□部授权讲解小程序技术标准以及如何在***系统中开发小程序实战案例的教材。
《HTML5跨□台开发实战/高等职业教育计算机类课程MOOC+SPOC教材》系统讲述了使用HTML5开发Web应用时如何以简短的代码编写美观的页面,并选取以能力成长为目标的典型案例进行强化训练,包括响应式Web开发、网页钢琴、制作专属头像、开发跨□台刮刮乐应用、连连看、Node.js接口开发、简易购物网的全栈开发、基于Vue的英文应用开发以及***小程序开发等。读者通过学习能够理解Web应用的框架与常用算法,并通过前后台结合的全栈开发灵活处理各类数据与显示。
《HTML5跨□台开发实战/高等职业教育计算机类课程MOOC+SPOC教材》为新形态一体化教材,配套建设了微课视频、电子课件PPT、源程序、项目和案例素材等数字化学习资源。
与《HTML5跨□台开发实战/高等职业教育计算机类课程MOOC+SPOC教材》配套的数字课程在“智慧职教”(www.icve.com.cn)上线,读者可以登录进行学习并下载基本教学资源,详见“智慧职教服务指南”,也可发邮件至编辑邮箱获取相关资源。
《HTML5跨□台开发实战/高等职业教育计算机类课程MOOC+SPOC教材》可作为高职高专及高职本科院校软件技术、移动互联应用、计算机应用、信息管理、大数据、人工智能应用开发等信息类专业的基础教材,也可作为非信息类专业学习网页设计、了解移动应用开发的专业教材,还可作为对智能手机应用感兴趣读者的参考书。
HTML5结束了媒体播放插件的时代,并作为核心标准将Web转变为一个□□□□的媒体□台。它融合了专业的以及用户自行生成的内容,并且可以随时随地在任何设备上与任何人共享。各类技术标准在努力为各类Web应用的开发打造一个开放的Web□台。尽管这个开放Web□台的边界在不断延伸,产业界认为HTML5将是这个□台的核心,□台的能力将依赖于标准化组织W3C及其合作伙伴正在创建的一系列Web技术,包括CSS、SVG、WOFF、语义Web、XML和各类应用编程接口(API),这其中也包含了大量来自中国的创新和智慧,如W3CWeb中文兴趣组下一代移动Web应用(小程序/快应用)、弹幕等方面的标准化工作。
Web应用重点在于提供各种各样丰富的功能,并在随手可得、随时可用、随心所欲方面以简单、直观和即时响应全面□□桌面应用程序。移动应用均为用户主动下载,需要强化“应用开发能力”和“界面设计能力”的培养以完成快速开发和迭代增强用户黏性。作为一个开发Web应用程序的工程师,必须考虑如何让用户花更少的精力和时间去完成业务。Web应用开发工程师在知识和技能体系上不仅要有广度,即熟悉各种框架,还要有深度,即能一针见血地解决问题。作者□014年9月出版《HTML5跨□台开发基础与实战》出版以来,结合近几年Web技术的飞速发展情况和广大读者的反馈意见,进行了全面彻底的更新,编写了本书。编写中与□□□□、腾讯、W3C相关工程师、标准专家进行了深入讨论,尝试由浅入深、由易到难,并结合实战项目将开发技巧和开发、测试、部署工具一体讲解,同时也注重与时俱进选取商业项目,是□□□□□□部授权讲解小程序技术标准及实战案例的教材。
本书通过典型Web应用对实战技能进行讲解,综合各种主流框架和方法,在提高动手与编程能力的同时,锻炼思考分析问题和解决实际问题的能力。本书共9章,具体结构划分如下。
□□部分:学习主流的响应式网站UI框架,Flex(弹性)布局等作为入门基础。通过练习用Bootstrap构建新闻网站,以Bootstrap4提供的1□列基础布局在不同的设备上进行网页的自动缩放排版,并了解主流的Flex布局技术,体验跨□台兼容方案。
第□部分:以Canvas结合ES6语法讲解网页版钢琴、刮刮乐、连连看、专属头像制作等应用的开发。每个案例的核心功能讲解侧重于不同的算法实现,如网页钢琴通过定时器作为算法的关键,制作专属头像使用npm的http-server包启动HTTP服务解决File组件上传引起的安全问题,刮刮乐使用HTTP服务器软件Ngin□□行访问部署,并使用的面向对象方式进行编程操作,连连看通过围绕自定义距离计算算法讲解核心功能。
第3部分:使用Node.js开发服务端API接口并介绍常用的MVVM框架React与Vue。通过npm简化需要编写f的功能代码,通过MySQL包操作MySQL数据库,使用bcrybt算法加密等标准开发常用包详述前后端分离的开发模式。重点讲解使用React与Node.js构建全栈应用,之后详细讲解□□□小程序制作,使用前端技术构建“拥有操作系统原生接口”的应用。
本书在编写时注意对接1+X职业技能等级证书的要求,是面向应用型本科和高等职业院校Web前端应用的标准化教材,对于后续考取高等级职业技能证书有直接帮助。
单元1 响应式Web开发
1.1 引例描述
1.□ 任务陈述
1.3 知识准备
1.3.1 知识点1 响应式布局原理
1.3.□ 知识点□ 使用调试工具
1.3.3 知识点3 模拟设备调试
1.3.4 知识点4 响应式UI框架Bootstrap与Foundation
1.3.5 知识点5 “十二网格”布局
1.3.6 知识点6 Flex(弹性)布局
1.4 任务实施
1.5 单元小结
1.6 单元练习
单元□ 网页钢琴
□.1 引例描述
□.□ 任务陈述
□.3 知识准备
□.3.1 知识点1 注册触发事件
□.3.□ 知识点□ 使用Base64编码播放声音
□.3.3 知识点3Gzip压缩
□.4 任务实施
□.4.1 任务1 样式与结构
□.4.□ 任务□ JS部分
□.5 单元小结
□.6 单元练习
单元3 制作专属头像
3.1 引例描述
3.□ 任务陈述
3.3 知识准备
3.4 画布的使用
3.5 任务实施
3.5.1 效果预览
3.5.□ 结构分析
3.5.3 结构样式部分
3.5.4 JS部分
3.6 单元小结
3.7 单元练习
3.8 代码参考
单元4 开发跨□台刮刮乐应用
4.1 引例描述
4.□ 任务陈述
4.3 知识准备
4.3.1 知识点1 搭建Nginx和测试方法
4.3.□ 知识点□ 控制中奖概率与种子函数
4.3.3 知识点3 应用面向对象的设计思想
4.4 任务实施
4.4.1 任务1 设置蒙板
4.4.□ 任务□ 实现抽奖效果
4.4.3 任务3 在线体验刮刮乐效果
4.5 单元小结
4.6 单元练习
……
单元5 连连看
单元6 Node.js接口开发
单元7 简易购物网的全栈开发
单元8 BuildaTo-DoAppwithVue.js□
单元9 标准化开发□□□小程序——信用卡还款应用
参考文献