web前端开发学习-学习web前端开发的需要哪些条件

SCI论文 （）：

【摘要】以“Web前端开发导论”为例，从课程标准、教学内容、教学模式、评价方法等方面介绍在线开放课程的探索实践。

【关键词】在线公开课、Web前端开发介绍、教学改革、混合式教学

一、课程建构的背景

2019年，上海市教委启动职业院校在线公开课建设，以精品课程建设为基础，优化课程标准和教学评价体系设计，完善和整合线上资源，与教学实际需求相匹配、融合。凝聚提炼经典教学实录和教学案例，发挥优质职业教育教学资源的辐射功能，促进信息技术与教育教学深度融合，促进优质教育资源应用共享。

查看大图

我校于2019年报考了“Web前端开发导论”在线公开课，并于2020年正式批准该项目。本课程是中等职业学校网站建设与管理的专业核心课程，其功能是使学生掌握使用HTML5+CSS3进行网页制作的基本知识和基本技能，是一门基础性、实用性强的专业课程。在互联网+和新兴技术不断发展的背景下，Web前端开发人才供不应求，从招聘网站的需求可以看出市场供应严重失衡，2019年教育部等四部委启动了1+X证书试点工作， 工业和信息化部Web前端开发职业技能等级证书成为首批试点培训评估机构和职业技能等级证书，1+X证书体系与Web前端开发技术课程的融合势在必行。

二、课程建设目标

重新梳理课程内容和任务要求，建立一套系统完整的课程标准，拓展和整合优质课程资源，优化教学模式，完善评价机制，真正实现“课程证书融合”web前端开发学习，全面推进Web前端开发课程规范化教学。

三、课程建设面临的问题

（1）教学内容滞后

Web前端开发技术迭代更新速度快，一线教师普遍缺乏企业实践经验，目前行业采用的开发技术并不熟悉，教学内容基本以教材为主，导致学生学的东西与市场需求脱节，无法满足企业的需求。

（2）教学模式保守

在教学中

过程中，教师仍然习惯于教学和示范的方式，学生处于被动接受状态，往往只知道新知识的原因，学习的主动性和积极性受到抑制，教学效果不佳。

（3）评价方法片面

过分注重对学生技能掌握情况和知识点的结果导向评价，强调学习效果，弱化过程评价、态度评价和能力评价，不利于学生综合素养的塑造，也违背了学生全面发展的初衷。

（4）单一的教学资源

教学资源以文献内容为主，对知识和技能点的讲解较为抽象，不直观生动，不利于学生理解。

四、课程建设思路

本课程以OBE结果为导向为指导思想，聚焦“文化素质+职业技能”的培养方向，采取项目驱动、任务主导、讲座、实践、技能培训一体化的教学。

（一）细化课程标准实施

根据行业内相关岗位的技能要求，参考网页前端1+X初级和中级课程内容，结合行业专家和课程专家的意见和建议，完成本课程课程标准的制定。

（2）优化调整教学内容

将企业实践项目引入课堂，以典型工作任务为知识载体，构建教学内容，使学生的能力更符合岗位要求。

（三）改革创新教学模式教师

的角色已经从灌输知识和守护者转变为学生学习活动的组织者、参与者和分享者，在这个学习过程中，教师以学生为导向，因学而教。

（四）丰富和完善评价方法

根据

课程标准详细评分标准，做到每节课涉及的知识、技能点全覆盖，在此基础上增加专业素质的评价维度，同时注重过程评价，引入多个评价科目，保证评价的科学、客观、公正，使评价成为学生了解自我的手段， 自我发展，自我管理，激励自我，促进学生全面可持续发展。

查看大图

（5）整合开发优质资源

根据教学内容中的关键点和难点，根据学生的

认知规律和兴趣特征，将抽象的知识内容转化为形象的展示，使知识通俗易懂，吸引学生的学习兴趣。根据教学内容需要，整理补充微课、多媒体课件、动画、视频等教材。根据知识点开发配套的测试练习题，为学生提供课前、课中、课后的学习测试和评估服务。

五、课程建设成果

（1）“课后竞赛证书”四合一，重构教学内容

