1、HTML5 应用开发课程教学大纲一、 课程基本信息1课程性质：专业必修课2学时学分：周学时4，共64学时，4学分3适用专业：计算机科学与技术、软件工程 4先修课程：程序设计基础、数据结构 二、 课程概况HTML5应用开发是计算机科学与技术专业和软件工程专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖了HTML5基本元素、CSS样式设计与布局、JavaScript脚本编程、Vue.js框架，AJAX和WebSocket通信技术、ECMAScript的一些新语法、本地存储和Canavs绘图，以及具有中国特色的uni-app+uniCloud的跨端解决方案。全面介绍了HTML
2、5 App和uni-app设计与开发的基本操作技术和应用技巧。本课程采用课堂与实践相结合讲授、案例向导的教学方式。三、 课程目标认知目标：通过本课程的学习，使学生掌握常用的HTML5标签、掌握常用的CSS属性、掌握JavaScript的基础语法和DOM编程、掌握Vue.js框架、掌握AJAX通信和WebSocket通信技术、掌握本地存储和Canvas绘图、掌握uni-app和uniCloud框架开发技术。技能目标：通过本课程的学习，使学生熟练掌握使用HTML5标签和CSS样式完成页面的布局和设计、熟练掌握JavaScript编程和调试、熟练使用Vue.js框架完成页面数据绑定、熟练使用AJAX
3、或WebSocket与服务端交互、熟练使用uni-app+uniCloud完成跨平台应用开发。情感目标：通过本课程的学习，使学生在掌握HTML5 App项目开发基本流程的同时，了解最新的设计开发模式，组件开发、云开发等概念，为学生后期团队合作进行真实项目开发做出很好的铺垫。四、 课程内容及学时分布序号教学内容教学重点教学难点课时分配第1章绪论HTML5和uni-app的相关介绍、开发环境的搭建、uni-app项目的创建和发布uni-app项目的创建和发布2学时第2章HTML5页面基础HTML文档基本格式、App开发中的常用标签、表格标签、表单及各种input标签和select标签表单及各种in
4、put标签和select标签4学时第3章CSS样式设计CSS样式规则和各种选择器、常用的一些CSS属性、CSS层叠性和优先级、Chrome调试CSS、CSS动画效果、CSS盒子模型，浮动和定位、响应式布局设计CSS层叠性和优先级、响应式布局设计8学时第4章JavaScript编程基础JavaScript的基础语法、函数、JavaScript的调试、JavaScript的各种内置对象、JavaScript面向对象编程、JavaScript处理JSON数据函数、JavaScript自定义类、6学时第5章 JavaScript交互编程DOM查找、各种DOM操作、DOM样式编程、事件各种DOM操作、样
5、式编程5学时第6章Vue.js框架MVVM模式、数据绑定、事件处理、列表和条件渲染、CSS样式动态绑定、计算属性和侦听器、单文件组件、生命周期钩子列表渲染、单文件组件、生命周期钩子6学时第7章AJAX通信技术HTTP协议、XMLHttpRequest对象、Fetch APIXMLHttpRequest对象的使用4学时第8章WebSocket基础WebSocket协议的API、HBuilderX运行Node.js程序WebSocket协议的API2学时第9章ES新语法字符串模板、箭头函数、Module模块化、Promise期约、async和await箭头函数和Promise期约6学时第10章本地
6、存储localStorage使用、sessionStorage使用、localStorage和sessionStorage的API2学时第11章Canvas绘图Canvas绘制图形、Canvas绘制图片、Canvas坐标变换Canvas绘制图片和坐标变换4学时第12章uni-app框架uni-app项目结构、页面和组件创建、pages.json配置、各种内置组件的使用、生命周期、一些典型的API使用、实现全局变量跨端兼容的实现、Vuex实现状态管理6学时第13章 uniCloud创建和绑定云服务空间、云数据库、JQL语法和云函数使用unicloud-db组件JQL语法和云函数使用5学时第14章
7、综合实例：美食汇uni-app开发技能综合应用4学时五、 教学建议1、充分采用现代教育技术手段。可以在机房授课，教师可采用“现场开发”的方法，可在机器上演示程序的编写和运行，增加学生的感性认识。2、采用任务驱动或问题驱动方法。可先提出问题，根据问题寻找解决方案，从而启迪学生的思维，提高教学效果。3、加强自学能力培养。让学生利用各种途径（图书馆、网络）完成题目，从而培养学生解决问题和资源检索能力。4、加强过程性考核。通过单元测试、实验、讨论、作业等方式及时对学生的表现进行考核。六、 课程考核与评价评定项目由授课教师自行决定，诸如课堂发言、出勤率、作业、单元测验、期末考试等。评定项目要求比例形成性考核由课堂发言、出勤率和课后作业、单元测验等构成30%终结性考核期末试卷主要由选择题、简答题、填空题、判断题和编程题等题型构成。期末考试结束后将每份百分制试卷的成绩乘以70%后，计入总分。70%
