摘要：本文对新时代Web前端开发课程新型教学手段进行了探讨，文中首先对Web前端开发课程进行分析，其后对新型教学手段进行分析，主要为微课及微课制作，再其后对新型教学手段在Web前端开发课程中的主要应用方法进行展示，以期为现代Web前端开发课程发展提供借鉴。

关键词：Web前端开发课程  新型教学手段  微课

随着现代教学的理念的发展，对于教学手段的要求也在不断提升，这主要是由于目前部分教学课程的内容十分复杂，有较强的抽象性，由此使教学的难度直线上升。Web前端开发课程就是教学中教学效果不理想、教学内容难念及重点多的课程，这也使得学生在Web前端开发课程中的学习效果差，无法实现向社会输出需求人才的要求。

一、Web前端开发课程概述

该课程为信息系统与信息管理系统专业中一门主干课程，是实践类课程，拥有较强的实用性，课程的教学目标是满足企业前端开发工程师的知识技能需要。该课程核心为CSS、HTML、JavaScript语言和前端框架相应的知识，具有较大的市场需求，就业前景也较为乐观。课程的主要内容主要含有前端开发技术关键技术与发展历程;主流前端开发工具功能及使用操作，页面运行方式及调试方式;前端页面样式及内容的制作方法和技巧;前端脚本语言应用及原理;主流前端开元框架应用;前端页面综合的设计方法。这一课程中的主要教学途径为实际案例，以此使学生能够掌握Web网页前端制作技术和相关软件运用，能够全面了解网页前端制作方法，掌握相应技巧，培养学生网页前端页面的设计和实现能力，同时能够根据实际要求进行一定规模静态网站开发能力。这门课程教学对于动态网站开发课程学习有奠定基础的作用，同时也为学生从业于前端开发相应工作提供理论和应用基础。

二、新型教学手段

本文探讨的新型教学手段主要为微课教学模式，微课是现代较为新颖的教学手段，能够符合Web前端开发课程教学的实际需要。

（1）微课概念

微课就是其字面意义，即简洁、短小的课程，主要由某一具体的知识点、主题、案例、教学活动等各类形式的微型教学内容构成，这制作方式也较为灵活，比如拍摄、录制等方式，后期再对视频进行完善，最终形成课件、视频、PPT等。微课课程课时一般在5到10分钟。我国重视微课教学模式的推广，在各大高校中得到了相应的重视程度。

（2）微课制作

微课制作的过程中，先进行学习内容的确定，并划分教学重难点，选取典型案例，了解学生知识掌握程度，以此实现理想教学效果。在进行微课内容的设计过程中，要尽量微型化，通过将学习内容碎片化，使教学内容成为实用性强的精小信息模块，通过微媒体方式进行呈现，比如小文本、小动画等。对于知识内容的选定要保证精小，教学的主线清晰，能够突出重点，与学生学习逻辑相符。微课核心是课程教学视频，同时含有相关教学目标、教学课件、课程计划以及测试等教学资源。在进行微课设计中，根据内容不同，也要积极应用不同的表现形式，使学生一目了然。微课视频在制作過程中，可以选择录屏软件、摄像等方式，在教学中灵活应用。

三、Web前端开发课程新型教学手段实践应用

Web前端开发课程在开展教学的过程过程中，存在内容复杂的问题。课程内容包含了CSS、HTML、JavaScript语言和以其为核心的大量技术框架及解决方案。教学中，学生对于主流浏览器兼容性也要有所了解，通过工具的构建进行大量框架的管理，还需要规范编写代码，保证程序可读性。所以针对该课程中存在的难点及重点进行微课开发，以此补充传统课堂教学中存在的不足。

（1）课程设计和实施

以课程中Web前端设计表格的微课制作为例，微课中对前端页面表格知识点进行讲解，通过对知识点的应用教学，使学生了解表格应用的方法，理解表格基本结构，能够完全掌握表格的制作技巧和方法。微课制作中涉及较多教学方法，通过图像法和案例法来提出问题、明确主题，运用分解法、案例法和动画法使问题得到解决，并讲解相应的知识点，最后通过练习题让学生的知识得到应用。主要为以下几个详细步骤：

