想成为前端工程师?在大学期间应该如何规划?

胡言乱语 前端客 2650℃ 0评论

毕业这几年,从Flex开始程序员生涯,后来开始做java,再后来开始涉及前端,发现做前端真的非常有意思,真正的是直接和用户对话,那种感觉非常棒。同时想起来,自己在大学里也做过一些网页开发,但是那时还没有涉及前端工程师这一概念。那时候做得很多网页都是基于table的,第一次涉及div的时候,看着页面元素满屏幕乱飘,是何等的窘迫。

好了,从回忆中走出来,今天我们来讨论下如果想成为前端工程师,在大学期间应该做些什么、学些什么、如何规划。

以下内容整理自知乎@雨戟的回答。

前端是近几年发展起来的职业,很多人对前端的认识比较模糊,前端偏美工是视觉设计,前端偏用户是用户体验,前端偏目标导向是交互设计,前端偏技术才是大家平时说的前端。和前端有关系的几样技术:Photoshop,Dreamweaver,Flash,HTML+CSS+JS,看过很多人给前端的建议也差不多是学习这几种软件和HTML+CSS+JS等等,不过我却觉得大家在把前端往一个误区引导。
先来说说和前端有联系的几个职位:前端工程师、视觉设计师、用户研究工程师、交互设计师。我们用在一些社区留言这个简单的例子来分析:留言的表面过程:打开留言页面——输入留言内容——点击提交按钮——留言显示在留言列表上。对于以上各个职位来说,实际上是以下过程:
前端工程师:留言框代码怎么写?留言框的显示、一些JS动态效果的显示(可能涉及异步请求)。
视觉设计师:什么样的留言框最漂亮?怎么布局?用什么色彩什么纹理?
用户研究工程师:用户怎么留言最舒服?很多人可能会和用户体验师混淆在一起,其实这两种人有着本质的区别。用户研究更侧重的是方法论,注重问卷调查访谈等等行为来了解用户的潜在行为习惯,而用户体验是一种行为,更侧重的是体验之后的实际感受。
交互设计师:留言过程中的反馈是什么?输入错误后的提示,留言成功后的反馈等等。交互设计可以理解为人机对话。交互设计侧重和用户交流之后,引导用户有效操作,比如鼠标放在超链接上字体变颜色、有title提示,用户点击超链接,我们就可以称这次交互是成功的,因此交互设计的重点在于目标向导。

这些分工十分细微,如果留言本是一个项目的话,需要从几个不同的角度来分析留言框,一个大型的项目比如社交网站、门户网站、行业网站这些职位都必须明确分工才能把整个项目做好,但是实际上即使条理清晰在项目开展过程中还会出现诸多意想不到的问题,在此不过多介绍。回到话题,现在你还认为你理解意义上的前端是前端吗?我以前以为前端是美工,但是后来我发现很多前端博客都在研究一个技术JS的各大框架,我更加确定前端并不是我理解意义上的前端,我更喜欢视觉设计,但是我依旧也是一个前端,所以前端是模糊的,甚至包括了一切。

前端没什么不好
如果你觉得前端没有前(钱)途,那我劝你干别的行业吧,如果你确定你喜欢前端,那就听听我的一些看法,当然也纯属主观臆断,你可以拍砖。逛过一些前端博客,大部分文章都是在分享JS的几大框架技术,Jquery占很多数,那其他框架呢?所以我也有个疑问,前端难道就是JS吗?最后我的答案:是的,如果你想成为纯粹意义上的前端,JS很大部分上代表了前端。

程序员眼中的前端(后端程序员和前端工程师的不同)
真正意义上学习编程是在大学的时候,那时候我的一个师长,他现在是Java工程师,他给我的建议是HTML+CSS随便玩玩就好了,我不太认同他的观点还是玩了很久,我并没有停留在HTML上,而是了解了更多技术,HTML是很多技术人都不耻的语言,甚至在一些人看来HTML连编程语言都不是,这个我在大学招新时候很有感触,他们觉得HTML不值钱又是小儿科的东西,连PHP他们都觉得2个小时就能上手,那HTML他们不用看就懂了,甚至在一些无知的人看来网站开发不算真正意义上的程序,因此也就不是程序员了,因为他们的眼中只有C/C++,很多前人的建议也是学编程从C开始学起,我现在再来看这种回答,真好笑,无知的人在骗无知的人罢了。尤其再看看那些人在做着二级、三级试卷,我当时就想说哥们儿你醒醒吧,但是我还是忍住了,因为他跟我无关。所以不要以程序员的思维来看待前端,前端是快乐的,不是挑战各种技术。前端的出发点也是用户(体验等等),程序员是以电脑为核心(算法等等)。千万要记住前端是以用户为出发点的,而在很多公司面试前端工程师时,只考察了前端工程师的编程技巧。

