军校Web前端开发工程师塑造路径探讨

闫 晨 王泽丰

1.国防大学联合作战学院 河北石家庄 050011

2.国防大学军事管理学院 北京 100000

2005年之前的Web1.0时代，Web展示层主要处理的是静态页面，相关工作多由美工或后端人员兼职。2005年以来的Web2.0时代，需要动态展示并具有丰富交互效果的Web项目越来越多，相关需求爆炸性增长。在Web开发团队中，前端工作逐渐从原本的兼职中独立出来，成为一个独立的岗位。

1 军校Web前端工程现状

目前，军校没有开设前端工程师专业，计算机类专业中与前端有关的课程也不多，课程知识又比较陈旧。然而，当前Web前端开发工程已在军事教育软件中变得不可或缺，它所涉及的领域既深又广，它本身甚至还有进一步细分的倾向，如页面重构、视觉交互、数据可视化、Node、移动端开发、前端架构等不同侧重方向。

目前，军队院校在Web应用开发这一领域，侧重点在于功能的实现、逻辑的自洽、结构的稳固，这是军事教育特殊需求下的必然结果。然而今天，由于Web环境下的数据可视化、门户网对多浏览器的兼容、通用型移动端设备App开发等类型的项目需求十分强烈，因此军队院校必须拥有自己的Web前端开发工程技术人员和相应的人才储备，以满足信息化时代军事教育的新需求。

2 Web前端工程师需要掌握的技术

2.1 计算机语言

前端工程师至少需要三门计算机语言作为基础，分别是：

(1)HTML(Hyper Text Markup Language)超文本标记语言。

(2)CSS(Cascading Style Sheets)层叠样式表。

(3)JS(JavaScript)脚本语言。

HTML是标记语言，它是用来控制网页内容的语言。只要利用模板并熟悉几个常用的标签，就可以搭建简单的静态网页。

CSS是弱类型语言，用它可以控制网页内容展现的样式。

JS是一门非常松散的面向对象语言。在Web开发中，它通常运行在浏览器中(node.js出现之前)，用来编写网页脚本，控制网页的行为。JS的学习过程先易后难，是一门易上手、难以精通的语言。

2.2 工具软件

前端工程师必须会使用一些工具软件，主要有：

(1)PS(Photoshop)。通常来说设计师会给前端切好所需的图片，标注好各元素的距离、大小、颜色、字体字号等信息，但在实际工作中并不会一直都在“通常”状态，经常会有一些意外发生。为了更高效地工作，前端开发工程师必须要掌握一些PS操作技能。

(2)编写前端代码所用的编辑器。初级前端开发对编辑器并没有太高的要求，甚至用文本编辑器都能编写测试前端代码。所以，只要用自己喜欢的编辑器即可。

(3)Sublime Text3或WebStome。如果之前没有基础，对上述软件都不熟悉，那么推荐尝试使用Sublime Text3或WebStome，这些编辑器拥有代码高亮、代码智能补完、颜色区分语言和数据类型、错误提示等常用的基础功能；同时它们也拥有大量插件供使用者自行下载，这为它们提供了良好的可扩展性，可以满足中级前端工程师对初步自定义编辑器的需求。

3 Web前端工程师培养路径

3.1 基础软件学习

首先，最开始要学习的是HTML[1]和CSS。网络上有多种免费资源可以当作学习资料，看一些视频教程，做一些在线编码，都是不错的入门学习方法，而且还能体会到前端入门的乐趣—所见即所得。在前端初期学习的过程中，每新增或修改一行代码，都可以立即在页面上见到反馈，自己的每一点进步，都可以直观地通过页面体现出来，这是前端入门过程中的乐趣所在。

