24小时服务中心

售前咨询:

点击这里给我发消息

售后服务:

点击这里给我发消息

如果需要前端工程师一定要先知道的事情-上

当前位置:首页 > 帮助中心 > 建站技术 >

对我而言,前端工程师是一群,横跨设计与工程领域,美感理性兼备,对Web充满热情,相信自己可以利用Web改变世界的家伙。

而这篇文章点出一些对前端工程师的迷思,包括:前端门槛是否较其他软体工程师的门槛低?为什么我们需要前端而不是全端。经历过这些年网站开发变革的前端们,阅读这篇文章会特别的有感触。

前端工程师

时至今日,搞混Web开发与前端工程的情况仍所在多有,这怨不了谁。对多数置身Web产业外的人来说:Web开发介网页视觉设计与其实作技术之间,存在着模糊的空间。说到底,前端工程师还是在做一些网站开发的工作,不同之处在,他们只着重在牵涉使用者的部分。

实 作使用者介面与使用者体验这个技术领域,则是最近才开始被赋予名称的。在15年前或更久之前,人力被分成网页视觉设计与技术开发两种。但随着Web的成 长,网页不再只有到达页(landing page)与营销的目的,对工程师的需求也明显增加。人们开始学习JavaScript,后端技术,使用者体验,资料库,甚至是网站系统设计。如今,像是 AirBnB、Facebook或是Quora等网页应用程式,在工程师的人力资源投注上也比在设计师上来的多。

换句话说,产出网页的视觉设计,然后实作 出来变得更加快速。这并不代表网页视觉设计较不重要,或是投注在其中的资源比20年前来的少,而是今时今日对Web工程师的需求比以前更大了。

因为网站实作的技术牵涉到很多不同领域,90年代中期的Web工程师们可以说是十八般武艺。他们可能是兼具资料库管理者、系统管理者、后端工程师、软体维运 人员(DevOPs)、软体工程师、使用者体验工程师跟前端工程师。最新也是大家最怕的的一件事,用JavaScript、HTML跟CSS把设计图上的 样子刻出来,还要让他在浏览器上看起来有模有样。要能在前端的领域里悠然自得,除了得对视觉设计有些兴趣,某种程度还要是个被虐狂。

很明显的,当你应付了几次Web应用程式大量的需求后,你会发现这一拖拉库的技术工作,需要各种不同角色的人分工完成。我不知道哪些工作比较费时,或哪种角色比较累(注1)。但现实就是,很多公司或 网页设计 公司发现:一个人不可能处理好各种技术细节。我之前提到的那些工作描述:像是后端工程师,资料库管理者等,都属Web产业的一部分。记住,这些工作多数已经行之有年,但在Web产业中,都是在近十年才明白这些职缺所要求的技术能力。

关于前端工程师的误解

另 一个很难找到前端工程师的重要原因 ( 对我来说这点最重要 ),因为这是一个被误解的领域。如同原po在他提问中所述,大多数人认为前端工程师是一个「相对简单的领域」。用一个之前流行的比喻 -「大多数人觉得 XXX 是 (What most people…)」,我们来看看套上前端工程师会是怎样:

大多数人认为前端工程师是:

1.拿PSD档,图片或是草稿,然后把他转成网页。

2.有时候只是拿以前的PSD档,图片或是草稿来设计(改一改)。

3.用Javascript来写动画,做出网页里的过场效果。

4.用HTML跟CSS来写网页里的内容跟外观。

前端工程师真正在做的事:

1.建立一种设计师与工程师之间(沟通用)的图像化语言。

2.从视觉设计的角度来看,定义一组元件来呈现内容、品牌跟功能等…

3.建立一套Web应用程式的基础,包含规范、框架、需求、图像化语言( Visual language )跟规格。

4.定义Web应用程式支援的范畴,包含装置、浏览器、萤幕与动画。

5.写一份QA指南,以确保品牌忠诚度、程式码品质,以及产品都有让相关人士审视过。

6.写(Style)一个Web应用程式,要运用适当的空间、图片、排版(typography)、标题、字型、icon、内外边距(padding / margin)、格线系统(grid)等。

7.写(Style)一个Web应用程式,要能考虑到不同解析度的图片,多种装置为导向的样版图,还要兼顾设计指南。

8.下Web应用程式的标签时,要考虑到语义 ( semantic ),accessibility,SEO,schemas 和 microformats.

9.连 API 抓资料时,要能采用友善,不耗电,了解目前用户端与装置状况的方式 ( 译者按:举例来说:针对行动用户的网络与硬体的限制,改变拉资料的方式来避免电池与频宽的消耗 )。

10. 用户端的程式开发,要能呈现顺畅的动画、过场效果、延迟载入(lazy loading)、互动效果及操作流程,其中大多数的时间都耗费在渐进增强与向下相容标准。 ( 渐进增强:例如为了在设计与效能间取得平衡,某些前端的效果,例如渐层色,阴影等,只能有条件的支援旧版IE)

11.确保与后端间的连线是安全的,考虑使用跨网域资源分享( Cross Origin Resource Sharing (CORS) )时,要避免XSS跟CSRF的状况发生。

12.不要忘了,不管多严格的结案期限,相关人士的各种要求,以及装置的限制,永远把使用者摆在第一。

 

关键词:前端工程师