《Web前端开发基础》课程标准.docx

Web前端开发基础课程标准1.课程说明Web前端开发基础课程标准课程编码(38238)制 定郝永杰)审 核专业指导委员会批 准( )承当单位计算机信息学院制定日期2018年H月16日) 审核日期2018年11月20日) 批准日期2018年n月28日(1)课程性质：本门课程是信息安全与管理专业的专业基础课 程。(2)课程任务：主要针对网络安全工程师岗位及网络程序员开设，主要任务是培养学生对通过本课程的学习，使学生理解HTML、CSS及JavaScript等基本的理论知识；掌握应用上述理论知识，对含 有病毒脚本文件、Java小程序、恶意程序、网页挂马等网页病毒有 所了解和遏制。(3)课程衔接：在课程设置上，前导课程C语言程序设计， 后续课程有网络渗透技术。2.学习目标(一)总目标Web前端开发基础本课程使学生掌握Web开发技术的基本理 论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和 素质。对浏览器和终端用户的Web浏览安全威胁、Web服务器软件安 全威胁、Web应用程序安全威胁、Web数据安全威胁等Web威胁有所 书和专业实训平台的开发与使用。使教学从单一媒体向多种媒体转 变，教学活动从信息的单向传递向双向交换转变，学生单独学习向合 作学习转变。课程资源开发与利用：包括相关教材、实训指导手册、信息技术 应用、工学结合、网络资源、仿真软件等。产学合作开发实训课程资源，充分利用本行业典型的生产企业的 资源，进行产学合作，建立实习实训基地，满足学生的实习实训，同 时为学生的就业创造机会。(2)师资队伍：教师依据教学大纲中的工程安排和组织教学活动。教师应按照项 目的学习目标编制工程任务书。教师应以学习者为主体设计教学结 构，营造民主、和谐的教学气氛，激发学习者参与教学活动，提高学 习者学习积极性，增强学习者学习信心与成就感。教师应指导学习者 完整地完成工程，并将有关知识、技能与职业道德和情感态度有机融 合。教学应采取工程教学法，以工作任务为出发点来激发学生的学习 兴趣，教学中要注重创设教育情境，采取理论实践一体化教学模式， 要充分利用多媒体和网络教学手段。每个教学工程的完成过程，都是 由明确工程任务一制定工程计划一工程准备工作一实施工程计划一 检查评估一工程总结几个步骤完成。课程负责人要求：具备该课程丰富的教学经验，教学效果良好；熟悉高职高专学生教育教学规律，能够与前、后续课程的负责人进行 良好的沟通。（3）本课程教学使用的教材与教学参考资料：1、Web前端开发精品课HTML CSS JavaScript基础教程.人民邮电出版社.2017。7.编写依据该课程标准是依据信息安全与管理专业调研报告和信息安全与 管理专业的人才培养方案而编写的。通过本课程的学习，使学生具备网络安全工程师、网络程序员的 基本能力。本课程包括：语言结构、实验目的、实验内容、实验拓 扑、实验步骤。学生应首先阅读原理概述和实验目的，了解本实验应 该掌握的知识域和操作技能，再进行实验；实验过程中仔细阅读实验 步骤中的说明，这些内容将很好的展示实验的思路，可以启发学生进 行进一步思考，使学生能更加深刻地理解相关知识。防范。(二)分目标1、知识和技能目标(1) 了解本课程内容在Web开发领域的定位与作用。(2) 了解HTML、CSS及JavaScript技术的开展脉络、趋势及应 用前景。(3)掌握HTML中的基本元素、文字与段落元素、图像元素、列 表元素、表格元素、超链接元素、多媒体元素、框架元素及表单元素 的语法、属性和参数等基础知识。(4)掌握CSS中元素的语法、属性和参数等基础知识。(5) 了解网页布局的几种方法，掌握使用CSS进行网页布局、 样式设计的基础知识。(6)掌握JavaScript中的基本语法知识。2、能力目标(1)具备使用HTML制作包含基本内容的网页的能力。(2)具备使用HTML及CSS等技术来设计网页布局的能力。(3)具备使用JavaScript技术来提高网页交互性、体验性的能 力。(4)具有识别病毒脚本的能力。(5)具有识别Java小程序是否有恶意代码的能力。(6)具备网络渗透的初步知识。3、情感态度目标(1)坚定拥护中国共产党领导和我国社会主义制度，在习近平 新时代中国特色社会主义思想指引下，践行社会主义核心价值观，具 有深厚的爱国情感和中华民族自豪感。(2)崇尚宪法、遵法守纪、崇德向善、老实守信、尊重生命、 热爱劳动，履行道德准那么和行为规范，具有社会责任感和社会参与意 识。(3)具有质量意识、环保意识、安全意识、信息素养、工匠精 神、创新思维。(4)勇于奋斗、乐观向上，具有自我管理能力、职业生涯规划 的意识，有较强的集体意识和团队合作精神。(5)具有健康的体魄、心理和健全的人格，掌握基本运动知识 和一两项运动技能，养成良好的健身与卫生习惯，良好的行为习惯。(6)树立强烈的信息安全意识，增强强烈的社会责任感。3 .课程设计根据信息安全与管理专业人才培养方案的要求，通过本课程的学 习，使学生具备Web程序开发、Web源代码识别、Web防护等能力。 本课程以任务驱动、案例教学为核心，以工程开发为主线，以培养技 术应用型人才为目标，以企业对人才的需要为依据。将基本技术培养 和主流技术相结合，课程设置中突出重点、主辅清楚、结构合理、衔 接紧凑。课程侧重培养学生的实战操作能力，学、思、练相结合，旨 在通过工程实践，增强学生的职业能力，使知识从书本中释放并转化 为专业技术。表1Web前端开发基础学习内容与学时分配序号名称课时数授课环境1基础理论30实验机房2实验与实践30实验机房表2Web前端开发基础总体设计1、基本理论单元（总学时30）学习单 位名称单元目标学时基初级前端开发JavaScript 初级本JavaScript 进阶JavaScript编程精要30理一站式建站系统论企业工程开发H5高级工程开发2、实验与实践单元（总学时30）学习单 位名称单元目标学时实HTML标签、CSS样式30验JavaScript基础语法与AJAX数据交互与JSON数据处理实原型开发与OOP深入应用践DEDECMS开源内容管理系统WEB服务器搭建与运维2D+3D应用+CSS3高级运用+移动触屏事件 t ouch+多媒体技术+地理信息+本地存储+H5 拖拽api+跨域操作+多线程+H5新增js功能4 .教学设计Web前端开发基础是典型的计算机语言类课程，实践大于理 论的课程，总课时为60课时。该课程宜采用“理实一体化”教学模 式，将理论与实践教学紧密结合，在教学过程中运用“教-学-做”一 体化的教学方法，坚持“做中学、做中教“，以提高教学的效率和效 果。将课程主体分为两个局部。基本理论、实验与实践比率为1： 1, 具体分部如下：表3Web前端开发基础学习情境设计工程序号工作任务训练或工教学环境与教学参考名称作工程设计学时1HTML 标能够了解使用PPT,动画、8签、CSSHTML5 基演示、实操说明工程样式础、CSS3OHTML5 基础、CSS3、1初HTML标签、CSS样级前式、企业代码书写端开规范、各个浏览器发（8版本兼容、网站性课能优化，跨终端问时）题处理、PC端整站页面开发、HTML5移动端页面开发。2JavaScri认识使用PPT,动画、8工程pt基础语JavaScrip演示、实操说明2法t基础语法JavaScript 基础JavaO语法、数组Seriobject、pt初function、数据级（8类型和正那么表达课式、ECMASCRIPT时）核心标准、D0M高级操作与实战应用。工程 3Java Seri pt进 阶 （10 课 时）3JavaScript进阶认识 JavaScrip t交互处 理。使用PPT,动画、 演示、实操说明 AJAX数据交互与 JSON数据处理、词 法作用域&高级业 务模块、高级函数 &this&包装对象& 闭包、对象解析与 面向对象开发。10工程4Java Seri pt编 程精 要 （10 课 时）4原型开发与OOP深入应用认识高阶算法。使用PPT,动画、 演示、实操说明原 型开发与OOP深入 应用、高级算法与 数据结构实战应用、ECMA5/6新标 准学习实战、插件 封装原理与框架 开发、高级设计模 式（工厂模式、委 托模式、MV*框架10模式）。工程5 一站式 建站 系统（8课时）5认识一站式建站系统了解DEDECMS 开 源内容管 理系统。使用PPT,动画、 演示、实操说明 DEDECMS开源内容 管理系统、 Wordpress个人博 客管理系统、 DiScuz论坛系统、 ECSH0P商城管理 系统。8工程6企 业项 目开 发（8 课时）6企业工程开发能够熟练 使用WEB服 务器搭建 与运维。使用PPT,动画、 演示、实操说明 WEB服务器搭建与 运维、Photoshop 切片与Iconfont 矢量图标、协作开 发分布式管理 /Git 与 GitHubl 工程重构与维护。8工程7 H5高级7H5高级项目开发了解H5开发与大数据图形处使用PPT,动画、演示、实操说明高级3D应用场景、8工程开发(8课时)理。H5开发与大数据 图形处理、WEBAPP 底层交互设计、 Mobile业务模型 封装、多线程处理 与本地储存。5 .课程考核(1)考核方式：考试试卷为理论考核20%,平时考核10%；实验 考核70%,平时考核包括课堂表现，作业成绩，实训成绩。试题类型 有选择题、程序填空题、程序综合设计题等。(2)考核标准：信息安全与管理专业对应的网络安全工程师职 业能力为培养目标，通过模拟的实验环境，提出一个来自行业或现实 企业的实际问题，在教师的激发和引导下，学生按照自己掌握的知识 和积累的经验，在和同学的合作交流、讨论中，明确任务、确定目标、 分析问题，并在解决问题、完成任务的过程中，使原有的知识、经验 和技能得到进一步的充实、丰富、提升和重构，从而到达巩固和创新 的目的，既提高学生的自主学习能力、社会能力和信息素养，又培养 了主动探索的创造精神，与考取国家网信办CISP职业资格证书相对 接。6 .课程资源(1)硬件要求：信息化教学资源：多媒体课件、网络课程、多媒体素材、电子图