HTML5 前端开发课程教学改革实践探讨

于 薇

（江西陶瓷工艺美术职业技术学院，景德镇 333001）

自从2005年以来，互联网迎来了Web2.0时代，网站前端与以往有了很大地不同。这也促成前端开发专业大受欢迎，但同时市场需求大，造成需大于求，另外一些高校的该专业所培养的人才不能满足企业的要求，没有系统性、针对性地开设相关课程，所培养出的学生仍以学术型人才为主，只有极少数是应用型人才，造成毕业生就业率下降，就业不对口，工资不高等问题。

1 前端开发课程教学现状与存在问题

前端开发作为一个新兴的专业，其教学方案应该形成一套完整的体系，结合市场需求和地域特色，不断的更新教学内容。目前高职院校计算机专业前端开发课程质量存在较大差异，普遍存在以下问题：

（1）课程设计不合理，未成体系，知识结构零散。目前计算机专业专科阶段，针对前端开发的教学内容少，教材单一，教学资源相对匮乏，仅包含网站开发、平面设计、动画设计的内容。但对于实际应用中，前端开发不止涉及到以上内容，还包括了一系列计算机知识。另外，传统的教学主要依靠IDE 集成环境，可能使学生对理论知识产生的错误认知，如网页实现和运行本质的概念混淆。目前，实践性课程的教学也相对落后，理论知识教学未成体系，学生掌握不到位，无法运用于实际中。随着计算机技术不断更新，其难度也在进一步增加，如何培养优秀的前端开发人才是高校需要思考的问题。

（2）教学模式与企业需求不符。为培养更多的应用型人才，部分高职院校对计算机专业前端设计课程进行改革，但在教学过程中仍然采用传统教学模式，采用教师主讲的教学模式，学生的主导地位被削弱，教学质量不高，学生参与度低，缺乏自主学习和创新能力；在实践性教学中，实验案例过于简单，实际应用不强，缺少验证型实验项目的设置。

（3）课程评价机制单一。计算机前端开发专业课程评价机制单一，一般采用比较传统的考核方法，往往忽略其专业特点是实践性很强。计算机专业本身课程的内容就比较抽象，很多需要在实践中得到验证，计算机专业考试往往采用“应试教育”的模式进行考核，学生变的动手能力以及自主学习的能力差，往往对所学专业产生厌烦。

2 前端开发的教学改革措施

2.1 以就业需求为出发点定位教学内容

互联网的快速发展对计算机人才的专业技能和综合素质提出了新的要求。为了提升前端开发专业毕业生的就业优势，满足社会需求，其理论教学和实践性教学必应进行改革，符合企业要求，加强实践性教学。在HTML5前端开发课程教学中，需要紧密结合市场对人才的需求，有针对性地培养学生的专业技能，避免教学内容与企业用人需求不吻合，优化、改革教学内容。学校可与企业相合作，在实际运行的项目案例中进行教学，学会将理论知识运用于实际项目中，培养学生自主学习和创新的能力，提高其学习积极性，提升学生的就业竞争力，同时在日常教学中开设校内外竞赛，提高学生工程实践的能力。

2.2 精选教学内容

前端开发课程的教学内容由理论基础和实践基础构成。理论基础包括了HTTP 标准、W3C 标准、设计结构、设计模式等诸多内容，教师应教导学生如何有效地学习掌握知识重点，学会运用知识技能。教学内容要有侧重点，力求精简，可以通过分析目前先进地前端设计技术来教学教学。前端设计地教学内容可以大致分为三个部分：（1）基础知识；（2）脚本及类库框架知识；（3）实践应用。

2.3 变革教学模式，实行项目驱动教学

CDIO 工程的教学目的是使学生几倍工程基础知识、合作能力等综合能力，HTML5前端开发课程在理论课程和实践课程中都离不开企业项目案例的实际教，通过教师和学生的共同分析，培养学生协作能力和自主学习能力。教师可以通过讲解选取企业实际操作的具有代表性的项目案例，再引导学生找出并深入分析涵盖的基础知识。

项目驱动型教学目的在于使学生学会“分析问题，解决问题”，从而运用理论知识，教授商业网站开发的方法，使学生形成清晰的知识脉络可采用“提出问题、分析问题、解决问题、总结拓展”的教学模式来逐步引导学生。也可将学生进行分组，以团队合作的形式来完成项目的开发。其中，实践性教学的具体步骤如下：（1）明确项目要求。（2）完成项目策划书。（3）设计项目。（4）实施项目。（5）运行项目，并对项目进行测试。

2.4 变革教学形式

教师在教学过程中要注重启发学生进行自主分析，并提出解决问题的具体方法。将课堂的主导权交给学生，培养学生自主学习，可以采用分组的形式，选取能力强的学生作组长，培养学生合作能力，互相帮助，共同分析解决问题。同时，教师应充分地对小组进行指导，纠正其错误，引导其方向，掌握每个学生专业能力的优势和弱势。利用多媒体教学工具展示各组的成果，点评各组对问题分析的思路，提高学生前端开发的实际运用能力。

2.5 利用有关学习系统，提高学习效率

教师应多鼓励学生使用Claroline 系统进行学习。针对课堂教学内容，教师可以布置相应的课后无纸化作业，让学生通过Claroline 系统来操作完成。同时教师可以在教师端批改学生作业，检查作业完成情况，了解学生对知识的掌握程度。学生也可以通过Claroline 系统进行自主练习，由系统自动批改给分，将学生的成绩记入个人档案中。此外，学生还可以通过Claroline 系统进行线上课程的学习，在小组中与同学进行讨论互动。通过学习系统的有效利用，可以大大提高学习效率，培养学生自主学习、思考问题的能力，同时通过网络能快速解决学习中遇到的难题，快速查找到相关的学习资料和信息等。

2.6 设置课程评价机制

在HTML5前端开发课程的评价体系中，应对学生的综合素质、专业能力进行全面的评价。以往采用的学习成绩评价机制为“平时成绩”加上“末考成绩”，两者按比例折合构成总分。这类评价机制对于学生的理论知识能够进行较科学的测定，但学生实际应用的能力却得不到彰显。设置合理的课程评价机制，有利于全面的评价学生的各方面能力。

3 结束语

计算机前端开发课程的改革应结合市场需求，随着科技的不断发展，培养能适应社会要求的技术型人才，不断完善和优化教学内容，以就业需求为出发点定位教学内容、精选教学内容、变革教学模式，实行项目驱动教学、变革教学形式、利用有关学习系统，提高学习效率、设置课程评价机制，培养能够分析问题、解决问题的应用型人才，不断探索教学改革道路。