1. 职责:切图仔,时期:前后端不分/后端MVC框架时期
在初级阶段,前端的主要工作,也是目前最基础的工作,就是将设计师提供的交互视觉稿进行切图,并通过HTML,CSS技术组装成大家所需要的页面模板,后段工程师则将页面模板嵌入数据,组装进整个项目中,这个阶段前端是没有办法独立完成项目的,也还没有真正意义上纯粹的前端工程师
2. 职责:前端项目开发 时期:前端 MVC 框架时期,SPA单页应用时期
这个阶段Ajax 技术促成了 Web 2.0 的诞生,通过API与后段接口进行交互,前端项目可以完成数据读写,页面切换,用户交互等一系列复杂的操作和功能,从某种程度来说,前端可以独立承载一个程序所需要的大部分事情。前端工程师的工作也从单纯的开发页面,变成了开发应用。大家常说的React, Vue, Angular都属于非常著名的前端应用开发框架
3. 职责:通过NodeJS成为全栈工程师 时期:多端应用时期(小程序,多智能终端)
随着移动互联网的兴起,大家的应用已经不仅仅停留在PC,而是蔓延到了智能手机,平板电脑,电纸书等多类型的电子媒介上,如何满足复杂功能的开发,多终端统一接口的调用和组装,都对前端工作者的工作提出了新的挑战。Node作为JS便携的唯一前后端都可以涉足的技术,让前端工程师的工作逐渐可以涉足更多服务端工具,引入了更多持续集成等软件工程的标准流程,通过类似中间层的构建,有一定业务规模的技术团队,逐步在像大中台,小前台的方向发展。
4.未来可期
如今,借助5G,云计算/服务的硬件发展,前端技术势必还会承载更多有趣和复杂的工作,小程序,跨端开发,云服务器部署,前端工程化,Serverless,WebAssembly等等,前端的工作随着时代的变迁依然在不断变革,同时也承载了更多的职责,希望前端工程师可以为大家带来更多优质和革命性的新应用~兴许如同赛博朋克时代的幻想一样,那些无处不在的人机交互界面和场景,都是前端工程师工作的努力方向。
图片Credit By CyberPunk 2077
从2010年1月底开始接触前端,干到现在快8年前端了。跟你分享下偶的经验。
要说快的话肯定是使用一键建站、或者某些CMS提供的拖拽功能来做页面。但是一键建站是外部产品,而支持拖拽功能的CMS报价不菲,印象中是几万起步。或者有些网络公司结合自身系统开发出的快速专题功能。但是这些不太适合小公司使用。
在零存货的情况下,肯定是技术、经验越丰富,前端页面做的越快。比如偶开足马力的情况下做完好几个页面,新同事可能一个页面都没做完,而且偶做的比他还漂亮。一个效果图扫几眼,心里大概就有谱了。
但是批量操作的话,偶觉得快的应该是直接用现成模板。需要什么模块,直接从旧模板上copy过来就完事了,最多改改细节。根据偶多年的经验,一个公司里面,需要开发的页面很多都是可以复用的。
不管效果图多复杂,其实拆开了无非就那些个小模块。可以在日常工作中将每一小块整理出来以备到时候复制黏贴。
比如一些模块是一行行的标题,有些是标题加图片,有些是图片加介绍,有登录模块,有查询功能等等,经常用到的其实也就几十种小块而已,可能多的话上百种。拖拖拽拽就生成页面的功能也是以此为基础来做的。
有同学说用框架可能会更快。偶认为这是片面的。偶承认用框架绝对会快,偶有些项目也是用框架做的,但是前提是你得懂框架。而学现在互联网上的框架的时间成本绝对不低。你要是有基础还好,没基础的话,光看说明文档得烦死你。
不管用dw还是sublime还是其他种种软件,都只是软件而已,最终看的全是后面的人。
给偶个文本文档偶都能写出来前端页面。
关于通用的CSS,偶有话要说。
偶在2012年左右的时候曾做过整站通用的CSS,后面发现坑了。原因如下:
偶当年放的是一些通用样式(偶以为的通用样式),包括页面头尾、各种fix等,后来发现页面由于那时候的水平不高,代码写的并不好。而且因为数次改版,那个CSS变得很臃肿。但是由于用了很久,即使有注释有些地方偶也忘了到底是干什么用的……而且这个css覆盖网站百万以上网页,偶也怕改错了造成不可弥补的错误。(感谢网站领导给偶的试错机会)
所以在某一个时间点之后,偶慢慢抛弃了这种总的css。但是偶现在也在做内部使用的小框架,准备再次将CSS搞成一个文件供公司通用,相信现在做的这个CSS应该会几年前做的那个好一些了。经过培训,在偶这个框架基础上,公司内部的前端页面开发速度应该会有所提升。因为现在大家公司的前端基本都在公司呆了2年以上了。而偶做的这个框架会尽可能贴近大家日常工作涉及到的工作,所以比较接地气,比学那些网站巨型框架要容易入手的多。
个人浅见,不吝赐教。同时欢迎关注偶的头条号,偶会不定时更新一些前端方面的东东。
Web前端开发,是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML、CSS和Java,这就要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。 可以看出,web前端入门是比较容易的,但是要想学好,发展的好,是需要付出很大的努力的。可以说web前端好学,但是要学好,要成为高级web前端开发工程师,并不是一件容易的事。因此很多想进入web前端的人员,都会在自学的基础上通过专业的培训来进行自偶提升。
自学可以学习PS,CSS等等比较简单的技术,但是其他的涉及到编程代码的技术,最好还是要经过系统培训,本人在优就业入门web前端的。