基于 Web前端开发技术的课程教学模式创新分析

基于 Web前端开发技术的课程教学模式创新分析

邓国宾，林波

云南林业职业技术学院，云南 ·昆明 650224

【摘要】随着互联网技术快速发展，对Web前端开发人才的需求不断增涨。高校在进行Web前端开发相关课程教学中应该结合当前教学现状对课程教学模式进行创新和改革，这样才能满足当前社会对人才的需求。鉴于此，论文对Web前端开发技术课程的创新策略展开探讨。

【Absrtact】With the rapid development of internet technology, the demand for web front-end developers is increasing. In the teaching of Web front-end development related curriculums, colleges and universities should innovate and reform the curriculum teaching mode in combination with the current teaching situation, so as to meet the needs of the current society for talents. In view of this, the paper discusses the innovation strategies of the Web front-end development technology curriculum.

【关键词】前端开发；开发技术；课程教学；教学模式

【Keywords】front-end development; development technology; curriculum teaching; teaching mode

1 引言

网络技术的发展与应用已经成为体现现代人自动化教学技术以及设备数字化水平的重要标志，世界各国也将网络信息技术创新作为提高国家综合实力的有效手段。尤其是在电商行业发展过程中，Web前端开发技术与优化更是为企业和用户带来了更好的网络使用体验。可见，Web前端开发技与优化技术，应该成为我国计算机技术人员的关注焦点。

2 基于Web前端开发技术的课程教学内容及目标

首先，教学内容。基于Web前端开发技术的课程主要包含HTML、CSS、JavaScript几方面内容，其属于系统性以及实践性相对较强的一门课程。探索一条满足市场需求与科技发展的教育之路，是前端开发技术课程的最佳选择。其次，教学目标。基于Web前端开发技术的课程是专业技能培养类课程，其教学目标主要是让学生掌握并合理运用目前主流的Web前端开发技术，具体包含HTML、CSS、JavaScript这三部分内容，帮助学生理解Web程序整体框架构造，掌握Web程序组织特点，进而逐渐形成独立设计Web框架，研发Web程序的专业能力。为培养出色的Web前端开发工程师奠定良好基础，切实满足相关企业对网络人才的现实需求^[1]。

3 教学现状

Web前端开发从网页制作演变而来，随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。相对于网页制作课程，其内容更多，难度更大。所以学校开设这门课程的难度也增加了很多，目前，云南林业职业技术学院的Web前端开发在计算机应用技术专业开设，逐步涉及其他相关专业中，该课程综合性强、知识点繁杂、操作性强，在多年的教学中总结，发现很多高校针对该课程的教学存在以下几个方面的问题：首先，以“教师、教材、教学”为中心的教学模式并不能很好地适应Web前端开发课程，教师讲课、学生听课的教学模式过于被动，不能引起学生的学习兴趣，提升学习积极性，导致学生动手能力不强；其次，课程知识点繁杂容易导致理论与实践脱节，很多学生并不能将理论应用于实践；最后，很多高校针对该课程的学时安排较少，学生缺少动手实践的机会。随着科技的发展，Web前端开发技术已经渗透到人们生活的方方面面。如何培养学生的实践能力，使所学知识能够学以致用是该课程教学改革的关键所在。

4 基于Web前端开发技术的课程教学模式创新策略

4.1 思维的改变

教学的改革首先要求从思维上进行改革，对课程有新的认识，才能有新的计划，以及与之配套的具体措施。作为技能型高职院校，计算机应用技术专业人才的培养应借鉴OBE(基于产出的教育)导向的教学理念，以培养满足社会需求的技能型人才为目标，以学生解决问题，特别是解决复杂工程问题的能力为毕业要求，课程设置、教学实践活动都要支持毕业要求的达成。作为当前计算机应用技术专业学生走上社会、专业对口就业不可或缺的知识和技术，Web前端开发课程在被设为计算机应用技术专业必修课是非常有必要的。在课程学习伊始，甚至是整个过程中，教师要引导学生对Web应用有清晰、具体的认识，从软件项目开发的角度，让其了解到完成一个应用的开发需要哪些技术和方法，这些知识和技术由哪些课程或者课程的哪部分知识来完成，以及学习该课程后掌握的技能对未来的就业、升学等有哪些帮助，即所学习课程的作用和意义，帮助学生树立起明确的学习目标和动力，摒弃原有的盲目学习和应付交差的学习态度。互联网思维逐渐兴起，深入各行各业，对年轻人来说具备互联网思维也成为必备职业素质，尤其是IT行业。作为计算机应用技术专业的学生，具备互联网思维，不仅能提升学习效率，提高问题解决能力，更是信息技术行业不可或缺的就业必备技能。目前，互联网思维主要可以包括九个部分，在Web前端开发课程中主要引入其中五个思维：用户思维、简约思维、极致思维、迭代思维和社会化思维。在教学过程中，教师要把互联网思维，潜移默化地灌输给学生，培养学生自己用互联网思维去思考和解决问题的能力。对于计算机应用技术专业的学生，这点尤为重要

