怎样成长为一个优秀的 Web 前端开发工程师？

liuchengdan

用你的辛勤和汗水，多多学习，你总会有收货的

fmgold2000

坚持！

sznoni

@党建凯 除了要满足上面四类客户的需求，跟后端开发人员的沟通也是很重要的吧，我不知道别的公司是怎么样的，我所在的公司没有明确的前端开发职位，因为兴趣，我这个做后台开发的人兼职在做这个工作，我觉得跟后端开发人员的沟通，数据结构，接口都要有明确的文档沟通清楚，这也很重要的。

csn_chi

善于学习;  去一个好的团队;   多写代码;   热爱生活。  PS:前端求职

悟空师兄

多写，多练

hangan888

我说说我的看法，我觉得目前国内所谓前端工程师还是有好多分支的，有的前端在UED部门，有的在设计部门，有的在技术部门，所以首先要找好自己的定位，在技术部门的你就狂钻研javascript，死扣兼容性问题， 在UED部门你就可以关注一些交互，提高自己的沟通技巧（因为我觉得产品和交互就是耍嘴皮子的），在设计部门你就扣css细节，像素级别的，关注各种布局和效果的技术实现，提高设计稿还原度和效率。

你要求一个前端，即能高效准确的还原设计稿，又精通浏览器兼容性问题，同时精通javascript，各种跟后台的数据交互，又广泛涉猎产品和交互设计，能与交互设计是和产品唇枪舌战。你当前端工程师是神啊～

陈金林

还是要把浮躁的心放下来，稳住自己的脚步 这点我正在做

flymanman

今天看到的一篇文章哦，是google的一位前端人员写的
应该有点用吧
A Baseline for Front-End Developers - Adventures in JavaScript Development

wsy2007wsy

坑的项目多了，自然就成高手了。

wangjian1984928

一、技术的必须的作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似我字样对前端知识一知半解的，一遇到问题就停下工作就四处搜索解决方案的，首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下（包括搜索引擎），能够完成大多数任务。以下知识点是作为一个前端工程师必须了解和熟悉的：DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。DOM操作——怎样添加、移除、移动、复制、创建和查找节点。事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。盒模型——外边距、内边距和边框之间的关系，IE < 8中的盒模型有什么不同。块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。很多前端工程师对一些库非常的熟悉，jQuery，Bootstrap等，但是对于库的熟悉并不能提现你的优秀，整整优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。二、沟通很重要优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受“这个功能有问题”之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。三、提升无止境优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。四、前端开发知识架构前端工程师浏览器IE6/7/8/9FirefoxChrome/Safari/Opera编程语言JavaScript/Node.jsJavaScript语言精粹切页面HTML/HTML5CSS/CSS3PhotoShop/Paint.net开发工具IDEVIM/Sublime Text2Notepad++/EditPlusWebStorm调试工具Firebug/FirecookieYSlowIEDeveloperToolbar/IETesterFiddler版本管理Git/SVNGithub/Bitbucket/Google Code代码质量Coding styleJSLint/JSHintCSSLintMarkup Validation Service单元测试QUnit/JasmineMocha/Should/Chai自动化测试WebDriver前端库/框架jQuery/Underscore/Mootools/Prototype.jsYUI3/Dojo/ExtJSBackbone/KnockoutJS/Emberjs前端标准/规范HTTP1.1ECMAScript3/5W3C/DOM/BOM/XHTML/XML/JSON/JSONPCommonJS/AMDHTML5/CSS3性能JSPerfYSlow 35 rulesPageSpeedHTTPWatchDynaTrace’s Ajax高性能JavaScript编程知识储备数据结构OOP/AOP原型链/作用域链闭包函数式编程设计模式Javascript Tips部署流程压缩合并YUI CompressorGoogle Clousure ComplierCleanCSS/UglifyJS文档输出JSDocDox/Doxmate项目构建工具make/AntGYPGruntYeoman代码组织类库模块化CommonJS/AMDYUI3模块业务逻辑模块化文件加载LABjsSeaJS/Require.js安全CSRF/XSSADsafe/Caja/Sandbox移动WebHTML5/CSS3响应式设计Zeptojs/iScrollV5/Sencha TouchPhoneGapjQuery MobileJavaScript生态MongoDB/CouchDB前沿技术社区/会议D2/WebRebuildNodeParty/W3CTech/HTML5梦工厂JSConf/沪JS(JSConf.cn)QCon/Velocity/SDCCJSConf/NodeConfYDN/YUIConf计算机知识储备编译原理计算机网络操作系统算法原理软件工程/软件测试原理软技能知识管理/总结分享沟通技巧/团队协作需求管理/PM交互设计/可用性/可访问性知识可视化SVG/Canvas/VMLD3/Rapha?l/DataV后端工程师编程语言C/C++/Java/PHP/Ruby/Python/…数据库SQLMySQL/MongoDB/Oracle操作系统Unix/Linux/OS X/Windows数据结构参考链接：
http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.htmlJacksonTian/fks · GitHub如何成为一名优秀的web前端工程师（前端攻城师）？
显示全部