Web 前端开发技术课程内容的改革与探索研究

曹艳琴 武汉晴川学院

1 Web 前端开发技术的课程内容及特点

《Web 前端开发技术》是高校计算机专业的主要核心课程之一，也是一门实践性很强的专业课程。其课程教学内容主要围绕HTML、CSS、JavaScript、JQuery 等技术进行教学。随着社会的发展，当前Web 前端学习，仅仅靠掌握网页制作及相应的切图技术，已经越来越难以跟上时代的需求，这也给Web 课程教学提出了更高的要求。因此，教师要不断更新教学理念，创新教学方法，除了教授书本知识之外，还要积极引导学生拓展知识范围，并利用手机、电脑等现代化教学设备，进行自主学习与动手实践。通过不断地提出问题-分析问题-解决问题的模式，促进其自身创新能力的形成。

《Web 前端开发技术》课程中的相关技术，已经渗透到我们生活中的方方面面，如我们工作所离不开的电脑、生活娱乐所离不开的手机，都需要获得相应的Web 前端技术支持。而一名合格的、被社会所需要的WEB 前端人员，必须同时掌握好以下几种能力：构建网站的能力、优化网络的能力，熟悉网站后台运维的能力等等。此外，由于社会发展和人们的审美观念也在不断变化，因此WEB 前端人员还必须跟随时代的审美变化，构建符合大众审美的前端平台。

2 当前《Web 前端开发技术》教学中的问题分析

2.1 教学内容及结构存在问题

当前的《Web 前端开发技术》教学内容，主要以知识点和工具应用为出发点，进行教学。但在实际的课程中，由于其各个知识点的过于分散，不利于学生对知识点的系统性理解。同时由于教材的更新速度也跟不上科技和社会的发展速度，也导致了教学知识结构与社会实际脱节的情况，并导致学生技能并不能完全符合社会需求的现象。

2.2 重视理论教学多过实践教学

由于学校条件的限制，多数学生的《Web 前端开发技术》课程，都是采取理论课程+上机实验相结合的教学模式。甚至出现理论课程大于实践课程的情况。另外，学生课下自觉性相对较差，基础薄弱。这就容易导致学生理论强而实践弱的情况，在实际的学习中也不利于学生将更多时间用于实践，也不利于学生能力的形成。

2.3 实践练习缺乏连贯性

目前《Web 前端开发技术》的教学中，学生多半是根据教材章节后的练习部分，来进行的实践练习。而此类章节练习中的实验设计，往往只与当前章节的教学内容有关，无法形成系统性的实践学习。这种情况下，学生只能根据每一章节进行代码编写练习，无法形成连贯性的实践练习，更无法形成完整的项目编写能力。

2.4 考评体系缺乏正面引导

当前的《Web 前端开发技术》课程考核模式，通常是结合平时与期末考试的方式进行考评，平时占比3 成，期末考试占比7 成。这样考评方式突出了考试结果的重要性，却忽视了学生的实践操作过程，不少学生因此也不重视平时的练习，只求期末能够过关。这样的考评方式，既无法激发学生的学习热情，也无法对学生的WEB 前端知识情况作出准确而公正的评价。

3 web 前端开发技术课程内容的改革方向

3.1 以社会需求为导向，积极改革教学内容

教师在教学中，要积极拓宽自身的知识边界，学习新知识、掌握新技能，并时刻关注行业动态。然后通过自身为媒介，将各种新知识和行业动态，传达给学生，从而帮助学生树立正确的职业导向，引导学生的日常学习。在教学中，要建立以工程师职业能力为目标的教学导向，帮助学生将HTML、CSS、JavaScript 等内容，进行系统性的梳理和学习，通过融会贯通的教学，让学生在解决实际问题的同时，获得相应的WEB 前端开发能力，以适应职场的要求。

3.2 强化实践教学课程，鼓励学生课外实践练习

教师要根据实际情况，增加实践教学的比重，让学生在课堂上获得更多的实践学习和练习机会。对部分基础理论知识可进行适当精简，并鼓励学生在实践性的练习中掌握这些基础知识。同时，教师还要通过实践项目和作业布置等方式，鼓励学生的课外实践练习，让学生在完成项目的同时，获得满足感。从而强化学生的实践练习，促进其实践能力的形成。

3.3 积极引进实践项目，驱动教学工作的顺利推进

教师还要注重摒弃以往的填鸭式教学模式。通过自身对教材的理解和能力培养的要求。选择或自己开发出适合学生进行实践的项目，并通过项目实践的方式驱动教学活动的展开，同时让学生参与项目获得参与感和实践能力。此外，教师还可遴选社会上成功的WEB 前端开发案例和以往毕业生做过的优秀案例，以供学生进行参考和观摩学习。

3.4 改革考评机制，强化过程和能力考评

教师要根据积极推动进行考评机制改革，在具体的考评中，要遵循理论与实践并重的策略，并摒弃传统的为分数论、为结果论的方式，更加注重学生的实践过程，通过项目引导和全程参与，来发现学生实践过程中不足。具体来说，考评成绩的分配，可细化为：总成绩=过程考核50%+期末考核50%。其中，过程考核可分为考勤+作业+上机实验。确保考评的公正性，以达到监督学生实践学习的目的。

4 《Web 前端开发技术》教学的实践探索

根据上述改革方向，教学探索方面有了以下几个方面的转变。其一，以项目为驱动的教学实践得到确立。在实际教学中，根据主流商业网站的构建模式，通过拆分其技术要点分别对学生进行讲授。学生在鲜明的例子中不但学习兴趣有所增加，其书本知识迁移能力也得到提升。其二，班级管理和考评体系得以确立。根据班级人数进行小组划分，并将项目交由小组共同负责。小组成员之间相互学习，相互监督。小组与小组之间也存在合作竞争关系，激发了学生的实践热情。也加大了教师对学生的教学实践管理。其三，涌现出部分优秀代码及项目成果。通过一定时间的教学实践，学生参与度大大提升，不少项目中也涌现出了优秀代码及项目成果。可针对性的进行优秀代码及项目的公示，不仅是对优秀作者的肯定，给予了其更高的实践分数，也有效激发了其他学生的竞争热情。