中国海洋大学本科生课程大纲
课程名称 | 移动web开发技术基础 | ||||
Fundamentals of Mobile Web Development Technology | |||||
课程代码 | 008501101087 | 责任教师 | 刘鹏 | ||
课程属性 | 公共基础 | 课程性质 | 必修 | ||
学分 | 4 | 总课时 | 80 | ||
理论课时 | 48 | 实践课时 | 32 | 课外学时 | 32 |
一、课程介绍
课程描述（中英文）：
现今阶段移动互联网飞速发展，手机与移动应用正在人们生活中的扮演越来越重要的角色。HTML5、CSS、JAVASCRIPT作为移动应用开发的重要技术手段,也是网站前端开发的主要技术工具。本课程内容主要涉及HTML、CSS、JavaScript。作为非计算机专业公共基础课程，是一门理论和实践紧密结合的实用课程，内容包括HTML、CSS网页设计、JavaScript程序设计、AJAX编程、HTML5新技术及HTML5 API。使学生掌握网站前端开发技术和开发移动应用的基本原则、方法和步骤，从而使学生具有扎实的Web开发理论基础和较强的实践动手开发能力。本课程的主要目的是使学生掌握Web开发技术，具备JavaScript和HTML5语言的编程能力。
At present, with the rapid development of mobile web, mobile phones and applications are playing an increasingly important role in people's lives. HTML5, CSS, and JavaScript are important technical tools for mobile application development. The content of this course mainly involves HTML, CSS, and JavaScript. As a public basic course, it is a practical course that closely combines theory and practice, including HTML, CSS web design, JavaScript programming, AJAX programming, HTML5 new technologies, and HTML5 API. Through course learning, students will master the basic principles, methods, and steps of website front-end development technology and mobile application development, thus enabling students to have a solid theoretical foundation in web development and strong practical development capabilities. The main goal of this course is to enable students to master web development techniques and possess programming skills in JavaScript and HTML5 languages.
设计思路：
课程作为非计算机专业公共基础课程，面对的是零基础的学生，因此在课程的设计思路上从计算机的基本原理、静态网页设计开始讲授，循序渐进地讲到移动应用开发，通过一学期48学时理论课学习+32学时上机课的实践，使学生掌握Web开发技术，具备JavaScript和HTML5语言的编程能力。
课程内容主要包括三个模块：静态网页设计（html、css）、JavaScript程序设计、移动应用开发。
课程与其他课程的关系：
零基础，无需先修课程。
二、课程目标
本课程的目标是培养学生的计算思维，使学生掌握Web开发技术，具备JavaScript和HTML5语言的编程能力。具体目标如下：
（1）了解计算机内部数制及信息表示原理。
（2）了解网络基础知识，掌握网络基本应用及网络信息的获取方法
（3）理解Web工作原理。
（4）熟练掌握超文本标记语言HTML文档的结构、常用文档元素的含义和基本使用方法。
（5）理解样式表语言CSS的基本概念和作用，掌握CSS的基本语法和使用方法，掌握CSS网页布局方法。
（6）掌握脚本语言JavaScript的基本概念和语法，理解程序设计和算法原理，掌握JavaScript对常用HTML文档元素的操作方法；理解文档对象模型DOM的基本概念和作用。
（7）了解HTML5新标签、HTML5 API及使用HTML5 API进行移动应用开发的方法。
三、学习要求
移动WEB开发技术基础是一门实践性较强的课程，本课程的主要目的是使学生了解Web开发技术，具备HTML5语言的编程能力，要达到目标，学生必须：
（1）按时上课,上课认真听讲，积极参与课堂讨论、随堂练习和测试。本课程将包含较多的随堂练习、讨论等课堂活动，课堂表现和出勤率是成绩考核的组成部分。
（2）按时完成常规作业。学习程序设计编程实践是必不可少的，编程作业要求学生电子版代码形式提交，只有按时提交作业，才能掌握课程所要求的内容。
四、教学进度
内容顺序 | 主题 | 计划 课时 | 主要内容概述 | 思政点 |
1. 绪论 | 计算机基础 | 4 | 课程介绍、计算机系统、数制、编码、多媒体信息表示、操作系统 | |
2. html | html基础 | 2 | 浏览器工作原理、网页设计原则、使用html标签编辑网页 | |
3. CSS | Css网页设计 | 4 | CSS基础、 CSS 选择器（通过小案例演示使学生理解）、 定义网页和元素的样式、CSS布局（重点介绍DIV+CSS布局）、CSS3的新技术（通过小案例演示包括阴影、动画等）+综合案例讲解演示CSS布局过程，使学生清楚掌握CSS技术 | |
4.JavaScript基础与核心语法 | Js语言概述、核心语法、编辑与调试工具 | 4 | Js语言的发展历程、主要特点； 数据类型、值、变量、注释、运算符、表达式和常用语句等； Js编辑器的介绍及浏览器的调试功能 | |
5. 函数与算法 | 自定义函数 | 1 | 函数的定义及调用方法 | |
内置函数 | 2 | 内置函数的调用方法 | ||
常见算法 | 2 | 基本概念、基本特征、基本方法及案例（列举法、归纳法、递推、递归）、算法复杂度 | ||
6. JavaScript面向对象程序设计 | JavaScript面向对象程序设计思想 | 2 | 对象的定义、js对象模型、创建对象的方法 | |
内置对象 | 3 | JavaScript的内置对象框架、基类Object、Date对象、String对象、Array对象、Math对象 | ||
7.BOM对象与DOM对象 | DOM编程与浏览器对象模型 | 3 | HTML DOM框架、 document 对象、 DOM对象的属性、 DOM对象的方法、浏览器对象模型 | |
8. 事件驱动编程 | JS事件处理 | 2 | JavaScript事件的基本概念、HTML事件、干预系统的事件处理机制 | |
9. JavaScript表单编程 | 使用JavaScript访问和操作表单 | 3 | 使用JavaScript访问和操作表单元素、操作表单 | |
10. 正则表达式 | 正则表达式 | 2 | 正则表达式定义、元字符、常用正则表达式 | |
11.Html5与CSS JS编程 | Html5与JS操作 CSS | 4 | HTML5的新标签、 HTML5拖放功能、 无插件播放多媒体、 获取浏览器的地理位置信息、JavaScript CSS编程 | 介绍W3C 中国推出的HTML5+ 规范： （1）HTML5+规范是一个开放规范，允许三方浏览器厂商或其他手机runtime 制造商实现。 （2）HTML5+扩展了JavaScript 对象plus，使得JavaScript可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。 |
12. Ajax | Ajax编程基础 | 2 | Ajax定义、创建XMLHttpRequest对象、发送HTTP请求、从服务器接收数据 | |
13.Html5+移动应用开发 | Html5+移动开发原理及编程实例 | 4 | HTML5+与HTML5 API、使用HTML5 API开发移动应用实例 | 1.H5开发，介绍并使用国产IDE —— HBuilder，讲解其特性，并与国外同类产品对比。 2.APP开发部分，讲解语音识别案例，通过学生亲自体会科大讯飞的语音识别引擎的准确度并介绍其在各移动场景中的应用，增加学生的民族自豪感。 |
14.网络基础 | 计算机网络及应用工作原理基础 | 3 | 计算机网络工作原理、体系结构、IP协议、域名服务、www服务等 |
五、参考教材与主要参考书
[1]《新手学JavaScript编程》（第4版），John Pollock，清华大学出版社，2014.06
[2]《JavaScript前端开发实用技术教程》，岳学军，人民邮电出版社，2014.9
[3]《HTML5程序设计》,Peter Lubbers等，人民邮电出版社，2012.5
[4]《HTML5与CSS3权威指南（第2版）》，陆凌牛，机械工业出版社，2013.3
六、成绩评定
（一）考核方式A ：A.闭卷考试 B.开卷考试 C.论文 D.考查 E.其他
（二）成绩综合评分体系：
成绩综合评分体系 | 比例% |
1.作业及平时表现 | 20% |
2.上机考试 | 25% |
3.期末考试 | 55% |
总计 | 100% |
附：上机作业及考试评分标准
作业的评分标准 | 得分 |
1. 严格实现作业要求并及时上交，算法清晰，程序结构清楚明白，代码正确。 | 90-100分 |
2. 基本实现作业要求并及时上交，代码正确，运行能得到指定结果或部分指定结果。 | 80-90分 |
3. 基本实现作业要求并及时上交，能运行或有小错误没有改正，书写或结构不完全符合要求 | 60-80 |
3. 不能完全实现作业要求，代码有错，程序无法运行或不能得到正确结果 | 40-60分 |
七、学术诚信
学习成果不能造假，如考试作弊、盗取他人学习成果、一份报告用于不同的课程、使用AI平台等，均属造假行为。他人的想法、说法和意见如不注明出处按盗用论处。本课程如有发现上述不良行为，将按学校有关规定取消本课程的学习成绩。
八、大纲审核
教学院长： 院学术委员会签章：