本课程以专业能力和岗位要求为核心web前端开发学习，以世界Web前端开发技能大赛技术文档和1+X Web前端开发证书专业标准为基础，改革课程标准，优化课程内容[1]，重构内容涵盖Web内容的创建、网页的基本美化、 网页的基本布局、CSS3变形和动画的应用、CSS3新布局方法的应用和响应式页面的开发6个部分。

课程内容的组织颠覆了传统知识结构体系的衔接，而是以Web前端开发的典型工作项目为主线，将知识点分散到每个任务中，使学生在完成工作任务的过程中逐步加深对专业知识和技能的理解和应用，培养学生的综合职业能力， 满足学生职业发展的需要[2]。

本课程分为基础和高级部分，通过基础项目——“英语培训网站开发”的学习，学生可以满足1+X Web前端开发证书初级HTML+CSS3部分的职业能力要求。

通过高级项目“引导

开发工业设备企业主页“，学生可以满足1+X Web前端开发证书的中级要求，使用Bootstrap前端框架开发响应式页面。

（2）线上线下混合教学突出学生主体地位，促进深度学习有效

教师利用在线平台，发布学习材料和支持测试题，供学生在课前预览。 学生通过在线预览对新知识有了基本的了解，这也为离线课堂学习铺平了道路。同时，教师可以根据平台收集的学生数据收集的常见问题，及时调整教学计划，使课堂教学更有针对性。

在线下课堂教学中，教师对学生预览环节出现的常见问题进行深入讲解，并以项目任务为载体，组织学生巩固和灵活应用在线学到的基础知识。在教学实施过程中，教师不再是课堂的主体，而是扮演着组织者和引导者的角色，通过营造情境、巧妙设置疑点、适当调配，充分调动学生的主观能动性，鼓励学生利用课程资源包完成知识点的自主学习，试图通过小组讨论解决任务中的难点， 同伴互助，通过展示、交流、评论等方式相互学习，潜移默化地提高学生的探究性学习能力、团队合作能力、沟通能力、表达能力。

课后，学生根据老师发布的作业和扩展材料进一步思考、巩固、拓展和提高知识。同时，学生可以在线分享他们的学习经验和学习经验。此外，教师可以通过在线平台深入挖掘学生的学习情况，掌握学生在线学习的访问内容和频率、学习路径、学习偏好等。结合分析结果，进行有针对性的学习指导和监督，对有学习困难的学生进行个别辅导。

通过线上线下，课前、课中、课后有效融合，形成学习闭环，提升教学效果 [3-4] 。

（3）采用多维度、多样化的评价方式，通过评价实现教与学的提升

1. 细化评价标准

课程任务的评价是指世界技能大赛1+X Web前端开发水平考试和“网站设计开发”项目的评价标准，根据课程任务涉及的知识和技能点设置相应的评分项目，实现全覆盖无遗漏。清晰细致的评价标准使教师能够对每个学生进行合理的依据和一致的标准评价，学生可以根据评价表清楚地了解自己对本课学习内容的掌握情况，从而更有针对性地检查和补缺。

除了评估学生的知识和技能外，课程评估计划还引入了专业素养的评分项目。检查学生的代码命名是否规范，结构是否清晰，是否可以添加适当的注释，代码是否符合W3C标准，让学生从一开始就养成编码规范的习惯，从而促进学生的全面可持续发展。

2. 评价科目的多样化

课程实行以教师为主导、以学生为本的教学理念。除了以教师作为权威评价的主体外，充分发挥学生的主观能动性，鼓励学生积极参与自我评价和同伴评价的过程，引导他们反思和总结学习过程中的不足，明确工作方向，提高学习效率。

3. 引入信息技术，促进过程评估

在

在线公开课平台的技术优势，评价贯穿于课前、课中、课后教学活动的各个环节。 课前记录学生的视频观看时间和备考成绩，统计学生课堂出勤和课堂互动情况，统计学生课后作业提交和扩展资源查看情况。通过后台生成的准确数据，第一时间掌握学生的学习情况，从而以[5]为依据进行过程评价。

（四）教学资源的整合与联动