①以问题引出教学内容。联系实际生活，视频距离介绍了在网站中常见表格的应用场景，以此使Web前端开发技术课程中表格知识点引出。在微课中提出的问题为，如何在网页中实现表格的制作：②明确微课主题。在微课制作中，运用动画中立体形象来介绍网页表格基本的结构，从而使观者明确这一视频的主题内容;③结合实际案例，对表格制作内容及表格样式制定过程分步骤进行讲解，微课中使用动画方式进行基本原理的讲解，同时在微课中嵌入了编写程序操作流程的视频，使学生能力能够联系实际，对程序代码有更加直观的认识。在微课中也展示了浏览器中对代码解释后的效果，学生能够通过视频对程序运行结果进行直接观看;④总结实践。在微课尾段，进行了知识点的总结，帮助学生进行视频内容的回顾。同时，在微课最后布置了相关的实践练习，使学生能够应用知识点。辅助材料中对例题及练习题相应的编号列出，以此使学生更容易进行比对。

（2）深化微课设计与应用效果

进行微课的制作时，不仅需要扎实的专业知识，同时也需要保证有计算机信息处理技术能力，使微课具有更强的吸引力。尽管能够同微课平台自行构件的方式来实施资源交流、共享，但在具体调查和实践过程中发现，经过APP方式使用微课资源普及率和效果并不高，同时制作及推广有较大的成本，以此使微课使用价值受到直接的负面影响。为了使这一问题得到有效解决，促使微课影响力、使用率得到提升，可以运用互联网现有的平台进行微课资源的建设。本文推荐以微信平台作为微课资源建设平台，以此提升微课资源的使用率以及影响。微信相对于其他平台而言具有更加明显的用户优势，根据腾讯2019年公布业绩，微信用户月活跃账户的数量，总计达到了11.12亿，这说明了现代生活中，绝大多数的个体均拥有了自己的微信账号，这庞大的用户数量为微课提供了广阔的发展基础。

（3）Web前端开发设计的其他新型教学手段

随着现代教育理念及科技手段、信息技术的快速发展，在进行教育、教学的过程中，拥有了更多的新型教学手段，微课是目前应用最为广泛的一类。在今年疫情严重期间，就选择了一种新型的网络教学模式，教师通过互联网信息技术，远程进行教学。虽然这一教学机制还不够全面，除了一些技术上难以突破的难关，还有较大的优化空间。在网络课程教学的过程中，一般具有三个种类，首先是无互动型，学生观看教师的录制视频来进行学习，无法与教师、学生建立沟通、联系，此中教学的应用效果无法得到保证;其次是文字单向互动型，通过网络授课平台，教师实时进行授课，学生如果存在疑难点，可以通过文字交流框向老师提问。

四、结束语

在现代教学活动中，为了达成良好的教学效果，需要保证教学理念的正确性、教学手段的丰富性、教学模式的完善性，这三点需要高校努力达成。本文探讨的Web前端开发设计课程，具有较高的学习难度，通过本文介绍的微课新型教学手段的应用，可以提升学生的学习效果，为学生提供更加丰富、有趣的学习途径。未来发展中，微课这一教学手段应用会更加广泛，同时也会得到逐步的完善。

参考文献

[1]刘瑞文.以IT企业需求为导向的web前端开发课程混合教学模式研究[J].新教育时代电子杂志（教师版），2019，000（011）：109.

[2]邵熹雯，刘正东，杨光.基于混合式教学的web前端设计人才培养探索[J].软件导刊·教育技术，2019，018（005）：86-87.

[3]杨琳，徐颖丽，赵建民.基于成果导向的高职Web前端开发综合实践课程设计案例[J].计算机教育，2019，293（05）：53-57.

基金项目

此文是2019年度吉林省职业教育与成人教育教学改革研究课题《新时代高职院校计算机应用技术专业Web前端开发课程的实践研究》（课题编号：2019ZCY219）的支撑性研究成果。

作者简介

祝艳丽（1982.9），女，吉林省松原市人，松原职业技术学院讲师，研究方向是高职计算机、电子商务教学。