摘 要：Web前端开发课程是绝大多数高职院校计算机类专业开设的必修课程，旨在培养学生UI设计、网站开发的综合能力。针对教学过程中存在的实际问题，结合课程特点及专业岗位需求，从课程定位、标准，教学目的、方法、内容、实施与改革等方面来探索和讨论如何让学生更好地学习Web前端开发课程，掌握相应的知识与技能。
关键词：Web前端开发；高职院校；教学分析
随着我国经济和科技的发展，对计算机技能型应用人才的需求逐渐增多，因此，国家越来越重视高职计算机学科教育，期望促进高职教育的改革，创新实践教学模式[1]。
2019年12月31日，国务院颁布了“国家职业教育改革实施方案（国发〔2019〕4号）”，提出了职业教育改革20条。《方案》按照习近平总书记关于教育的重要论述和全国教育大会精神的要求，提出了一系列新目标、新论断、新要求，是办好新时代职业教育的顶层设计和施工蓝图。
1教学分析
1.1教学短板
Web前端开发是计算机信息管理、计算机网络技术等专业的核心课程，是网站设计与开发、移动应用开发、软件开发等课程的必要基础课程。2019年1月24日，国务院印发的《国家职业教育改革实施方案》中提出“从2019年开始，在职业院校、应用型本科高校启动‘学历证书+若干职业技能等级证书’制度试点工作”，即1+X证书制度；其中，Web前端开发职业技能等级证书成为首批启动的5个职业技能等级证书之一[2]。
作者及教学团队通过多年的Web前端开发教学实践，在打造精品课程的道路上不断摸索，通过教学实践与改进，结合“1+X”的课程目标与要求，对Web前端开发课程教学分析与实践进行总结。
2018年初，课程的教学存在以下问题：
（1）高职学生普遍对理论学习兴趣不深、动力不足，学习方法和氛围较为欠缺，多数同学学习被动，对知识和技能不能做到彻底的理解和熟练的掌握，最主要的是学生不能理解Web前端开发在计算机体系中的定位和作用，也对前端开发在未来就业中的前景感到迷茫。
（2）传统的课堂不能充分的利用教学资源，以理论与实践分离的课堂过于被动，使教学效率得不到提升。
（3）教师缺乏较为方便、科学的学习交流平台与环境，团队缺乏前沿教学知识与技能的补充。
（4）校企合作不足，加之学生融入校企实践的兴趣不够，使得学生技能与实际联系不强，技术滞后，理论与实践脱节。
（5）学生对HTML5+CSS3静态框架的使用过于固定，依赖现有的模板或程序，自主开发能力较弱。对Javascript及相关插件、模板技术理解困难，较难掌握。
1.2学情分析
教学的问题主要是理论与实践以及教与学的脱节。课程需根据学生学习特点、知识基础、技能基础、存在问题等方面进行学情分析，实时采集学生学习情况，及时调整教学。
Web前端开发课程教学应以课程目标为核心，课堂教学应围绕学生的知识、能力、素养三个目标进行展开。旨在培养学生的学习能力与实践能力。
教学过程应注重重难点的罗列与分析，参照知识技能要求与课程标准，根据学生学情做调整。
综上，制定科学实际的课程标准，严格把控并不断改进，增强学生开发实践性是Web前端开发课程问题的解决突破点。
2教学实践
2.1教学部署
教案设计是团队教学的重要支撑，根据实际，教学团队以过程设计为主，重新制定课程标准，根据1+X制度等要求与内容，课程的教案以项目为单元，根据课程标准的项目任务进行教案分块。教案采用2课时一编写，充分体现课前、课中、课后的细节设计。
教学过程充分利用程序资源与软件平台，注重开发资源的共享。根据学生学情，定时安排教师值班进行教学答疑，每周开展计算机教研室会议，针对Web前端及相关课程进行分析与总结，不断提高教学认知。
教师牵头组织学生开展Web前端开发课程兴趣学习小组，并联系企业进行实践。牵头组织学生设计并开发实际项目与产品，针对性地开展技术拓展交流会议及活动。
课程教学积极引入课程思政内容，让学生在学习过程中不断提升自己的综合水平，做全面发展的职业人。
学生考核尽量采用过程性考核，以职业素养及作品、项目质量为主要的评分依据。
2.2教学过程
课程采用“任务驱动，项目教学，资源共享，一体化课堂”的教学模式，使用“讲授法、任务驱动法、项目教学法、分组讨论法、PBL教学法”等教学方法开展教学。
按照课前、课中、课后的教学环节展开教学。以项目或项目设计为驱动，以理实一体化课堂教学方式，课前督促学生预习，做好课前教学准备；课中教学环节按“成果分享析原因、创设情境激动机、精讲精学懂原理、操作实训练技能、拓展答疑提能力、总结考核评成效”进行组织教学，切实让学生做到“做中学，学中做”；课后进行任务布置、资源共享及效果跟踪，并组织和鼓励学生到企业或实际项目中去。
教师进行知识引入，引发学生假设与思考，新课教学及项目演示应实时进行问题导入，激发学生的发散与尝试能力。通过分组讨论，进行知识填充与问题解决，加深对知识点的理解，提升实训能力。尤其是对一些难点重点课程，例如：正则表达式的格式与应用，可通过网络安全的实例出发，激发学生对正则表达式知识点的学习欲望与动力。
2.3考核评价
课程考核评价使用过程考核与结果考核结合的方式，过程考核分为平时表现（权重：10%）、任务考核（权重50%），结果考核方式为期末闭卷考试（权重40%）。
过程性考核评价贯穿于整个课程环节，通过课前、课中、课后的任务布置，学生自主或团队完成，根据任务单要求进行自评、互评，教师做总结收评。根据项目与课后实训，争取企业与用户的评价。
2.4教学反思
教学反思是提升教学质量的关键因素，结合前端开发课程特点，教学中积极反思和探索教学方法，为学生普及好的学习方法与开发习惯。
3结束语
通过新的教学实践，学生对所学知识的理解与实践结合性更好，教学团队的教学能力与团队执行力得到提高，做到精准育人。笔者认为，Web前端开发课程的教学应参考以下结论：
（1）课程教学以学生为主体，教师为主导开展，不再以传统的纯讲授式教学，也不在采用理论、实训分离的教学方法。而是采用理实一体化教学，在理实一体化教室及工作室进行教学，教学内容与真实项目相结合，通过项目引领、任务驱动，使学生真正做到“学中做，做中学”。
（2）注重视频录制，让学生充分复习与预习；注重资源共享，让学生在初期学习阶段有学习参照，学生能够根据现有的开发脚本与程序进行改写与尝试，进而根据课程的进行，不断完善与补充。
（3）注重重难点梳理，加强学生对变量、系统常量及变量、判断语句、循环语句及函数的练习。在新课教授时，尽量避开非常用的、过时的、过难的知识点，循序渐进的开展教学。
（4）丰富的网络学习资源，实现线上线下协同学习，拓展学习时空，通过平台课中运用信息化手段，实时跟踪学生学习情况，及时调整教学。
（4）课程教学积极引入课程思政内容，让学生在学习过程中不断提升自己的综合素养水平，做全面发展的职业人。
（5）合理分组，实行组长过关，以点带面的方式开展教学。过程评价与作品评价相结合，融入技能大赛、培养学生精益求精的工匠精神。
参考文献
[1]张华. 高职院校国际金融专业实践课程教学模式的创新分析[J]. 现代经济信息,2019(03):447.
[2]张志敏.1+X证书制度下HTML5课程教学改革与实践[J].福建茶叶,2019,41(10):218.
科研项目：黔南民族职业技术学院校级科研项目。
作者简介：周 游（1989.11 - ），男，黔南民族职业技术学院大数据与电子商务系讲师，硕士研究生。