如何成为前端工程师？

一、技术的必须的

作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似我字样对前端知识一知半解的，一遇到问题就停下工作就四处搜索解决方案的，首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下（包括搜索引擎），能够完成大多数任务。

以下知识点是作为一个前端工程师必须了解和熟悉的：

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。

DOM操作——怎样添加、移除、移动、复制、创建和查找节点。

事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。

XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。

严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。

盒模型——外边距、内边距和边框之间的关系，IE<8中的盒模型有什么不同。

块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。

浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。

HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。

JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。

很多前端工程师对一些库非常的熟悉，jQuery，Bootstrap等，但是对于库的熟悉并不能提现你的优秀，整整优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。

真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。

二、沟通很重要

优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。

产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。

UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。

项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。

最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。

不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受“这个功能有问题”之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。

那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。

专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。

三、提升无止境

优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

四、前端开发知识架构

前端工程师

SVG/Canvas/VML

D3/Rapha?l/DataV

知识管理/总结分享

沟通技巧/团队协作

需求管理/PM

交互设计/可用性/可访问性知识

计算机网络

软件工程/软件测试原理

D2/WebRebuild

NodeParty/W3CTech/HTML5梦工厂

JSConf/沪JS(JSConf.cn)

QCon/Velocity/SDCC

JSConf/NodeConf

YDN/YUIConf

MongoDB/CouchDB

HTML5/CSS3

响应式设计

Zeptojs/iScroll

V5/SenchaTouch

PhoneGap

jQueryMobile

CSRF/XSS

ADsafe/Caja/Sandbox

类库模块化

业务逻辑模块化

CommonJS/AMD

YUI3模块

LABjs

SeaJS/Require.js

项目构建工具

YUICompressor

GoogleClousureComplier

CleanCSS/UglifyJS

JSDoc

Dox/Doxmate

make/Ant

Grunt

Yeoman

OOP/AOP

原型链/作用域链

函数式编程

JavascriptTips

JSPerf

YSlow35rules

PageSpeed

HTTPWatch

DynaTrace’sAjax

高性能JavaScript

HTTP1.1

ECMAScript3/5

W3C/DOM/BOM/XHTML/XML/JSON/JSONP

CommonJS/AMD

HTML5/CSS3

jQuery/Underscore/Mootools/Prototype.js

YUI3/Dojo/ExtJS

Backbone/KnockoutJS/Emberjs

Codingstyle

自动化测试

JSLint/JSHint

CSSLint

MarkupValidationService

QUnit/Jasmine

Mocha/Should/Chai

WebDriver

VIM/SublimeText2

Notepad++/EditPlus

WebStorm

Firebug/Firecookie

YSlow

IEDeveloperToolbar/IETester

Fiddler

Git/SVN

Github/Bitbucket/GoogleCode

HTML/HTML5

CSS/CSS3

PhotoShop/Paint.net

JavaScript/Node.js

JavaScript语言精粹

IE6/7/8/9

Firefox

Chrome/Safari/Opera

前端库/框架

前端标准/规范

编程知识储备

移动Web

JavaScript生态

前沿技术社区/会议

计算机知识储备

后端工程师

Unix/Linux/OSX/Windows

MySQL/MongoDB/Oracle

C/C++/Java/PHP/Ruby/Python/…

参考链接：

JacksonTian/fks·GitHub

如何成为一个web前端工程师

前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。

Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！

关于书籍：

HTML、CSS类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。

Javascript的书籍推荐看老外写的，国内很多Javascript书籍的作者对Javascript语言了解的都不是很透彻。

这里推荐几本Javascript书籍：

初级读物：

《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。

《JavaScript王者归来》百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。

中级读物：

《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。

《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神领袖DouglasCrockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。

《高性能JavaScript》：《JavaScript高级程序设计》作者NicholasC.Zakas的又一大作。

《EloquentJavaScript》：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。

高级读物：

《JavaScriptPatterns》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。

《Pro.JavaScript.Design.Patterns》：Apress出版社讲解JavaScript设计模式的书，非常不错。

《DevelopingJavaScriptWebApplications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。

《DevelopingLargeWebApplications》：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。

要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“jQuery库”、“前端框架”、“HTML5”、“CSS3”。。。这些都要深入研究！

万事开头难！如果你能到这个境界，剩下的路自己就可以走下去了。

人们常说：不想当裁缝的司机，不是个好厨师。

在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。

0基础到成为前端工程师需要多久？从哪里入手？最大的困难是什么？

另一个回答的刘老师，见他好多次了，不过每次都是说一些理论，好像职场好像没怎么接触。需要时间大约三到六个月吧，当然是那种每天比较拿出一定时间学习的情况。当然这个0基础不是啥也不懂，你小学毕业就要做前端开发，不是说不行，难度还是很大的。假如你是大专或以上，可以继续看，不然建议多继续上学，因为即使你学会了，找工作还是很难的。难点对于写哪些，怎么学，遇到问题没人指导，容易绕弯路怎么办呢，看我置顶文章，里面详细写了整个过程。入手点就从css入手吧，买本书，大体看看，然后到网上找找视频，有老师带着容易入门有想学的可以私信问我，学的过程中也可以问我。欢迎点一下关注，有相关问题，及时讨论。

只会手绘不会p图有可能成为一个前端工程师吗？

如果热爱前端职业，就算现在不会，也会很快掌握ps这类工具。

如何成为一个好的前端开发工程师

首先你要有非常扎实的计算机知识功底，再次，你要有非常深厚的开发功力和丰富的经验，最重要的是，要有不断学习新技术的学习的态度。

如何成为一个好的前端开发工程师

首先你要有非常扎实的计算机知识功底，再次，你要有非常深厚的开发功力和丰富的经验，最重要的是，要有不断学习新技术的学习的态度。