写给想成为前端工程师的同学们 - WEB前端 - 伯乐在线
& 写给想成为前端工程师的同学们
前端工程师是做什么的？
是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
2005年的时候大多数网页长这样：
现在的网页一般是这样的：
前端工程师的发展之路和前景是怎么样的？
前端是一个相对比较新的行业，互联网发展早期（1995年~2005年）是没有专业的前端工程师的。随着互联网的发展，大约从2005年开始，正式的前端工程师角色被行业认可，到了2010年，互联网开始全面进入移动时代，前端工程师的地位越来越重要，前端领域的技术发展也越来越快，各种新的思想、设计模式、工具和平台都快速发展，对前端工程师的技能要求也越来越高。
有一些数据可以说明前端行业的发展迅速。
在2010年之后最流行的新编程语言中有相当部分和前端有关，比如 Dart、Clojure、CoffeeScript 和 TypeScript。
作为前端最重要的编程语言 JavaScript，在最近几年里不论是代码量还是关注数都稳居 Github 平台热门编程语言榜。
行业对前端需求量持续增加，前端程序员薪水在行业里面处于较领先的位置。
近年来最流行的编程语言很多都是JavaScript替代语言
JavaScript在最热编程语言 TOP10
近几年互联网公司前端团队每年扩张一倍
JavaScript工程师平均薪水排名在程序语言工程师收入前10
前端工程师需要什么样的知识和技能？
有人说前端工程师的技术栈是这样的：
还有人说是这样的：
实际上前端工程师最核心的技能还是：
在一个典型的互联网公司的产品研发流程中，前端工程师和其他角色的关系大致上是这样的：
前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。
在多终端的时代，如果一个产品同时支持PC、移动端，前端工程师还需要和更多的角色打交道：
JavaScript 对于前端是最重要的技能，所以优秀的前端工程师要有扎实的JavaScript基本功。而JavaScript这门编程语言也是目前程序设计领域炙手可热的宠儿，如今的它不仅仅只是用来开发Web，还可以用在各个方面。
JavaScript 可以用在“树莓派”这类智能硬件芯片开发
前端工程师也是软件工程师，所以软件工程师的基础知识也是非常重要的，这些基础知识包括：
计算机体系
数据结构和算法
HTML和CSS也是前端工程师非常重要的基本功，很多同学，尤其是喜欢写代码的同学容易忽视 Markup Language，实际上 ML 也是 UI 相关的领域里面很重要的内容，不应该被忽视。
有同学问说：“前端工作需求很多，老是改来改去，实际的技术点并没有多少，产品决定业务逻辑，从事底层基础服务会不会更有挑战和职业未来？”
的确，越贴近业务和产品层面上的工作，需求差异性越大，可能改动越频繁。不仅仅是前端改来改去，PHP服务端做业务的同学也面临这样的问题，业务逻辑改来改去。越底层通用性越强，改动相对较少。
不过事情都是有两面性的，首先可以这么想想，是底层基础服务的市场大还是互联网业务和产品的市场大。其次，基础服务的通用性很容易达成，而产品层面上如何通用化，如何在业务驱动的产品研发中利用工程化和工具化提升开发效率，这其实是一个很难的问题。丰富的互联网产品已改变和正在改变着我们的生活，然而作为产品的创造者，工程师们怎样让自己过得更好，这个领域值得研究。
另外，不要觉得实际的技术点没有多少，举几个例子：实现曲线和曲面动画，计算地图的最短路径，让png静态图片类似于gif图一样做局部的运动，抽奖游戏，物理效果的HTML5游戏，3D图表，增强现实的WebGL视频流处理等等，这些都是在前端领域中遇到的实际问题。
就 JavaScript 来说，在实际项目中设计最合适的模型高效率解决现实问题本身就很有挑战。作为一种典型的新生代编程语言，JavaScript 特性丰富，使用灵活，性能优良。面向对象、函数式编程、各种设计模式、MVC 和 MVVM，这些本身就有足够的吸引力。
前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web 标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。
前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师，而是所有人机交互领域的工程师。
前端工程师的学习和成长
前端领域发展很快，各种新技术新思想不断涌现，这是一个好现象。但是前端发展太快也带来一些问题，比如有同学就问到我究竟应该学些什么，Angular.js、React、Node.js、ES6、ES7、CoffeeScript、TypeScript……似乎永远有太多东西需要学习，有些东西好像还没学明白就被另一些新的技术取代而“过时了”。
其实还是那句话，前端工程师首先是软件工程师，基础是最重要的，如果基础不扎实，一切应用技能就都是“浮云”。前端的基础是什么？HTML、CSS、JavaScript基本功，数学、算法、数据结构、操作系统、编译原理基本功。
一个优秀的前端工程师必须要有自己擅长的领域，并且钻研得足够深入，同时要有眼界，能“跨界”。可以以前端作为职业，但千万不要把自己的技能限制在前端领域，因为有很多东西，只有站在前端之外，才能看得更清晰，更透彻。
学东西千万别盲目跟风，大家都在谈AngularJS就立即跑去学习，过几天大家都谈React了，就又放下AngularJS去学习React。前端领域知识点很多，值得学的东西也很多，聪明的同学懂得花时间学习成体系的知识并且研究得足够深入，因为只有这样才能从中总结出规律，形成方法论，这样才能最大化学习的价值。
知识的正确用法 —— 一个领域里面的大师永远不会是另一个类似领域的菜鸟
这次前端星计划布置的一个实现带有农历和节气的万年历，有些同学卡在农历计算上，大约70%的同学懂得去网上找代码，但只有不到1%的同学真正弄明白农历计算的原理。
在面试的时候，面试官问到如何做前端性能优化，有的同学能够拿雅虎的性能优化军规回答得头头是道，反复强调使用工具压缩静态资源，但是自己搭建的博客的nginx服务却没有开启gzip。都知道说要合并静态资源，要减少HTTP请求，然而为什么要减少HTTP请求，减少请求之后预计能改善多少性能，获得多少收益呢？需要弄明白这些问题，也需要深入了解HTTP协议本身。
还有一个更有趣的问题，大家都说写HTML的关键是语义化，那么到底什么是语义化呢？这个问题难住了不少同学。标签要符合语义，这个答案看似简单标准，但什么样的标签才是符合语义？强调用 strong 不用 b？那如果有个外星文明，它们的语言里 strong 相当于地球的 bold，bold 相当于地球的 strong，那么它们究竟该用 strong 还是用 b？我们说 i 标签是斜体的意思，那为什么
拿它做 icon font 的标签，这是不是“反语义”的？
过去很多地方农村有一种民间的染坊，制作染布的染料。这种染房里面有一口很大的铁缸，通常都要有一个身体非常强壮的工人拿一根很长的铁棒在染缸里面用力地敲击，敲得越响，制作出来的染料颜色越鲜艳。 为什么越用力敲打铁缸染料就越好？染坊的人说这是祖祖辈辈传下来的经验，而事实上也是如此，真的染料的颜色和敲打用力有很大关系。直到有一天，一位从村里走出去学化学的大学生，弄明白了原来只需要在染料中加适当比例的铁屑，就能让染料和含铁元素氧化物产生化学反应而变得更鲜艳。原来祖祖辈辈传下来的“仪式”实际上在真实原理面前只是一种信仰和宗教。同样，如果我们不去了解技术的本质而止步于应用，那么我们就只是技术宗教的信徒。所以在周爱民老师的《JavaScript 语言精髓与编程实践》中说，计算机语言如同祭司手中的神杖，神杖换了，祭司还是祭司，世人还是会把头叩得山响。祭司掌握了与神交流的方法，而世人只看见了神杖。
由兴趣选择前端
在我学程序设计的最初，我学习的是C语言，然而整整一本书除了教我如何在黑洞洞的控制台上输出 Hello World 和各种其他字符或者用键盘输入一些什么然后依然是字符输出外，就没有什么其他的内容了。学习了一段时间之后，我的内心一度是崩溃的，因为我觉得这和我想得不一样，学了那么多知识，我都不知道自己究竟算不算是“学会”了C语言，因为在我看来，那些丰富多彩的操作系统和各种应用软件和黑洞洞的控制台之间明显还有着非常巨大的鸿沟。
事后回想起来，当时的想法当然是幼稚可笑的，那时候的我并不知道程序语言和运行环境之间的区别，对操作系统、用户API、硬件接口、网络服务等等都完全不了解。然而这并不能怪我，因为C语言的教程并没有任何一言半语来告诉我这一点，我也不知道学习了C语言的语法之后接下来还应该学习些什么。
相对来说，Web开发更吸引我，因为不需要安装任何环境，只需要在文本编辑器里面输入一些字符，保存后打开浏览器，马上就能看到丰富的视觉效果，这就是前端的优势，你所做的努力立即就能看得见。
相对于死板的输入输出，Web开发在界面可见的一层要丰富多彩得多，这一点吸引了我，如果这一点也能吸引你，让你着迷，那么你就适合学习前端。
在选择前端作为职业之前，要明确判断自己对前端开发的确感兴趣，选择做前端，应该是确认自己喜欢和适合做前端，而不是为了一份看起来体面而且薪水不菲的工作。如果你对构建丰富多彩的界面、处理各种交互逻辑不感兴趣，甚至厌烦，那么最明智的选择是放弃成为前端工程师的想法 —— 因为选择一个自己不喜欢的职业，为之忍受数十年直到退休，实在是一件很悲催的事情。
对在校学生，我们看重哪方面能力？
有同学问，360前端是否一定要求实际经验的学生，在这里我可以回答：否。
对于学生，我们比较关心的是：
基础：包括数学、算法、数据结构、计算机相关基础的掌握。
学习能力和学习方法：如何学的前端，学了多久，学到什么程度，遇到过什么问题，是如何尝试解决这些问题。
兴趣：对前端的兴趣如何，这一点可以体现在很多细节上。有一个反面的例子比较常见，一般来说我会问学生最近在关注什么前端新知识，有的学生会说我关注某某某，但当我再问他究竟关注到什么程度，会发现他实际上根本没有在这项新知识上花费多少时间。如果你对感兴趣的问题都不花费时间，如何证明你自己对前端的“兴趣”呢。
解决问题的能力：遇到难题如何解决的，遇到没接触过的问题是如何思考和最终解决的。从这里可以判断出同学有没有前端思维，这些问题没有标准答案，我们不追求某些“官方思路”，看重过程而不是结果。
关于简历，有同学提到说现在似乎很多公司都希望学生会点 Node.js，会点 React，我自己不会该怎么办。
我想说的是，我们并不要求学生必须会这些。相反，我个人更鼓励学生利用时间打好基础。简历上写自己真正擅长的内容即可，我们不会因为在你的简历上看不到 Node.js 或者 React 就忽略你。只要你真心热爱前端并用心学了，你应该明白如何用前端基础来打动我。有的学生喜欢在简历上堆砌词汇，实际上这一点不见得好，因为如果你写了一个你自己一知半解的东西，最后在面试中被面到了，一定会得负分的。
技术本身是有深度的，A 同学说“我知道React但没用它做过东西”， B 同学说“我用AngularJS写过一些个人的小项目”， C 同学说“我上个月使用弹性布局的思路来写我的博客，结果在Android系统4.1版本的Webkit浏览器下出现了一个显示bug，最后我是这样这样解决的”。你们说 A、B、C 三个同学我们会选择哪个同学？
面试是一个彼此交流的过程，我们希望看到大家在前端领域的能力和潜力，“知道”一件事，并不是一种有价值的能力，尤其是在知识廉价的互联网时代。我们的同学千万不要像背书一样去死记硬背一样东西，而应该真正用心去学。我们的高等学校不仅仅教授大家知识，还有如何真正学习和做研究，不是吗？
如果你对前端真的感兴趣并有潜力，花点小心思，你该知道如何学习它。
最后，祝愿大家都能成为优秀的前端工程师。
可能感兴趣的话题
说得真好！！！
o 126 回复
o 145 回复
关于伯乐前端
伯乐前端分享Web前端开发，包括JavaScript，CSS和HTML5开发技术，前端相关的行业动态。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2017 伯乐在线如何修练前端工程师这个职业？（2）
怎么样才能保持在风头浪尖？
现在我就告诉你如何才能不被这个行业一脚踢开。
学而不掇-这很明显，但却非常重要。你需要保持学习，阅读各种书籍教程，在你的空闲时间里开展一些课程。减少你的午后休息时间，早点起床。学习一点你每天工作之外的东西。
逃出安逸窝-你现在做的东西可能很有意思很爽，但是你明年或者后年还能做这个么？这不好说，因此不要让你自己活得太舒服了。做点疯狂野性的事情。跳脱出思维的桎梏就能够发现新大陆。你之前不是搞LAMP的么？下载Visual Studio Express学着建一个ASP站点吧。（译者注：这种行为更傻逼&&）如果相反你是个微软的开发者，那就去下载XAMMP搭建一个php站点呗。或者选择Ruby on Rails或Node.js来部署站点。做点以前从未做过的事情。
忘掉限制-我前面提到的限制中.Net和LAMP这两种技术算是一个。忘了它吧。你没有理由不在Windows上安装PHP并综合使用。将这些限制都扔到一边去，因为这些限制将会变得越来越无关痛痒。随着PAAS和别的云平台的快速成长，你没有理由不去选择这些最好的技术并交叉使用他们。
*不要畏首不前-我使用LAMP技术已经挺长时间了，我也挺喜欢它们的。有次有一个提供ASP职位的机会，我是真心想要这个机会啊。我最后还得到了这个机会并开始从头学起。这让我觉得挺带感挺有意思的，这个机会也让我走进了&多语种并行&的境界。（译者注：各位老板看到了吗？这种人就是俗称的&x一样的队友&）写C#页面改变了我看待事物的方法，我开始将这些心得体会用回PHP并开始学习如何搞出更好的站点。
学习ps和ux/ui的内容-这原来是一个毫无关系的工作，但是现在他们合并了。必须承认现在依然有人专注于编程，有些人专注于用户体验，但是更多老板期望自己的狗腿子两个都会，这样他们就能少发一份薪水。即使你不是一个专门搞艺术妹子或者用户体验的，但是你也应该熟悉这些内容以便于和专门搞这个的专家一起工作。他们的工作和你的一样重要，有时更甚之。
保持手下功夫-你需要将你的视野拓宽到其他的领域，但是专注于你用来吃饭的本事是没什么错的。提升你自己写软件的功力。当新的玩意出现的时候，尽可能快的学习之哪怕你不用。尝试新的技术和方法，这些东西每天都在变化。如果你写了六个月之久的同样代码，那你前进的就不够快了。
时刻关注行业进展-最近行业中有什么事情发生了？人们又在折腾什么东西？你需要一直密切的关注这些东西。一些明显优胜的潮流就需要你去密切的跟进，至少是很熟悉这东西。移动开发啊，多语种并行啊，平台即服务啊，大数据啊，云平台啊，这些是web的未来，你都了解他们吗？（译者注：这里面不知道的不少&&）
建立或加入一个开源项目-在Github和微软的Codeplex尚有不少的开源项目可以供你加入，或者你还可以自己建立一个。（译者注：译者的github号同译言号）无论是多小的东西，如果它挺靠谱就会有人加入并建立分支。为什么呢？因为包括我在内的很多人都认为沾了铜臭，编程就没什么乐子了。但是为开源贡献就是对知识的贡献，这同时也帮助了其他人。它将会为你学习新事物，学习和编写不灵你尴尬的代码提供动力。（译者注：我觉得这说的还是很在理的，大家可以试试）
置身事外-我可没说让你整天泡在社交站点上，但是你需要开始思考一下你在互联网上的存在。当你申请一个工作，哪怕是内部的，人们都会去Google你。他们会发现什么呢？希望他们会发现你的blog上有点能表现你功力的东西以及你的社交什么的。他们会看到在你身边发生的种种事情而不是对你这个只会上网看新番玩galgame的死基佬一无所知。
开始把你自己放到一个问题解决者的位置，而不是一个码农-作为一个前端工程师，你的工作就是那人钱财替人消灾。不要因为太在意写代码而忘记了你的初衷。你不是被雇来写代码的，你是被雇来解决问题的。你应该一直寻找最有效的解决方法。没有人在意你想出了一些新办法来组织衍生类，但是他们关心你能在不破坏的情况下很快的改变软件。
如果你对你的工作很认真，对你的工作很有激情，你可能已经知道我之前说的那些东西。技术这个东西就像个竞技场，虽然学习是必要的，但是它却比以往进步的都快。对于大部分的人来说，这就是地球上的天堂，因为我们能够创造所有很酷的东西。但是对于那些拒绝改变的的人来说，你还能捧着饭碗的时日不多了。
如果你并不喜欢这东西，你应该寻找你真正喜欢做的事情。如果你确实对技术有着激情，并喜欢学习新的东西，这将会是一个适合你做一个优秀前端工程师的世界。进入这个行业的门槛很低，机会无处不在。在商界你会是创新的力量，因此&去做最好的自己&。
原文作者：
看过本文的人还看过
最新图文推荐
大家感兴趣的内容
网友热评的文章帖子已被锁定，不能回复或引用已经锁定的帖子前端开发知识结构
前端工程师
IE6/////&(Trident)
编辑器和IDE
Coding style
自动化测试
前端库/框架
前端标准/规范
编程知识储备
项目构建工具
类库模块化
业务逻辑模块化
模块化预处理器
ADsafe/Caja/Sandbox
HTML5/CSS3
前沿技术社区/会议
NodeParty//
QCon/Velocity/SDCC
YDN/YUIConf
计算机知识储备
软件工程/软件测试原理
知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识
SVG/Canvas/VML
后端工程师
C/C++/Java/PHP/Ruby/Python/&
网页服务器
文件缓存/代理
Unix/Linux/OS X/Windows
前端书籍推荐
★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.
JavaScript
版本控制工具
后端书籍推荐
前端工作面试
阅读(...) 评论()