“Web前端开发技术”课程教学模式研究

摘  要：当前，推进地方本科院校转型发展，深化高等教育创新和改革成为了新常态。各地高校积极开展对产教融合和应用型人才培养的探索。本文以信息管理与信息系统专业的“Web前端开发技术”课程为例，分析了该课程教学模式改革的设计思路和实施方案，阐述了该课程改革措施的实施过程和应用效果，以期为该门课程以及相关课程的教学模式改革提供借鉴和参考。

关键词：教学模式;高等教育;Web前端开发技术

中图分类号：TP393.09-4      文献标识码：A 文章编号：2096-4706（2019）01-0131-02

Practice of Teaching Mode Reform in the Course of

“Web Front-end Developing Technology”

MENG Yao

（School of Information Engineering，Eastern Liaoning University，Dandong  118000，China）

Abstract：At present，it has become the new trend to promote the transformation and development of local universities，and to deepen educational innovation and reform. Universities all over the country are actively exploring the integration of industry and education and the training of applied talents. Based on the course of “web front-end developing technology” in the major of information management and information systems，this paper analyzes the design ideas and implementation scheme of its teaching mode reform and illustrates the conduction procedures of its reform measures and effects，in order to provide reference and reference for the teaching reform of this course and related courses.

Keywords：teaching mode;higher education;web front-end developing technology

0  引  言

在高校轉型发展、改革和创新人才培养模式的背景下，贯彻学校转型发展和教育创新的方针，把提高培养质量，推进应用型人才培养作为课程改革的重要价值取向，已经成为众多地方本科院校追求的办学目标[1]。辽东学院亦于近几年开展了一系列的课程教学模式改革项目。本文介绍了信息管理与信息系统专业“Web前端开发技术”课程的内容和特点，探讨了该课程教学模式改革的实施情况及其对教学效果的影响。

1  教学模式

教学模式的概念是由美国学者B.Joyce和M.Weil在《Models of Teaching》一书中提出的，他们认为教学模式是“系统地探讨教育目的、教学策略、课程设计和教材，以及社会和心理理论之间相互影响的，可以使教师行为模式化的各种可供选择的类型[2]。多年来，各种教学模式层出不穷，改革和创新一直是教育发展的动力和主题。教学模式改革是提高教学质量的重要举措，也是高校不断推进的一项重要内容[3]。改革的核心是课程教学改革，如修订培养方案，加强主干课程的建设，树立样板，以点带面;增加课程实践，增加实践学时，提升学生的实践和动手能力;开展学生活动，建设实践团队，通过竞赛等方式提高学生参与的积极性，培养学生的自我学习和管理能力[4]。

2  “Web前端开发技术”课程教学模式改革

本节介绍了“Web前端开发技术”课程的内容和特点，以及该课程于2018年春季学期进行的教学改革的措施和效果。

2.1  课程内容与特点

本文讨论的“Web前端开发技术”课程是信息管理与信息系统专业的一门专业主干课程，是一门实用性较强的实践类课程。该课程围绕HTML、CSS和JavaScript语言展开教学，市场需求量大，就业前景乐观。原授课内容包括：前端开发技术的发展历程及关键技术;主流前端开发工具的功能和使用，页面的运行和调试方法;前端页面内容与样式制作的基本方法和技巧;前端脚本语言的原理和应用。

该课程以实际案例为中心，旨在使学生掌握Web网页的前端制作技术及相关软件的使用，掌握网页前端制作的基本方法和技巧，培养网页前端页面设计与实现的基本能力，具备根据实际需求开发一定规模的静态网站的能力。该门课程的教学为后续动态网站开发类课程的学习奠定了必要的基础，同时也为学生毕业后从事前端开发工程等相关工作奠定了扎实的理论及实践基础。

2.2  教革设计与实施

为满足企业对应用型知识技能的需求，笔者调整了“Web前端开发技术”课程的教学内容，改进了教学方法，完善了考核方案，以培养合格的前端开发人才。图1为课程教学改革的框架图，具体设计实施内容如下：（1）课程内容：新增了主流前端开源框架的使用和前端页面的综合设计。（2）教学方法：重视实际应用，机房授课，边讲授边操作，理论与实践紧密结合;结合实际网站案例;善用网络资源，实时发布学习资料与实践作业，同步实践辅导。（3）学习资源：除了传统的技术文档、参考书籍和学校/学院图书馆资源外，还涵盖了网络资源。引入了师生互动平台来辅助教学[5]，具体为：辽东学院网络教学平台上建设了“Web前端开发技术”课程[6]。（4）评价方法：平时考核包括阶段作业和专题讨论，考核知识点的掌握和应用能力;期末考核包括综合设计和答辩，考核综合性静态网站的开发能力。

2.3  教革应用与效果

该门课程的教学改革措施应用于2018年春季学期开设的“Web前端开发技术”课程的实际教学中，该课程2.5学分，64学时。授课对象为信息管理与信息系统专业B1601和B1703班级学生（本科）。教学团队包括三名教师，其中两名教师授课、实践辅导和批改作业，另一名教师参与实践辅导、上传课程资料并发布/参与专题讨论。教学过程侧重应用，授课教师结合实例边讲解边操作，学生边学习边操作和实践。于每次课堂教学之前，通过辽东学院网络教学平台“Web前端开发技术”课程网站发布课程资料，供学生预习。于每次课堂教学中，通过网络教学平台实时发布实践作业，供学生实践操作，教师同步辅导。于每次课堂教学之后，发布相关视频资源和辅助资料，供学生复习和自主学习。教师课后批改学生上传到网络教学平台的作业，并给出批改意见，学生可查看批语和评分。教师/学生亦可于网络教学平台发布讨论主题，通过互动交流來答疑和深入理解课程内容。全部授课学时结束后，学生自主选择题目，进行一定规模的前端静态页面的综合开发，并通过答辩来向教师/学生展示成果。教师通过课后与学生的交流和成绩反馈，发现学生学习效果较往届和同届未开展教学改革的学生有所提高，表明教学改革措施有效。

3  结  论

本文介绍了“Web前端开发技术”课程的内容和特点，讨论了该门课程教学改革的设计思路、实施方案和应用效果，为软件开发类课程的教学改革提供了参考。教学模式改革是一项长期的工作，本文讨论的“Web前端开发技术”课程改革虽然取得了一些成效，但仍存在许多问题有待进一步研究和完善。如制作和整理更丰富的视频资源，供学生自主学习;不断更新和改进授课/实践案例，时刻联系实际等。

参考文献：

[1] 洪雁.地方本科高校转型发展背景下的应用型人才培养模式 [J].课程教育研究，2017（7）：250.

[2] 尹俊华.教育技术学导论 [M].北京：高等教育出版社，2004.

[3] 张厚，鞠智芹，刘刚，等.大学专业基础课程教学模式改革的探索与实践 [J].创新教育研究，2015，3（4）：143-147.

[4] 张红梅.地方高校转型发展及应用型人才培养模式探究 [J].河南教育（高教），2015（2）：8-9.

[5] 孟瑶.师生互动平台在高等教育领域的应用研究 [J].电脑与信息技术，2018，26（1）：74-75.

[6] 辽东学院网络教学平台.Web前端开发技术 [EB/OL].http：//mooc1.chaoxing.com/course/200964041.html，2018-10-20.