Web前端开发（初级）（上册）-教学大纲、授课计划

《Web前端开发（初级)（上册）》教学大纲课程信息课程名称：Web前端开发（初级)（上册）课程类别：素质选修课/专业基础课课程性质：选修/必修计划学时：64计划学分：4先修课程：无选用教材：《Web前端开发（初级)（上册）》，工业和信息化部教育与考试中心主编，2019年，电子工业出版社。适用专业：本课程可用于1+X证书制度试点工作中的Web前端开发职业技能等级证书的教学和培训，也可以作为期望从事Web前端开发职业的应届毕业生和社会在职人员的自学参考课程。课程负责人：二、课程简介本课程以《Web前端开发职业技能等级标准》（初级）为编写依据，分上、下两册，包括Web页面制作基础、JavaScript程序设计、HTMLS和CSS3开发基础与应用、轻量级框架应用四篇，分别对应《Web前端开发职业技能等级标准》（初级）涉及的四门核心课程：“Web页面制作基础”“JavaScript程序设计”“HTMLS开发基础与应用”“轻量级前端框架”。三、课程教学要求序号专业毕业要求课程教学要求关联程度1工程知识Web页面制作基础、JavaScript程序设计、HTMLS和CSS3开发基础与应用、轻量级框架应用H2问题分析随着移动互联网技术的高速发展，网站在静态页面的基础上添加了各类桌面软件，网页不再只是承载单一的文字和图片，而是要求具备炫酷的页面交互、跨终端的适配兼容功能，使用富媒体让网页内容更加生动，从而让用户有更好的使用体验，这些都基于前端技术来实现，其中包括HTML、CSS、HTML5、CSS3、AJAX、JavaScript、jQuery等，使得无论是在开发难度上还是在开发方式上，都对前端开发人员提出了越来越高的要求。H3设计/开发解决方案以《Web前端开发职业技能等级标准》中的职业素养和岗位技术技能为重点培养目标，以专业技能为模块，以工作任务为驱动进行组织编写，使学生对Web前端开发的技术体系有更系统、更清晰的认识。H4研究L5使用现代工具L6工程与社会学会将相应的技术应用于实际生产和社会服务中，为社会做出贡献。H7环境和可持续发展L8职业规范L9个人和团队1.学会个人发展和团队合作，提高个人和团队的综合素质。2.学会与他人合作和沟通，建立良好的人际关系和团队合作氛围。M10沟通学会礼貌且有效的沟通和表达，与客户、同事和上级保持良好的沟通和协作。H11项目管理L12终身学习1.学会进行自我学习和自我提升，不断提高自身的专业水平和创新能力。2.学会进行终身学习和职业发展规划，不断拓展职业领域和发展空间。H注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。四、课程教学内容章节名称主要内容重难点关键词学时类型1Web简介Web的诞生Web的相关概念Web开发了解Web的由来以及其与Internet之间的关系；了解Web的相关概念，包括WWW、Website、URL、WebStandard、WebBrowser、WebServer。8理论+实践2HTML基础HTML概述HTML的全局属性HTML的元素HTML的预留字符了解HTML的历史；精通HTML的结构；精通HTML的元素和属性。12理论+实践3CSS基础什么是CSSCSS的历史CSS样式单的使用方式CSS的两个特性CSS的基本语法CSS的选择器CSS的属性CSS盒模型布局属性了解CSS的历史；精通CSS的语法和两个特性；精通CSS的选择器和属性。18理论+实践4JavaScript语法基础JavaScript的历史JavaScript的基础知识分支循环数组字符串操作正则表达式对象函数掌握JavaScript的基本语法，以及各种数据类型的判别和变换；掌握JavaScript的流程控制语句。8理论+实践5JavaScript对象模型BOM对象BOM操作DOM对象DOM操作掌握JavaScript的BOM对象；掌握JavaScript的BOM操作；掌握JavaScript的DOM对象；掌握JavaScript的DOM操作。8理论+实践6JavaScript事件处理事件介绍窗口事件鼠标事件键盘事件事件冒泡与捕获掌握JavaScript事件处理，包括窗口事件、鼠标事件、键盘事件等。掌握JavaScript事件冒泡与捕获。10理论+实践五、考核要求及成绩评定序号成绩类别考核方式考核要求权重（%）备注1期末成绩期末考试考试50百分制，60分为及格2平时成绩课后作业6次40优、良、中、及格、不及格3平时表现出勤情况10两次未参加课程则无法获得学分注：此表中内容为该课程的全部考核方式及其相关信息。六、学生学习建议学习方法建议1.通过开展课堂讨论、实践活动，增强的团队交流能力，学会如何与他人合作、沟通、协调等等。2.通过思考，加深自己的兴趣，巩固知识点。3.进行练习和实践，提高自己的技能和应用能力，加深对知识的理解和记忆。（二）学生课外阅读参考资料《Web前端开发（初级)（上册）》，工业和信息化部教育与考试中心主编，2019年，电子工业出版社。课程改革与建设1．内容全面，由浅入深依据打造初级Web前端工程师规划学习路径，详细介绍了Web前端开发中涉及的四大前端技术的内容和技巧，并重点讲解了学习过程中难以理解和掌握的知识点，降低了学生的学习难度。2．理论和实践相结合配有一定数量的实用案例，同时在全面、系统介绍各章知识内容的基础上，还提供了可以整合综合知识的案例。通过各种案例将理论知识和实践结合起来。平时对学生的考核内容包括出勤情况、学生的学习成果、课堂讨论等方面，占期末总评的50%。期末考试成绩占期末总评的50%。制订人签字：教研室主任签字：院部负责人签字：修订时间：年月日教学日历（20xx～20xx学年第x学期）开课学院开课专业讲授学时32课程名称Web前端开发（初级)（上册）授课教师实践/实验学时32授课年级授课班级总学时64使用教材《Web前端开发（初级)（上册）》参考书目《Web前端开发（初级)（上册）》校历周次授课内容分章节题目第1周第1章Web简介（4学时）1.1Web的诞生（2学时）1.2Web的相关概念（2学时）第2周第1章Web简介（4学时）1.3Web开发（4学时）第3周第2章HTML基础（4学时）2.1HTML概述（2学时）2.2HTML的全局属性（2学时）第4周第2章HTML基础（4学时）2.3HTML的元（4学时）第5周第2章HTML基础（4学时）2.4HTML的预留字符（4学时）第6周第3章CSS基础（4学时）3.1什么是CSS（2学时）3.2CSS的历史（2学时）第7周第3章CSS基础（4学时）3.3CSS样式单的使用方式（2学时）3.4CSS的两个特性（2学时）第8周第3章CSS基础（4学时）3.5CSS的基本语法（2学时）3.6CSS的选择器（2学时）第9周第3章CSS基础（4学时）3.7CSS的属性（2学时）3.8CSS盒模型（2学时）第10周第3章CSS基础3.9布局属性（2学时）第4章JavaScript语法基础4.1JavaScript的历史（1学时）4.2JavaScript的基础知识（1学时）第11周第4章JavaScript语法基础（4学时）4.3分支循环（1学时）4.4数组（1学时）4.5字符串操作（1学时）

4.6正则表达式（1学时）第12周第4章JavaScript语法基础4.7对象（1学时）4.8函数（1学时）第5章JavaScript对象模型5.1BOM对象（2学时）第13周第5章JavaScript对象模型（4学时）5.2BOM操作（2学时）5.3DOM对