其次，就要开始了解HTML语义化、命名规范、习惯性书写注释、前端三层分离等前端编码规范的概念，这些概念并不会直接影响现有的代码练习，但是这些概念的应用可以让页面更容易被读懂，为将来的站内SEO打好基础，让页面在网络极差、无法加载CSS时，也有一定可读性，让页面能在将来的多人协作中，更容易地被人看懂和理解，让代码低耦合性，从而降低维护和更新的成本[2]。遵守前端编码规范是程序员的基本素质，对这些规范的应用是一种习惯的养成。

第三，学习Photoshop。Photoshop是一款复杂又强大的软件，单纯从技术上熟悉它，也需要大量的时间和例子用来练习。幸运的是作为前端工程师而言，最常用的只是裁切工具、取色、测量尺寸、转换格式、批处理等几个有限的功能，熟练地掌握它们，就可以把设计师给出的没有标注的PSD文件制作成网页页面了。这种能力将使前端工程师在团队中更受欢迎。

3.2 JavaScript学习

当有了上述基础之后，作为一名前端工程师的基础已经打下了一半，还需要学习JavaScript[3]。那么如何开始学习JavaScript呢？前端领域似乎每天都在诞生新思想、新框架，要学的新技术似乎越来越多，同时日渐式微，甚至消亡的技术也逐步增多，让人产生一种“乱花渐欲迷人眼”的感觉，但对希望入门的前端工程师来说，除了项目需要或非常有兴趣，否则没必要先去学习它们。要记住：“任何新技术的诞生，都是对基础技术的拓展。”

这些新的JS框架，都是对JavaScript这门语言的应用。所以必须拿出一定时间来学习JS的基础，从基本概念，如语法、变量、数据类型、函数的基础概念入手。然后再研究基础语法，尝试练习使用几个常见函数，一些常用方法，让自己对这门语言熟悉起来。

3.3 jQuery学习

当逐渐熟悉了JS后，就可以开始学习JS最著名的库之一—jQuery了。选择它作为第一个库学习的原因是，jQuery的通常用法是直接控制DOM，整体逻辑非常清晰。当熟悉jQuery的语法和一些常用方法、函数后，就可以用它在页面上制作一些简单的特效。通过这种方式不断练习，可加深自己对jQuery的理解。

到了这一步，已经可以用JS这门语言来做一些简单的工作，也可以尝试用一些库和框架来解决实际问题，但JS基础还很薄弱，需要加强基础学习，做到知其然亦知其所以然。《JavaScript高级程序设计》这本书几乎涵盖了所有需要了解的关于JS的知识，而《JavaScript权威指南》这本书则可以作为JS的字典来用。整个看书学习的过程中一定要做笔记，并切实地把书中的例子都亲手敲一遍。虽然不可能把所有细节都记住，但对某类问题会有一个初步的印象，在以后的学习和工作中遇到新的问题时，更容易知道去哪里找答案，不至于遇到新问题就一头雾水。

由于前端领域最近发展速度太快，相应的专业和教材建设滞后，很可能一本教材还没有正式出版，其所介绍的框架和库就已经被业界淘汰了。所以前端学习中最重要的能力就是自学能力，前边讲关于基础学习的重要性，也是为将来的自学打下基础。例如，在使用新的框架、新的UI时，难免要遇到二次开发、bug修复等情况。这种时候不可能一直等待作者的更新，需要自己动手来解决问题，而一名有坚实基础的前端开发工程师，则更容易解决这些问题。

4 结语

前端学习之路，先易后难。首先，要进行必要的学习，尝试用所学的知识，跟着demo搭建出第一张网页，体会到前端开发的乐趣。其次，在应用层面深入学习，让自己能够解决更多更复杂的实际问题，同时开始了解前端的各类规范，并强迫自己应用在代码中，学会如何使用常见的框架和库。第三，夯实基础，努力吃透JavaScript这门语言。这是一个漫长又艰辛的过程，每前进一步都要花费大量时间，只要坚持不懈，就可以成为一名合格的Web前端开发工程师，为军队院校教育教学提供有力的技术支持。