Web前端开发技术人才培养模式研究
摘要：随着Web2.0技术普及和人们对用户体验的要求越来越高，传统的Web界面已经不能满足人们对交互特性的要求， Web前端开发技术越来越受到重视，各大行业对Web前端开发方面的人才需求量也大幅度提升。本文就教学过程中Web前端开发技术课程，提出一种新的教学模式，并探讨了新模式中具体的教学改革及实施方法。
关键词：Web2.0；前端开发；Html5；课程
中图分类号：TP301.6 文献标识码：A 文章编号：1009-3044（2015）24-0109-02
Research on the Training Mode of the Web Front-end Development Technology
ZHAO Da-wei，CHEN Gang
（Department of Computer， College of Humanities & Sciences of Northeast Normal University， Changchun 130117， China）
Abstract： With the popularization of Web2.0 technology and the requirements of the user experience， the traditional Web interface has been unable to meet the requirements of the interactive features， Web front-end development technology is more and more attention， and the major industries of the Web front-end development needs of the talent is also a substantial increase.This paper puts forward a new teaching mode， and discues the specific teaching reform and implementation of the new teaching mode in the course of developing Web in the teaching proce.
Key words： Web2.0； Front-end development； Html5； Course
1 前言
传统的Web 前端开发是指静态网页的布局的设计，是 Web1.0 时代开发人员的主要工作。那个时代，网站的内容主要是以静态的页面为主，人们进入网站也主要是通过浏览网页的内容，获取相关的信息。2005 年以后，随首Web2.0 的发展和普及，各种交互式的Web 应用大量涌现，人们在访问网站时用户体验的要求程度越来越高，网站的前端页面的设计由此发生了质的变化。前端页面上良好的软件化的交互形式能够为用户提供了更好的使用体验，所以前端页面的开发技术难度越来越大，此时的Web前端开发是指综合运用HTML、CSS、DIV、JavaScript、DOM和AJAX等技术实现网站的整体布局和改善用户体验的工作。在一些技术比较发达的国家，前端开发技术人员已经独立出来并形成专门的开发群体，而目前我国缺乏大量的前端开发人员，随着Web2.0的普及，未来几年国内各大行业对Web前端开发方面的人才需求将会大幅提升，Web前端开发技术人才也会日益受到重视。
一位优秀的Web前端开发技术人员在知识体系上既要有广度，又要有深度，传统的网页设计人员只需要掌握DreamWeaver、Flash和Photoshop等基本的工具软件就可以胜任，这也是目前很多高校中网页设计课程体系中的核心课程，现在的Web前端开发人员只掌握这些是远远不够的，现在的前端开发无论是技术上还是难度上都更接近于网站后台的开发，所以需要的更加专业的技术人员。为了更好地进行Web前端开发技术人才的培养我们针对教学计划进行了修订，结合当前对Web开发技术人员的具体的技术需求进行教学。
2 Web前端开发技术课程改革
2.1课程设置
课程改革的目的是适应web 2.0发展和普及，培养掌握基本的Web前端开发技术，其中包括HTML、CSS、DIV、JavaScript、DOM和AJAX等，还要掌握网站性能优化、搜索引擎优化和服务器端开发技术的基础知识，掌握运用各种Web前端开发与测试工具进行辅助开发等。
以Web 前端开发工程师岗位的技术需求为导向设置课程，使其满足Web前端开发的技术人才能力的要求，在教学内容上设置为包含HTML、DIV、CSS、JavaScript、DOM 和AJAX 等5 个模块的教学内容。为了更好地适应Web开发技术的发展和社会的需要，课程中我们还适时增加HTML5[1]方面的知识。在新构建的知识体系将CSS+DIV 技术贯穿整个教学环节中，重点介绍CSS+DIV 技术在现代网页前端页面设计中的作用，并在教学中将JavaScript、DOM 和AJAX 技术与它们进行融合，培养学生设计和开发现代的前端页面的能力。
2.2 案例式教学
Web 前端开发技术课程采用案例式教学，以“任务驱动，项目拉动”为目标，规范Web 前端开发的流程，以当前优秀的精品课程网站，优秀的企业网站和典型的商业网站为案例，学习前端页面的设计和开发，学习先进的技术和理念，通过案例教学使学生能够独立完成自选课题的设计任务。在教学中采用基于建构主义认知灵活性理论的教学设计模式[2]，在教学设计过程中，完成案例时始终贯串建构主义的概念，对新知识点分别进行感观建构、情景知识建构、实践知识建构到最后的重建，形成最终的意义建构，学生在学习的过程中可以从不同的情景中实现对知识的理解和认识，并通过案例提高学生的动手和实践能力。
教学过程中，所有的项目案例均来自当前企业中的实际项目，根据软件工程的理论，把项目案例自下而上分为技术层、操作层和综合层三个层次[3]。技术层注重对开发技术的学习和掌握，操作层重点在于技术的应用，将技术应用于实践，综合层则关注技术的整合与创新。技术层是操作层和综合层的基础，综合层则是技术层和操作层的实现和深化。实践类课程增设课程设计，加强学生在校期间科研训练及项目经历提高计算机专业学生Web 前端开发能力，增强学生的职业竞争力。
3 Web前端开发技术能力培养
3.1 加强教学资源建设与教学平台搭建
完善教学资源，采用与教学特点相适应的课内教学多媒体教学形式，采用国内外重点教材，引进国内外一流大学和成功的软件人才培养机构的先进教学思路，借鉴国外课程，调整、更新和充实教学内容，采用双语教学方式，努力与软件人才国际化的培养目标接轨。
构建自主学习的资源平台，搭建程序设计项目资源案例库，丰富学生课外学习层面，建立相应的课程教学网站，实现课内课外相结合的教学模式[4]。
3.2 实践基地建设与职业能力训练
除了在实习过程中的校外教学基地，学校还根据Web前端开发技术的具体特点，建设一批基于校园的网络工作室、互联网企业于一体的综合性实践基地。在教学过程中，教师可以带领学生进入基地，参与到实际的web开发与社会实践中去，包括校园的网络工作室等基地就是由学生进行管理和维护，提高学生的职业能力，使学生完成从理论到实践的过渡，从学校到“职场”的过渡。以上基地的建立强化了学生的实践和岗位适应能力。教学中，我们要求学生的项目、课题的实践性环节不少于20%，强化学生实践能力的训练，开设了多门反映Web前端开发技术最新发展的课程，为培养学生的职业素质提供平台。
4 多角度、综合性的考核提高职业素养
Web前端开发技术的实践性比较强，我们也希望通过课程改革提高学生的开发技术和能力，最终提高学生的职业素养和设计能力，进入社会后能够胜任专业岗位的需求。在Web前端开发技术课程考核中，我们采用多样化、职业性的考核评价体系取代传统的考核方式。
Web前端开发技术课程的考核，我们采取的多样化的考核方式，如作品演示、作品集成、项目验收等。将学生的作品和自选课题，作为评价考核的重要组成部分，学生在汇报和演示作品的同时锻炼了学生口头表达能力、与人沟通能力等多方面能力，也加深了他们对Web前端开发技术和项目开发的深入了解。在项目验收考核中，我们为了让学生更好地完成项目，分为阶段验收和综合验收，阶段验收用来检查和了解学生的学习情况，了解学生对Web前端技术的掌握情况，及时的发现问题并找出解决办法。综合验收是通过学生对具体项目案例的实现情况，来检验学生的Web前端开发能力及相关的综合能力，这种考核方式既能客观的评价学生的能力水平又能够培养他们的团结协作精神，促进学生们综合职业能力培养和提高[5]。
5 结束语
随着Web技术的发展与变化，企业与社会对Web前端开发技术人才的要求越来越高，计算机相关专业的人才培养模式也要做出改变。Web前端开发技术课程的设立与改革使学生能够更早的接触最新的技术和知识，达到了让学生跨入互联网web 开发技术的大门。随着互联网技术发展和更新，我们的教学及课程也会适应W3C的标准而做出调整和更新。比如在技术的选择上要适应浏览器兼容性、web 安全等，增加移动互联网相关设备的前端技术方面的内容，适应产业的需求，为互联网行业培养合格的人才。同时，针对行业应用，细化人才培养目标，建立“多元”化的培养目标模型； 通过校企合作、基地建设等不断地完善我们的实验和实践体系，切实提高学生的设计、应用和创新的能力。
参考文献：
[1] 马新强，孙兆，袁哲.Web标准与HTML5的核心技术研究[J].重庆文理学院学报：自然科学版，2010，29（6）：61-65.
[2] 秦美峰.Web前端编程实践性教学的探索[J].福建电脑，2015（1）：117-119.
[3] 储久良.Web前端开发技术课程教学改革与实践[J].计算机教育，2014（14）：12-15.
[4] 唐灿.下一代Web界面前端技术综述[J].重庆工商大学学报：自然科学版，2009，26（4）：350-354.
[5] 阮晓龙.Web前端开发课程内容改革的探索与尝试[J].中国现代教育装备，2015（4）：94-97.
