《H5跨平台应用开发》教学大纲
学    分:4
学    时:64
适用专业:软件技术专业
一、课程的性质与任务
课程的性质:针对计算机软件类相关专业学生的专业核心课。
课程的任务:通过本课程的学习,学生应能掌握H5相关技术,能进行移动端及PC端网页布局设计、APP前端界面设计。
二、教学基本要求
通过本课程的学习,学生应达到下列基本要求:
掌握HTML5核心要点。
熟练运用CSS进行布局。
熟练运用JavaScript进行前端页面设计方面的编程。
通过学习Swiper插件领会其他插件的用法。
通过学习jQuery框架领会其他框架的用法。
通过学习JSON理解后台数据。
综合运用进行网页布局设计。
通过学习HBuilder熟悉开发移动App的流程(可选)。
三、教学条件
机房上课,每个学生有一台电脑。
投影仪等多媒体教学设备。
安装软件:Sublime Text、Chrome、HBuilder、海马玩模拟器、Edge浏览器。
四、教学内容
html的flex布局
序号
单元
主要内容
1
开发环境及JavaScript篇
了解HTML5前端开发相关技术。
掌握Sublime Text的安装、配置、使用。
学会安装和使用Sublime Text插件。
掌握使用Sublime Text创建一个包含HTML、CSS、JavaScript构成的html文件。
初步学习使用Chrome浏览器调试观察HTML页面。
掌握前端开发所需JavaScript必备知识。
2
HTML篇
熟练掌握HTML常用元素的使用。
通过JavaScript熟练设置、获取HTML元素的值。
熟练掌握Web存储机制。
3
CSS篇
熟练使用CSS的几种方式。
熟练使用CSS选择器。
熟练使用CSS常用属性。
熟悉BOX模型。
熟练掌握position、float、flex布局。
熟练掌握overflow属性。
熟练掌握JavaScript操作CSS样式。
了解CSS的2D、3D变换及动画。
4
移动前端实战篇
通过设计移动端购物系统的常见页面,提高综合运用HTML5进行前端开发的能力。
5
Swiper插件篇
熟练使用Swipper插件。
熟练使用Swiper Animate实现动画场景。
通过对Swipper插件的学习提高自学能力,能根据项目或公司的需要学习并使用其他插件。
6
JSON数据篇
熟练掌握JSON数据的格式以及各种变化组合。
熟练掌握如何操作JSON数据。
熟练掌握JSON类型和字符串类型之间的数据转换。
掌握JSON在线解析工具。
熟练使用JSON表示对象。
熟练读取JSON数据。
7
JQuery框架篇
熟练掌握jQuery框架的使用方法和常用功能。
通过jQuery框架的学习,提高自学能力,能根据项目或企业的需要学习并使用其他框架。
熟练掌握jQuery Ajax。
8
移动App开发篇
掌握Hbuilder安装及使用。
掌握海马玩模拟器安装及使用。
掌握在Hbuilder下开发移动App的流程。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。