共计 2380 个字符，预计需要花费 6 分钟才能阅读完成。
好的文章是拿来分享的转载出处：https://blog.csdn.net/forever…
优秀的 Web 前端开发工程师 要在知识体系上既要有 广度 和 深度！应该具备快速学习能力。
前端开发工程师 不仅要掌握基本的 Web 前端开发技术，网站性能优化、SEO 和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
前端工程师至少都要满足四类客户的需求：1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可能实现的应用。一般来说，产品经理都追求丰富的功能。2、UI 设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说，UI 设计师侯倾向于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成 1px 的误差。3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。
一、基础
想成为前端开发者应该先打好基础：
HTML > CSS > JavaScript > jQuery >…> GitHub
不要担心以后会做什么决策，先好好深入学习。
在增值的方向上投资自己，才是最明智的。
学习了 HTML、CSS 就可以实现一些静态页面，不只是简单的静态页面，应该是稍微复杂一些绚丽一点的页面。
推荐书籍：《CSS 禅意花园》
二、JavaScript
JavaScript 可以跟着以下几张思维导图学习：学习 Javascript 首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！
1. JavaScript 变量
2.JavaScript 运算符
3.JavaScript 数组
4.JavaScript 流程语句
5.JavaScript 字符串函数
6.JavaScript 函数基础
7.JavaScript 基础 DOM 操作
8.JavaScript 正则表达式
9.JavaScript 数据类型
深入了解 Javascript，需要了解 Javascript 的原理，机制；需要知道他们的本源；需要深刻了解 Javascript 基于对象的本质；还需要深刻了解浏览器宿主下 的 Javascript 的行为、特性。他也有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题，需要深入了解、学会处理这些缺陷。
推荐书籍：初级：《JavaScript 高级程序设计》《JavaScript 王者归来》中级：《JavaScript 权威指南》《JavaScript.The.Good.Parts》Douglas Crockford《高性能 JavaScript》：Nicholas C. Zakas《Eloquent JavaScript》：高级：《JavaScript Patterns》《Pro.JavaScript.Design.Patterns》讲解 JavaScript 设计模式《Developing JavaScript Web Applications》：构建富应用的好书，针对 MVC 模式有较为深入的讲解，同时也对一些流程的库进行了讲解。
三、后端语言
如果单纯只是学习前端编程语言、而不懂后端编程语言（Java、PHP、ASP.NET，JSP、Python），也不能算作是优秀的前端工程师。
四、学习方法建议
1. 限制一次学习的量，并且不断地实践——实际编写代码。举个例子：就像学习数据结构一样，我有个同学 A 学习数据结构单纯的把书带到图书馆去看，我问 A 为什么不带电脑，A 回答说光是看就已经看不懂了。能发现问题么？有时候我们可能看不懂代码，但是动手敲一遍可能会更认真的跟着代码的思路走一遍，在运行出来结果或者跟着调试的时候 才会恍然大悟！喔喔！原来是这个样子的！同学 A 数据结构学了好几遍都没有学好，而另外一个同学 B 却对数据结构十分熟悉、笔试面试几乎难不倒他，他跟我分享学习经验的时候就告诉我，一定要动手敲！而且不止要敲一遍！——这也是很多人会走弯路，而很多人只会走捷径的关键。2. 用正确的心态去做练习，当成玩耍或者游戏。
3. 写代码的时间魔法，先告诉自己只写 10 分钟，然而就会陷进去乃至一下午。
4. 思考得更慢，学得更快。就像你在去理解别人的代码的时候一样，不要漏掉任何一行！
5. 首先用简明的语言来写复杂的代码。这是一种锻炼！
6. 定期定目标，每天都看看，想想，保持敏感、紧迫感、期待感。
7. 记笔记：
学习过程中搜集的资源链接；遇到的未决的疑问；那些很宽而我们用的很窄的知识点；那些能进一步深入而我们浅尝辄止的知识点；某个功能可能存在的其它实现方案的蛛丝马迹
还有些好书：《Developing Large Web Applications》：不仅有 JavaScript 方面的介绍，还有 CSS、HTML 方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的 Web 程序下，如何进行 JavaScript 架构设计，值得一读。《高性能网站建设指南》《Yahoo 工程师的网站性能优化的建议》《网站重构》《Web 开发敏捷之道》最好的资料就是某项技术的官方 SDK，一般技术都有文档，API，Quick Start，Guide，Tutorial，Demo，Example……结合书看效果最好。
有经验的人，新学一门技术，就要努力放空自己，让自己归零，这样会比较容易学进去，坚持下来。坚持最重要！