如果你确定你想做一个优秀的前端,我的个人建议:
首先,了解HTTP协议,玩弄各大浏览器于股掌之中,你是前端工程师不要跟我说你只知道IE核心的浏览器。IE系列,Firefox,Chrome,Opera,Safari都应该是你平时常用的浏览器,我经常使用chrome,其中elements,Resources,Network,Script,….这些你了解多少?还是你从来都不知道?那赶紧去了解吧。
其次,非常熟悉HTML+CSS+JS。我把学习技术放到了第二位,因为你必须首先了解整个网络,你才会更快捷和全面的了解前端技术。
之前说过很多技术人都不耻学HTML,那我来解释为什么要先学HTML
先和大家一起梳理各类编程语言,大致分为了六大类:网页语言、解析型语言、混合型语言、编译型语言、汇编语言和机器语言,依次越来越苦逼,无论从用户还是开发者角度看待,越深入越不能让人理解,用户体验越差,当然开发者也是用户,所以也就能理解为什么会有PHP、Python,Ruby之类的解释型语言了。
如果你只想学习好前端技术的话,只需要了解前两层的东西,也就是网页语言和解析型语言,网页语言HTML,解析型语言PHP,Python,Ruby至少要学会一种。如果你有更多的精力,你可以跳到更高层次,学习混合型语言C#或者Java,对于编译型语言C和C++如果你想做好前端工作,你可以不用懂得的。

为什么前端工程师需要了解这些编程语言呢?
一个WEB项目需要三种人:项目经理、前端工程师和后端程序员,他们之间需要沟通,不懂得如何沟通?如何说服?懂得能让项目进展的更顺利一些。我们回到刚才的例子——留言本,过程可以参照PHP的CGI(请求和响应等等),如果你不懂或者还是很模糊的话,我认为你还不是一个合格的前端工程师,当然你可以说你更偏向于视觉设计、用户体验之类的了。我的这种说法并不绝对,甚至如果你觉得你需要鼓励才能进步?那不好意思了,我只知道这是残酷的招聘法则,你可以去看看各公司对招聘前端的要求。
最后HTML5很重要,就犹如空气,看似不存在,好似不重要,但是缺少了空气,人类就无法生存,所以HTML是根本。
再次,艺术品的欣赏能力。PS、切图等等这些只是工具,工具只要经常用就会的,但是欣赏能力,或者只能说是天生的了,但是也要多培养自己的艺术欣赏能力,或者说让自己时髦起来。学会欣赏学会鉴别,其他的不多说了。
最后,关注前端们都在做什么?国外的我不推荐,我觉得国外的天空没那么蔚蓝。腾讯、新浪、淘宝、网易、百度……很多公司都有前端体验中心,他们的前端博客你知道不?他们在干什么?这些你了解吗,去了解他们在干什么吧,慢慢你就能培养出你的前端嗅觉了。
学会思考,自己去辨别真伪,每个人都有自己的体验,本篇文章纯属一家之言,主观臆断的说法,你可以参考并自己去验证,这也是前端工程师需要学会的东西。

推荐几个大公司的UED相关方面的博客(从月光博客抠过来的,总结的蛮全的):
1,淘宝UED TaoBaoUED | 做地球上最好的 UED
2,新浪UED 新浪UED | 一个关注用户体验、关注工作流、关注作品质量的有爱团队
3,阿里巴巴UED 阿里巴巴(中国站)用户体验设计部博客
4,UCD大社区 UCD大社区 – 以用户为中心的设计
5,支付宝UED:
交互设计:错误页面 – 支付宝 知托付!
视觉设计:错误页面 – 支付宝 知托付!
用户研究:错误页面 – 支付宝 知托付!
6,百度MUX 百度MUX
7,腾讯CDC 腾讯CDC
8,携程UED 携程UED-携程旅行前端开发团队
9,百度泛用户体验 FEX 做最专业的前端
10,腾讯WSD 腾讯MXD移动互联网设计中心
11,微博UDC 微博UDC | 让设计无“微”不至
12,网易UEDC 网易用户体验设计中心
13,CUED-迅雷用户体验设计中心

===================================

上文说的那些都是瞎扯淡,前端说简单些就包括几点:
1. 浏览器
2. 切图
3. 语言
4. 框架
5. 项目托管

引述完以上观点,我想再补充一点,那就是你的思想,每一种好的体验,都是我们把自己放在用户的角度冥思苦想,然后融汇了我们的想法做出来的。总结起来,就是 思想+态度+负责。

注:引述部分来自知乎,有删改整理。

喜欢 (3)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)