^[2]。

4.2 项目化教学的实施

在项目化教学实施过程中，可利用MOOC平台向学生推送当下授课阶段需要学习的知识点，载体可以选择小视频或者相关文字教程等，并对每个小组学生布置相关任务。学生利用客户端来学习相关知识，并与授课教师随时进行线上讨论、答疑。每个小组设置组长一名，在接到课程任务后，组织本组学生进行线上学习、组内同学线下交流、任务分配等。在小组任务完成后，进行课堂翻转，每个小组遴选组内成员进行课上答辩，汇报小组任务完成情况以及存在的疑问。小组答辩成员遴选需要确保组内成员每人都必须做一次以上的汇报答辩。每组答辩结束后，授课教师需要对答辩情况进行点评，并对存在的疑问进行解答。同时，对任务中的重难点进行二次讲解，巩固所学知识。此外，分组答辩过程中还设置互评环节，让小组间互评优缺点，提高学生学习的积极性。项目化教学的目的提高学生的动手操作能力。为了培养出合格的Web前端开发技术人员，必须让学生贴近实战。因此，在每一个阶段任务完成以后，教师可联合企业工程师，依托校企协同育人平台为学生提供进阶学习机会，企业工程师会在项目子模块的基础上，为学生呈现更多的应用场景，教会学生应该在何种场景下使用所需的知识进行页面设计，达到举一反三的目的。此外，为了保障项目化教学的教学效果，教学评价方式改革将是必不可少的部分，且配套的教学评价方式必须能够科学合理地评估学生在项目化教学过程中的实际表现以及对知识的掌握程度及应用能力。传统的教学评价一般都是由授课教师单方面给出成绩，具有很大的片面性，也不能很好地反映学生的学习能力。因此，从授课实际经验出发，可结合实践过程设计出一套相应的评价标准，系统性地评价学生在项目实施过程中学习、实践、反思、总结的过程。

4.3 确立核心，科学引领

基于Web前端开发技术的课程一般由超文本标记语言、层叠样式表、脚本语言三部分构成，这三者有着重要的地位，用途极其广泛，属于核心课程，并且三者之间是相辅相成的关系。但这并不意味着这三种技术无法掌握，事实上在专业人士看来这三种技术难度并不高，它们之间是逐层递升的，而前端过渡到后台也是从低到高的过程。只有充分意识到它们的核心地位，才能通过科学有效的指导来学习和掌握这几种技术。但由于以往的课程教学模式完全脱离了市场需求，学生缺少实践经验，导致学生花费较多的时间和精力依旧无法真正了解这三种技术的精髓。因此，为了确保课程教学质量，在教学团队上，应分配教学经验丰富且具备实际项目开发能力的教师。在教学初始阶段，尤其是第一节课，教师要精心设计教学方案，努力吸引学生注意力，提高学生的兴趣，为学生指明正确的课程学习方向，制定合理的学习目标^[3]。

4.4 实验内容模块化

学好Web前端开发技术，实践操作是必不可少的环节，实践操作不仅是培养学生动手实践操作的能力，更重要的是培养学生熟练使用所学知识解决实际问题的能力。因此，实验内容的设计显得尤其重要，为了巩固所学知识并能够熟练运用所学知识，针对学生的特点，基础实践和综合实验是实践教学的两个部分。将真实的实践案例进行拆分，将拆分的内容融入各个实验中。基础实验针对于每一小节进行练习，相对来说比较简单，采用单人单组的形式完成；综合实验则将针对每一模块的知识进行综合运用，因此，可以通过分组形式完成，通过小组的形成进行综合实验可以培养学生的团队意识。

5 结语

综上所述，Web前端课程的教学不仅仅是某些语言、工具的使用，更重要的是思维，是解决问题能力的锻炼和提升。不仅要求教师注重自身知识储备、技能的更新，还要求教师自身对课程体系有比较清晰的认识，加强学生对行业的认识、职业认知的引导。同时，在教学过程中，不拘泥于现有资源，积极引入其他有效教学资源，如网络在线课程、企业技术人员等，只要有利于学生学习知识，掌握技能，提高解决问题的能力都可以合理利用。

【参考文献】

[1]王永红.基于Web前端开发技术的课程教学模式创新分析[J].湖北农机化,2019(10).

[2]储久良.Web前端开发技术课程教学改革与实践[J].计算机教育,2014(14)12-15.

[3]朱红斌.关于Web前端开发技术的课程教学模式的创新研究[J].科技风,2018(33).