前端学习路线 ①

好的文章是拿来分享的
转载出处： https://blog.csdn.net/forever...

优秀的Web前端开发工程师 要在知识体系上既要有 广度 和 深度！应该具有快速学习能力。

前端开发工程师 不只要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，并且要学会运用各类工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

前端工程师至少都要知足四类客户的需求：
　　一、产品经理。这些是负责策划应用程序的一群人。他们会想出不少新鲜的、奇怪的、甚至是不可能实现的应用。通常来讲，产品经理都追求丰富的功能。
　　二、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一向性以及总体的好用性。通常来讲，UI设计师侯倾向于流畅靓丽、但并不容易实现的用户界面，并且他们常常不满前端工程师形成
1px 的偏差。
　　三、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标每每是尽可能保持事情的简单化，以及不在升级更新时引入新问题。
　　四、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会常常与最终用户打交道，但他们的反馈意见相当重要。最终用户要求最多的就是对我的有用的功能，以及竞争性产品所具有的功能。

1、基础

想成为前端开发者应该先打好基础：

HTML > CSS > JavaScript > jQuery >...> GitHub

不要担忧之后会作什么决策，先好好深刻学习。 
在增值的方向上投资本身，才是最明智的。

学习了HTML、CSS就能够实现一些静态页面，不仅是简单的静态页面，应该是稍微复杂一些绚丽一点的页面。

推荐书籍：《CSS禅意花园》

2、JavaScript

JavaScript能够跟着如下几张思惟导图学习：学习 Javascript 首先要知道这门语言能够作什么，不能作什么，擅长作什么，不擅长作什么！

1. 变量

2.运算符

3.数组

4.流程语句

5.字符串函数

6.函数基础

7.基础DOM操做

8.正则表达式

9.数据类型

10.Windows对象

深刻了解Javascript，须要了解 Javascript 的原理，机制；须要知道他们的本源；须要深入了解 Javascript 基于对象的本质；还须要深入了解浏览器宿主下 的 Javascript 的行为、特性。他也有不少缺点，各个宿主环境下的行为不统1、内存溢出问题、执行效率低下等问题，须要深刻了解、学会处理这些缺陷。

推荐书籍：
　　初级：
　　《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模式有较为深刻的讲解，同时也对一些流程的库进行了讲解。

3、后端语言

若是单纯只是学习前端编程语言、而不懂后端编程语言（Java、PHP、ASP.NET，JSP、Python），也不能算做是优秀的前端工程师。

4、学习方法建议

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……结合书看效果最好。

有经验的人，新学一门技术，就要努力放空本身，让本身归零，这样会比较容易学进去，坚持下来。坚持最重要！