WEB前端课程体系建设探讨

王邦千 张龙

【摘 要】随着WEB前端开发技术的迅速发展，高校IT类专业课程体系中，设置WEB前端开发类课程很普遍，教学实践表明，企业WEB前端开发分离成独立的开发岗位群，高校课程教学内容与企业对人才的要求存在着差距，本文针对WEB前端的知识体系和课程配置做了初步探讨，设计了WEB前端课程体系雏形，为课程体系的建设和完善提供参考，也为广大WEB前端学习者、从业者提供学习和提升提供参考。

【关键词】WEB前端;课程体系;配置

引言

为了吸引和留住用户，WEB前端需要更生动地展示信息、良好的交互体验效果和更高级的开发人才。随着开发的技术、工具、方法迅速发展，规范的不断升级，WEB前端开发已从WEB应用开发中独立出来成为独立的岗位群和职业群，这一发展趋势就导致WEB前端开发师紧缺和薪酬的飙升。目前高校IT类相关专业配置的WEB前端课程未能跟上 Web 前端技术发展和企业对人才新要求的节奏，为了人才培养跟上时代发展步伐，本文探讨了高校课程体系中配置WEB前端课程的个人观点，供相关人员参考。

1、WEB前端知识体系探讨

WEB前端开发的知识面广、技术、方法和工具多种多样，新方法新技术仍然在不断勇现，高校教学中能涉及到的有以下几个方面的知识体系：

第一部分是开发知识和技术，包括网页三剑客（HTML+CSS+JavaScript）的原理、知识、技术、方法和开发工具，包括HTML5还提供的表单控件和表验证、文档结构标签、本地存储、本地缓存及本地数据库等、更重要的是HTML5提供多种API，如用于渲染图形或其他可视图像的2D 绘图 API、支持离线 Web 应用程序的缓存 API、播放视频和音频的API、全屏API（Full Screen）、支持的编辑 API等;CSS3模块包括选择器、盒子模型、背景和边框、文本效果、2D/3D 转换、动画、多栏布局等，基于CSS3前端预处理技术Less和Sass等;JavaScript包含ECMAScript（核心）、DOM（文档对象模型）、BOM（浏览器对象模型）三个部分。ECMAScript提供了一种脚本语言规范，任何基于此规范实现的脚本语言都要遵守它的约定，ECMAScript 5，6新增JavaScript中的对象、面向对象、原型、作用域链、箭头函数、回调函数、闭包函数的调用方式及 this 指向、正则表达式、Set和Map数据结构、JavaScript设计模式并且引入JavaScript代码调试理论等。

第二部分是前端框架技术，目前的前端框架种类多且新框架也不断出现，这些框架封装了前端开发通用的HTML、CSS、JavaScript模块，为HTML文档提供操作和漂亮的各种控件，前端框架为开发人员简化了网页设计，大大提高了开发效率。开发中常用框架有BootStrap、layUI、H-ui、Framework7移动端框架、jQuery、Vue、React、Angular、Backboner等。

第三部分是WEB前端页面代码的优化技术，包括前端目录结构的组织，目录和文件命名规范;HTML，CSS，JavaScript代码书写规范，HTML代码、CSS代码和JavaScript代码进行分离。用背景图合并、图片文件预加载和懒加载、对JS文件的压缩等来提高网页加载速度。

第四部分是Web前端页面的调试和测试，掌握Chrome浏览器的调试工具，火狐浏览器的Firebug插件调试工具，IE的开发人员工具等技术的运用。页面的测试包括测试用例的设计，页面布局测试、功能测试、安全测试、兼容性测试和性能测试等。

2 WEB前端课程体系探讨

从前面探讨可知，WEB前端开发课程涉及到知识、技术、方法、工具等内容多且面广，在课程体系中是不可能面面具到的，只能选择基础性、应用性强的知识设置成必修课，同时设置高级技能选修课，学生根据自己的专业方向、爱好和择业需要选择学习，再配置实训课来强化学生的实践能力，构建学生理论基础、应用设计、前端构建和工具运用的综合开发技能。根据这个思路，构建WEB前端开发课程体系如下：

3 结束语

WEB前端开发从web应用开发中分享出来成为独立岗位，开发技术、方法和工具日益丰富，对开发人员的开发技能要求也越来越高，我们有必要探讨课程体系中WEB前端开发课程配置的改進和提升，来满足选择前端开发方向学习的学生通过多种方式学习，规划学习路线，提升开发技能。为了进一步满足学生应用型能力的构建，可试着对专业开设WEB前端开发方向班，系统地组织相关系列的知识体系教学。

参考文献：

[1]邵英安 鲍金玲 刘刚. Web前端课程理论知识体系的探讨[J].商情，2020（21）

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

（作者单位：四川工商学院）