Web前端开发课程设置研究.docx

? ? Web前端开发课程设置研究 ? ? 邱红丽 张舒雅 （河南质量工程职业学院，河南 平顶山 467000） 随着互联网的迅猛发展，各种互联网项目的不断兴起，前端开发也由此逐渐成为一个不可缺少的专业研发角色。Web前端开发在国内开始被重视的时间不超过五年。从2014年至今，“前端工程师”热度持续走高，百度指数呈现指数增长趋势。身边学前端的人越来越多，前端招聘市场也异常热闹。虽然近两年人工智能、大数据很火，但Web前端开发依然热门。从招聘网站的数据分析来看，Web前端的岗位需求已经远远超过主流编程语言Java的开拓人员的数量。YouTube、谷歌等大厂也纷纷将视线转向Web前端。据统计，我国对于Web前端工程师人员的缺口将达到12万左右。 与其他计算机主流技术所不同的是，Web前端所包含的知识模块很多，且随着实际需求的变化一直在更新迭代。目前而言，HTLL、CSS、JS、DOM仍然是目前前端技术最为基础也是最为主要的四大基础模块。在掌握基础模块的基础上，Web前端工程师还必须进一步将技能层次化、系统化，从而能够胜任页面架构、移动页面开发等任务。 1 什么是Web前端开发 Web前端开发是协调前端设计师和后端工程师实现网站前端的开发、优化、交互的一个职位。在Web前端兴起之前，html+css的工作是被视觉人员所承担的，而js这部分则是由后端完成的。一个简单的网页可能用div+css就可以把它写出来，但是这里面是充满经验的。随着智能手机和移动互联网的普及，各种定制化的UI风格让兼容问题变得越来越头疼。因为要确保一个页面在任何浏览器当中能正常显示是很不容易的，浏览器厂商那么多，各自还有自己的专属属性，而且有的还要求在手机中能够显示，能够自适应屏幕等。单纯的css无法来控制，就需要学习javascript。因此，有企业开始把html+css+js这部分工作独立出来，由一个新的岗位来处理，成为一个处理视觉和交互的综合岗位，这才有了Web前端的出现。 因此，Web前端开发行业是伴随Web兴起而细分出来的行业。实际上，Web前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，它存在互联网的每个角落。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都属于前端工程师的专业领域。从狭义上讲，Web前端就是使用HTML、CSS、JavaScript等专业技能和工具将产品的UI设计稿实现成网站产品，涵盖用户PC端、移动端等网页，处理视觉和交互问题。 2 web前端开发的主要职责及技能要求 Web前端开发的就业面很广，选择的岗位有：前端开发工程师、资深前端开发工程师、网站重构工程师、前端架构师等等。他们既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。所以，不单单要掌握前端必需的各种技术，同时还需要对后台的知识以及网站架构和SEO网站优化技术都要有所了解。 Web前端的主要岗位职责如下： 1）负责系统前端的开发和优化，包括PC前端和移动端。 2）与后端工程师协作，完成前端代码，实现前后端逻辑分离开发，实现交互效果。 3）制作标准优化的代码，优化网站前端功能设计，解决软件系统前端相关的稳定性、效率性能的问题。 web前端的主要技能要求如下： 1）精通HTML/HTML5/CSS/CSS3/Javascript/jquery/Ajax/json等前端开发技术。 2）熟悉vue、react、angular、nodejs、bootstrap等常用前端框架，并对框架实现原理有深入了解； 熟悉ES5、ES6新特性。 3）理解Web标准、语义化，可以解决主流浏览器及不同版本的兼容性问题。 4）了解服务端后台技术。 3 专业课课程设置 Web前端处于程序开发的一个重要环节，既要与UI工程师沟通，又要与服务端的工程师沟通。 既然涉及视觉和用户体验，首先对UI设计知识，要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作、切图、颜色搭配、尺寸设计、屏幕适配方案等。然后，既要精通HTML5、CSS3、JavaScript、JQuery、Ajax等这些核心的Web前端技术，又要具备互联网交互设计能力，熟悉后端服务器运行环境和数据通信协议，掌握响应式布局框架、Bootstrap、AngularJS等新的JS框架的软件技术人才。 下面根据web前端工程师的主要职责，对专业课程进行了分模块设置。 基础模块UI设计基础、美学基础核心模块HTML5+CSS3、JavaScript程序设计、JQuery框架模块Bootstrap、Vue、Angular 、React、 NodeJS进阶模块面向对象程序设计、数据库、SEO 其中，基础模块和进阶模块是与UI设计师和服务端工程师进行交互的模块。作为Web