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

前端技术 everyinch 4718℃ 0评论

前端是近几年发展起来的职业,很多人对前端的认识比较模糊,因此有必要介绍一下前端,前端偏美工是视觉设计,前端偏用户是用户体验,前端偏目标导向是交互设计,前端偏技术才是大家认为的前端。

弄清楚前端要做的工作

下面解释一下和前端有联系的几个职位:前端工程师、视觉设计师、用户研究工程师、用户体验工程师、交互设计师。下面用一个简单的例子来解释:大家都经常在一些社区评论留言,留言的表面过程:打开留言页面——输入留言内容——点击提交按钮——留言显示在留言列表上。这里不讨论它的实现,只讨论看待留言的不同的角度:
前端工程师:留言框代码怎么写?留言框的显示、使用JavaScript如何实现动态效果的显示?异步请求如何实现?
视觉设计师:什么样的留言框最漂亮?怎么布局?用什么色彩?需要做一些纹理吗?
用户研究工程师:什么样的用户会使用我们的产品?什么类型的用户会留言?
用户体验师工程师:用户体验并不是指产品本身是如何工作的,而是指产品如何和外界联系并发挥作用,也就是人们如何“接触“或者“使用”它。强调的是用户与产品之间的所有交互以及对交互结果的想法、情感和感知
交互设计师:留言过程中的反馈?输入错误后的提示,留言成功后的反馈等等。交互设计可以理解为人机对话,交互设计侧重和用户交流之后,引导用户有效操作,比如鼠标放在超链接上字体变颜色,有title提示,用户点击超链接,我们就可以称这次交互是成功的,因此交互设计的重点在于目标向导。

这些分工十分细微,如果留言本是一个项目的话,需要从几个不同的角度来分析留言框,一个大型的项目比如社交网站、门户网站、行业网站这些职位都必须明确分工才能把整个项目做好。

前端是关注用户的,技术上主要是JavaScript

如果确定自己喜欢前端,可以逛一些前端博客。当然,里面的大部分文章都是在分享JS的几大框架技术,JQuery占很多数。前端难道就是JavaScript吗?答案是:是的,如果想成为纯粹意义上的前端,JavaScript很大部分上代表了前端。
虽然前端以JavaScript为核心,但也不要以程序员的思维来看待前端,前端是快乐的,不是挑战各种技术。前端的出发点是用户体验。千万要记住前端是以用户为出发点的,并不仅仅讨论技术!。

成长为优秀的前端的途径

1. 了解HTTP协议(HTTP 1.1),玩弄各大浏览器于鼓掌之中,你是前端工程师不要跟我说你只知道IE核心的浏览器。IE系列,Firefox,Chrome,Opera,Safari都应该是你平时常用的浏览器。
2. 非常熟悉HTML+CSS+JS。把学习技术放到了第二位,因为只有先掌握了网络以及协议的知识,才会更快捷和全面的了解前端技术。为什么前端工程师需要了解编程语言呢?一个WEB项目需要三种人:项目经理、前端工程师和后端程序员,他们之间需要沟通,不懂得如何沟通?如何说服?懂得能让项目进展的更顺利一些。如果不懂或者还是很模糊的话,那就还不是一个合格的前端工程师。当然你自己可以说更偏向于视觉设计、用户体验之类的岗位,可能这样的说法并不绝对。但我只知道这是残酷的招聘法则,如果有什么疑虑可以去看看各公司对招聘前端的要求。另外要特别强调的是,HTML5很重要,HTML是网页的基础,一定不要轻视。
3. 艺术品的欣赏能力。Photoshop、切图等等只是工具,工具只要经常用就会的,但是欣赏能力要多多培养才行,要学会欣赏学会鉴别。
4. 关注前端们都在做什么?腾讯、新浪、淘宝、网易、百度等公司都有前端体验中心,他们的前端博客知道吗?他们在干什么?这些了解吗?去了解他们在干什么吧,慢慢地就能培养出你自己的前端嗅觉了。

最后,推荐几个大公司的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-迅雷用户体验设计中心 http://cued.xunlei.com/

分享&收藏

转载请注明:陈童的博客 » 想成为前端工程师,那么在大学期间应该如何规划?

喜欢 (7)
发表我的评论
取消评论

表情

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
'; } if( dopt('d_footcode_b') ) echo dopt('d_footcode'); ?>