《Web前端框架开发技术》课程教学大纲

1、Web前端框架开发技术课程教学大纲课程编号：课程名称：Web前端框架开发技术英文名称：Technology for the Development of Web Front-end Framework 课程类型：专业课课程要求：选修学时/学分：48/3适用专业：计算机科学与技术一、课程性质与任务“Web前端框架开发技术”是计算机科学与技术以及软件工程相关专业的专业课，为移动互联等应用方向前端界面开发提供了技术基础。本课程旨在使学生了解Web的基础知识和当前Web前端开发的主流技术，掌握Web前端开发的基础理论知识和技术方法，为学生提供相关的工程知识。通过本课程的学习和实践，学生能够采用Web基

2、础知识和当前Web前端开发的主流技术和开发框架进行Web前端应用开发的能力。通过实例的分析和上机实验，培养学生分析Web前端应用需求，设计解决方案的能力。二、课程与其他课程的联系先修课程：Web程序设计、计算机网络等后续课程：Web前端框架开发项目实践本课程的先修课程为本课程提供理论支撑和编程基础，后继课程是本课程的进一步实践与提高。三、课程教学目标1能够熟知HTML和W3C标准，熟悉HTML文件结构，掌握网页制作的基础知识和工具，能够灵活使用基本标签，如链接、表格、表单、列表，框架等进行网页设计（支撑毕业要求3、5）2能够采用Bootstrap框架，使用相关技术进行前端页面设计的能力。（支撑

3、毕业要求3、5）3学生能够具备分析Web前端应用问题并具备决问题的能力，能够设计简单的Web前端项目的解决方案，为今后的进行大型Web工程项目开发奠定坚实基础。（支撑毕业要求1、2、3）四、课程教学内容和要求序号教学内容教学要求要求学时支撑毕业要求指标点1Web应用基础相关技术1Web应用2超文本传输协议3统一资源定位符4C/S模式和B/S模式1能够叙述一些熟知的Web应用2能够正确阐述超文本传输协议（HTTP）的规范3理解统一资源定位符（URL）的含义4能够阐述C/S模式和B/S模式的优缺点以及典型应用432典型Web应用及特点1门户网站2搜索引擎3社交网站4微博5电子商务网站1熟悉门户网站

4、特点及相关技术2能够说出搜索引擎及相关技术3了解社交网站及相关技术4熟悉微博及相关技术5熟悉电子商务网站及相关技术41、23Web前端技术1HTML/xHTML/HTML2JavaScript3CSS4AJAX5HTML51能够采用HTML/xHTML/DHTML相关技术进行简单程序设计2能够使用JavaScript技术进行页面设计3能够采用CSS进行样式设计4掌握AJAX技术的使用5能够使用HTML5进行简单编程834Web前端开发框架1Bootstrap2JQuery UI3Easy UI4Dojo5YUI6JQuery Mobile7Dojo Mobile1能够按Bootstrap框架技

5、术进行简单程序设计2能够使用JQuery UI进行界面设计3具备Easy UI进行界面设计的能力4能够使用Dojo技术进行界面的设计5掌握YUI技术6了解JQuery Mobile技术特点7能够用Dojo Mobile进行程序设计83、55课内上机1Web前端技术通过实际项目，体验Web前端开发的相关几种技术1236课内上机2Web前端开发框架1通过实际项目训练熟悉现有的几种前端框架，对不同应用进行需求分析并设计解决方案设计2能够熟练使用一种开发框架进完成布置任务的Web前端开发123、5五、其他教学环节六、教学方法本课程的教学方法是课堂教学与实践教学并重，结合作业及测验等教学手段和形式完成课

6、程教学任务。在课堂教学中，通过讲授、提问、讨论、演示等教学方法和手段让学生理解Web前端开发技术的相关知识和应用框架。通过上机实践，熟悉和掌握Web前端开发过程和相关框架软件的应用。在作业和测验教学环节中，通过启发式教学、讨论式教学培养学生运用Web开发思维分析问题和解决问题的能力。培养学生自主学习能力、与其他同学合作解决问题的能力，激发学生的创新思维。七、考核及成绩评定方式本课程的最终成绩由平时课堂表现成绩、课后作业成绩和综合大作业成绩组合而成。各部分所占比例和考核内容如下：平时成绩：课堂讨论回答问题情况，自己独立解决问题情况，占10%；课后作业成绩：课后作业完成情况占30% ；综合大作业成绩：综合大作业包括软件工程过程是否清晰，文档规范，综合运用所学知识分析问题、解决问题的能力考查，占50% 。八、教材及教学参考书1教材：1 陈恒HTML+CSS+JavaScript网页设计清华大学出版社，20162参考书目：1Brian Phogan HTML5和CSS3实例教程李杰等译人民邮电出版社，201