随着互联网+时代的到来，我国互联网行业发展迅猛，增加了对设计制作、网站开发等方面人才需求，Web前端开发是通过HTML、网页设计与布局等技术制定网站风格，提高用户体验。随着互联网行业发展，网站岗位不断细化，《Web前端开发》课程作为培养网页制作、设计等方面人才的重点课程，在软件开发相关专业中的位置也越来越重要。2018年，国务院印发的《国家职业教育改革实施方案》（简称“职教20条”）要求，在高职院校和应用型本科院校中推行“学历证书+若干职业技能等级证书”制度，1+X证书制度的提出，也加大了对Web前端开发人才的专业化需求，要求院校培养出更多复合型人才，而国内许多院校当前未设置完善的Web前端课程体系，仅涉及专业其方向也较为模糊，因此结合《Web前端开发职业技能等级标准》和web前端职业证书的考试要求对我院的《web前端开发》课程进行教学体系的研究，意义重大，可以推动人才发展，提高我院毕业生在互联网行业的竞争力。
　　前端开发技术是提高网页开发质量和开发效率的关键因素，因此，以Web前端开发课程代替初级的网页制作课程成为必然;从网页制作课程转变为Web前端开发课程，并不是一次简单的课程变化，而是一次质的飞跃，需要教师紧跟技术进步的脚步，不断完善教学内容，在实践中积累经验，探索出一种基于1+X证书制度的新的教学模式，使培养出来的学生符合社会的实际需要，具有创新思维和较强的实践能力，成为这个领域的人才。针对web前端开发的技术要求，如何与院校做好衔接，我们主要从如下几个方面进行研究：
　　1）明确目标，精准定位，以工信部发布的《Web前端开发职业技能等级标准》为依据，该标准由1+X证书培训评价组织——工业和信息化部教育与考试中心编订，主要针对证书培训与考核。研究时要以《Web前端开发职业技能等级标准》做为Web前端开发课程相关专业课程体系重构的思路和素材。由于本课题只针对我院软件工程专业中的《web前端开发》这一门课展开的研究，这门课在我院开设在大一，所以学生考级的目标为Web前端开发职业技能等级证书中的初级，那么本课题研究参照的是标准也是《Web前端开发职业技能等级标准》中的初级，目标是让学生对web前端开发行业和1+X证书有初步了解，并作为第三学期开设的《web数据库开发》这门课程的前继课程，与《web数据库开发》这门课程做好衔接，最终引领我院学生完成中级或者高级资格证书的考试，并取得相应的资格证书，与《web数据库开发》课程形成课程群。
　　2）借助传智博客平台进行开展线上和线下相结合的教学模式，对课程内容进行模块化分解，并录制相应的模块化的教学视频，方便学生课前预习、课后复习、知识的扩展，坚持坚持以学生为主题的教学模式。
　　主要研究内容和方法：
　　1）构建Web前端课程矩阵：课程矩阵开发组可围绕Web前端开发职业技能等级证书
　　标准，针对HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用等5项技术技能，结合Web前端技术体系，并从行业基础、前端核心技术、前端框架、移动端开发、前端工程化以及Web全栈技术等6个方面进行综合分析，最后，根据能力标准与知识要求开发、设置用于支撑技术能力和知识要求的课程。从而形成Web前端开发核心课程矩阵。
　　2）加强独立实训教学内容：在实践教学体系中，充分利用独立本门课的30课时的独立
　　实训，将Web前端职业技能证书融入到独立实训教学内容中，完善独立实训的教学大纲，充分利用独立实训集中和强化训练的特点，完善和提高学生的操作技能。如，在独立实训环节中，训练学生响应式网站设计、HTML+CSS项目等，以此加强学生实训能力，顺利考下证书。
　　3）借助传智播客网络平台开展线上教学和线下教学相结合的模式，根据web前端课程的教学大纲和构建的web前端课程矩阵，将考核的知识点分成若干个模块，然后针对各模块进行讲授，并录制质量高的可视化教学资源，例如图片、视频、动画、特效、在线工具等，方便学生提前预习，课后复习和知识的擴展。建立课程题库，作为课后学生的巩固练习，加强学生的专业知识环节的训练，并在传直播客平台上按照课程的进度发布作业。充分发挥学生的学习自主性，同时兼顾教师的监控性。
　　河北科技学院