课程拥有丰富的教学资源，

包括一整套标准化的顶级课程文件（课程标准、教学计划、评价计划、教学流程）、18节课文、10部教学视频、7份教学辅助资料、411媒体资源、161个题库、7套评估测试。

6. 课程实施的有效性

（一）以课程建设为抓手，构建“三教”改革生态

在课程建设上，以“双向双融合”为主，校企两校教师相互聘用，提高教师能力，形成结构化的师资队伍。课程内容设计符合行业标准，1+X证书标准、技能竞赛标准，校企联合打造的“学校课程+企业课程”数字资源包;课程实施泛在PBL、翻转课堂、线上线下混合教学模式，构建以能力为核心的“动态多元”课程评价体系，推进“行动型教学法”改革[6]。

（2）课程资源助长学生“碎片化”学习

在

2020学年下学期，18名网站建设与管理专业学生开展线上公开课，与传统的学习方式相比，线上平台打破了时间和空间的限制，学生可以随时随地通过线上平台获取丰富的课程资源，从而进行“碎片化”的学习， 并根据个人情况，巩固和加强重点和难点，提高学生的学习热情。

（3）线上平台加强师生沟通，实现精准教学通过在线测试、在线

辅导、互动讨论、在线

作业提交和批改、在线社区讨论等，促进了师生之间、学生之间的资源共享、问题交流和协作。

平台跟踪记录学生的学习过程、学习内容、学习效果、

学习全程反馈，把握每个学生的学习行为，利用大数据分析诊断产生的图形化、可视化分析结果，让教师清晰了解学生的薄弱环节，从而开出合适的药方，最大限度地提高教学效率。

（四）加大单元考核力度，整合1+X考核标准，促进“1”与“X”有机衔接除了传统的期中和期末考核外，

课程还增加了阶段性单元考核作为学生过程考核的重要组成部分，单元考核的内容、形式和评分标准参照1+X Web级证书的要求，从而促进“1”与“X”的有机衔接，提高学生的职业能力。

7. 对建设的反思

（一）建立激励机制，加强指导和管理。

在“Web前端开发导论”课程的教学过程中，项目驱动、任务载体的教学模式将知识融入项目，改变了过去学科化的知识转移模式，对学生的主观能动性提出了更高的要求，中职学生在自主学习兴趣和能力上存在差异。

（2）紧跟行业动态，及时更新课程内容

Web前端开发技术迭代更新速度快，几乎每6个月就会有一次变化，这就要求教师跟上行业趋势，不断学习新技术，并根据岗位要求及时优化和调整课程内容，让学生在课堂上学习前沿实用的知识和技能， 为未来的就业奠定坚实的基础。

（三）进一步优化丰富课程资源

虽然课程资源建设已初见成效，但题库、试卷库、媒体库等资源仍需进一步优化和丰富，提高微课、动漫资源比例，增加趣味性，降低知识理解难度。

引用：

[1] 张莉.1+X证书体系与Web前端课程教学融合的创新探索[J].计算机知识与技术，2021（17）：90-92

[2] 张春雨，孙柏虎，梁英武，耿敏，李国庆.精品在线开放课程建设的探索与实践——以吉林省生物化学优秀在线开放课程为例[N].石家庄职业技术学院学报，2021（33）：17-21.

[3] 李振琪， 王朝阳.线上线下融合混合教学模式探索——基于“智慧学习伴侣”平台的课堂教学结构改革[J].中国教育信息化，2021（13）：82-87.

[4]赵岩， 吴丽， 周玉珍， 杜娟， 卢伟， 邓晓龙， 徐若波.全国优秀在线开放课程编排的混合教学改革[J].计算机教育，2022（1）：111-114

.）

[5]周红芳.高等职业在线公开课程的构建与应用——以“仓储配送管理实践”课程为例[N].湖北广播电视大学学报，2021（41）：33-38.

[6]李玉清.全国优秀网络公开课“网络营销”的建设、应用与应用[J].办公自动化学报，2022（2）：6-8.关注SCI论文

创作与发表，寻求SCI论文修订编辑，SCI论文

代理出版等服务支持，请锁定SCI论文网！