“Web前端开发”课程教学模式刍议

何芳

摘   要：本科应用型高校在课程建设中越来越重视理论联系实践，要求学生在课程中所获得的能力与市场需求匹配。Web前端开发课程就属于这样一门课，随着新一轮互联网行业的变革，企业对Web前端开发人才的要求越来越高。但是高校在这门课的教学过程中，由于教学方式固化，以及教师授课水平的限制，发展比较缓慢。本文就Web前端开发课程教学过程中存在的问题进行分析，通过在教学设计中大量使用任务驱动方法来改变原有的教学方式，提升教学质量。

关键词：Web前端  教学问题  任务驱动  教学设计

中图分类号：TP393                                 文献标识码：A                       文章编号：1674-098X（2020）02（a）-0192-02

随着市场需求增加，Web前端开发课程在各大高校的软件专业课师，必须加强对这门课程的研究，分析学情，提出更行之有效的办法。从网站制作角度分析，CSS、HTML与JavaScript三种语言是Web前端开发技术中必不可少的要素，各语言的执行标准与职能等存在较大差异，但都有着密不可分的关系，缺失任何一种语言都无法使Web前端开发设计工作正常展开。其中各项细节是优化Web前端开发技术尤为关键的。

网站制作中的工作管理事项较多，还需利用交互等方式优化网站制作技能，这对技术人员的专业水平提出了更多要求。对此，要求开发人员明确掌握学生信息需求与Web前端开发设计优化方向，合理利用节点技术等，充分发挥开发集成等优势作用，制作出推动信息时代发展，同时可满足学生信息需求的网页。

1  Web前端开发教学中存在的问题

1.1 学生知识储备不足

Web前端技术体现出来的是产品的“门面”，所以学生学习的兴趣是有的。相对于一些“枯燥”的语言、算法课来讲，这门课程在吸引学生的学习关注度上具有一定的优势。但与之密切相关的先行课程如《 网页设计与制作》等往往开设较早，学生很难将学过的HTML、CSS等知识灵活运用并储备至现在。

1.2 课程涉及知识点多

Web前端开发课程不同于之前的C语言，JavaWeb开发等课程那么单一，它涉及HTML、CSS、Javascript三部分内容，这三个知识各成体系，每个体系的知识点都很多。同时，进行Web前端开发时，除了要让他们三者相互作用，还会引入时下流行的各种框架库进行协同工作。所以学生开始学习单个知识体系还能掌握，学到几个知识体系同时融合作用时就容易在庞大的知识点矩阵中下阵来。

1.3 Web前端开发设计节点技术分析

页面重构技术涉及多样，包括CSS+DIV技术等，其中css2.0站點与HTML技术都是技术发展重要前身。在JavaScript语言与微博、网页游戏等发展带动下，逐步成为了网站制作Web前端开发设计必不可少的技术。Web前端开发是复杂且繁琐的过程，不仅要贯彻以用户为主的原则，确保用户良好体验，还需满足可用性与技能型等要求。从软件开发技术入手分析，涉及Web语义化，以及JavaScript等Web开发技术、W3C标准等要素，这些要素都是开发研究必不可少的。开发技术条件涉及广泛，包括JS模块化编程与页面布局等，对开发人员的专业水平要求较高，要求其掌握UI设计技术等，以尽快设计理想状态下的作品。从后台编程语言入手分析，掌握代码与提高后台与页面制作契合度，可进一步发挥数据交换价值，从而满足语言基础要求，并对前端开发设计岗位提供必要支持。

基于网站制作的Web前端开发重点，主要体现在以下几方面，一是实现网站灵活跳转、网络内容过渡。二是加强防插入侵入权限设计，增加系统身份认证功能。三是完善移动IP系统。四是强化病毒控制能力与网络安全监测，确保网络安全性能。定期修复计算机漏洞，杜绝各种不安全因素的影响。五是拓展网络杀毒软件功能，包括杀毒软件升级、网络病毒库优化、监控网络运行、优化抵御病毒程序、拓展软件自动识别功用等。

2  任务驱动教学方法的优势

任务的引入需教师创建一个真实的情景，以此来吸引学生的兴趣和动机。由于Web前端开发课程的知识点多，复杂又相互联系，传统授课方式让学生的学习积极性受挫，而任务驱动的教学恰好解决此问题。以任务方式展开教学，还能帮助教师更好地理清思绪，有计划地设计每次课的教学内容，教师要对任务中的知识点数量，任务量多少，知识重难点区分，学生能力等清清楚楚才能做好任务驱动教学。这能更好地让教师从“教学”转向“导学”，从而提升教师的综合授课能力。网站制作中的工作管理事项较多，尤其是Web前端开发设计，在移动端与响应式浪潮中发展的同时，还需利用交互等方式优化网站制作技能，这对技术人员的专业水平提出了更多要求。对此，要求开发人员明确掌握学生信息需求与Web前端开发设计优化方向，合理利用节点技术等，充分发挥开发集成等优势作用，制作出推动信息时代发展，同时可满足学生信息需求的网页。在完成任务的学习过程中，学生占主导地位，他们主动讨论任务如何完成、如何分配工作等，这有助于培养学生解决实际问题的综合能力，促进学生的个性化发展。

3  用任务驱动实现课程的教学设计

通过以上案例说明，任务驱动在Web前端技术课程中确实能解决之前所说的知识点关联不够，无法解决实际问题。知识点多而杂，教师不好把控等问题。当然，任务引入需要教师创建一个真实的情景，以此来吸引学生的兴趣和动机，让学生带着任务去学习，充分发挥学生的主体地位。好是好，难在如何设计出既生动有趣，又符合教学目标，涵盖其知识点，同时还能契合实际开发中的场景，这是老师需要多花心思去研究的地方。甚至学生的年龄特征，认知能力，重难点的把握，任务量的大小，完成时间的预估等等都要进行考量。

4  结语

Web前端技术课程是非常重要的一门课程，其知识的实用性强，对学生软件开发能力培养的重要性强，与学生走出校门后工作岗位的对接性强。这让我在《客户端软件开发技术》的课程建设中无时无刻不在思考，如何才能进行更有效的设计，能实现这门课程的教学目标，让学生能力得到提升，真正具有初级前端工程师的能力。我想，课程前端使用任务驱动的教学方法，后段以项目驱动的教学方法相配合，能够解决之前所说的问题。教学的研究与探索永无止境，大胆实践，反复思考和总结，我将继续努力。

参考文献

[1] 刘红.任务驱动教学法[J].才智，2010（32）：118-119.

[2] 郭绍青.任务驱动教学法的内涵[J].中国电化教育，2006（7）：57-59.

[3] 刘蕾，刘冰月.Web前端课程的知识体系和教学实践[J].软件工程，2018，21（6）：54-56.