如何自学计算机前端开发？精细的自学步骤是什么样的？
我就是零基础转前端的，还间接辅导出一个测试同事同样转前端，我的经历应该有一定代表性。我打算先分析一下现在转前端的一些坑，然后再给出一些具体建议。如果前面没耐心可以直接拉到下面建议部分。目前看来，前端还
如何自学计算机前端开发？精细的自学步骤是什么样的？我就是零基础转前端的，还间接辅导出一个测试同事同样转前端，我的经历应该有一定代表性。我打算先分析一下现在转前端的一些坑，然后再给出一些具体建议。如果前面没耐心可以直接拉到下面建议部分。
目前看来，前端还是一个易学难精的行当，基础的HTML、CSS入门不难，做个静态页面甚至不需要任何编程知识；即使要添加动态效果，jquery 的易用和丰富的扩展性也能让你信手拈来。
==================================================================
好了，现在开始数坑。第一个坑来自JavaScript 这门语言，首先JS 是一门完整的编程语言，完全零基础的人学JS 很容易反复纠缠语法细节，而忽略整体思路和语言的应用。举个例子，JavaScript 的难点是闭包和原型继承，初学者（自然包括我在内）会花很多精力去吃透这个概念，这没错，但即使弄懂了概念，也还是不知道该应用在什么地方。大多数人的学习模式是了解概念 -> 提炼知识点 -> 总结归纳，这种模式学习其它东西问题不大，学HTML 和CSS 也能凑合，因为这两者本身就是一些规范和API，但编程不行，编程世界里是有一些通用的思想，比如面向对象，设计模式等等，因此有其它编程背景的人上手JavaScript 肯定会比你快，他即使完全不懂闭包，但看到闭包是构建私有作用域、保护私有变量，就知道闭包应该怎么用了，再结合一些实例就能直接写，零基础的人完全没法比，这是我们的弱项，要正视。我和那位同事前后几乎学了一年，走过很多弯路，才敢勉强说基本掌握JavaScript。
第二个坑在于前端的发展现状。前端已经不像几年前刀耕火种的那种状态，现在的前端圈几乎每天都有新的工具、新的工作流理念出现，乍看要学的东西很多，非常有可能你正在了解学习某一种工具，突然有人说这个工具过时了，另一种工具更体现未来。前端之所以发展那么快完全是因为目前各种规范正在完善，各种使用场景不断出现；业界对新规范、新场景的回应就是各种不同的新工具、新框架。这种情况同样要做好心理准备，你不可能去追新，唯一可行的就是打好扎实的基础，最重要的HTML 和CSS 和原生JavaScript 必须吃透，熟练运用；然后再推而广之到编程思想、设计模式上，这样新出一种工具你结合已有的知识、了解工具的使用场景，再参阅下文档和实例，就能直接开干了。
第三个坑在于零基础自学。前面说到，零基础入门前端的成本比其它人高、效率比其它人低，我相信认真、自律的人肯定都能入门，都能达到求职要求，但你必须要考虑到对于你个人从零开始学习一门完全不熟悉、对比其它入门者几乎没有任何优势的学科，仅凭热情，机会成本会不会大了点？你对前端有什么怨念吗？如果你把学前端的精力投入到自学其它东西，会不会更容易出成绩？那些转行成功的人都有些适合前端的特质，他们的事例也足够励志，但肯定有数以十倍计的人同样自学前端，最后没有学出什么东西，半途而废的。我要再强调一下，术业有专攻，有些人可以毫不费力地学出东西，而有些人即时再费劲也比不上前者，这不关乎智商和努力程度，希望你明白我意思。
==================================================================
好了，如果你看到这么多坑还没被吓跑，还是决定试一试，那我就给出一些具体的建议：
1. 不管你学习的出发点是找工作还是自己做东西还是纯粹爱好，实践的结果永远比单纯读文档高效。你要搭建一个随时敲代码、随时看结果、随时调试的环境，这个不难，一个chrome加一个文本编辑器即可。每学到什么东西就即时敲一遍，验证结果，然后再搜索下有什么实际应用。
如果你是为了找工作，情况又有少许不同。你应该重点关注工作场景的应用，也就是浏览器端的知识点，学习到能求职的最低水平，然后去找，再通过工作锻炼。对于前端来说，我想就是熟练使用PS 切图完成效果（这个其实我也不熟练…），能运用jQuery 完成DOM 选取、DOM 操作和事件处理（浏览器端的JavaScript 其实就这么回事，再复杂的效果也是这三板斧）；然后需要实现什么功能的话，就去搜索吧。如果你强项在设计、细心方面，也可以重点关注效果图的还原。
2. 自学方法要科学。一个人学习是特别容易走入弯路的，可能的话最好找到一位师傅能针对你阶段性的学习情况随时指导，随时给你归纳总结，随时给出下一阶段的学习建议。一个知识点，怎么应用，怎么和其它知识点串起来形成知识结构，有人指点和自己瞎学，效果差太远了。楼主要不爆个照，合眼缘的话，这个师傅我可以当！！！
有个learn enough to do something 的概念，就是别纠缠太具体的细节，学习到足够做什么的程度，然后开干，过程中遇到什么问题随时搜索，然后应用，这是编程人员最通用的学习过程。所以，永远记得用最小化的基础学习 -> 实干 -> 遇到问题搜索查阅文档 -> 归纳总结的学习模式代替以往的概念学习模式。
补充两点，搜索一定要用Google，加强自己阅读英语文档的能力（这个不难，技术文档的英语并不复杂，来来去去都是那些术语）
3. 学习资料要权威。学习前端，有一条公认比较科学的路径，我觉得首先是快速把w3school 过一遍，大致了解前端都有些什么知识点，网站上需要手敲的地方尽量都敲一下，锻炼感觉。然后是看书，假设你现在还是零基础，那就
看书是起点，伴随阅读过程要随时动手，通过实践归纳。看完这几本，如果顺利的话，求职初级前端工程师没什么难度了（争取做一个简单的网站，顺便接触一些网站建设、前后端交互的概念，有利求职）。但永远要认识到前端学习是一个漫长的过程，随时保持一颗好学、敏感的心，不断积累，JavaScript 的坑多着呢，别满足现状。
累了，先打那么多，想到再补充。
目前看来，前端还是一个易学难精的行当，基础的HTML、CSS入门不难，做个静态页面甚至不需要任何编程知识；即使要添加动态效果，jquery 的易用和丰富的扩展性也能让你信手拈来。
==================================================================
好了，现在开始数坑。第一个坑来自JavaScript 这门语言，首先JS 是一门完整的编程语言，完全零基础的人学JS 很容易反复纠缠语法细节，而忽略整体思路和语言的应用。举个例子，JavaScript 的难点是闭包和原型继承，初学者（自然包括我在内）会花很多精力去吃透这个概念，这没错，但即使弄懂了概念，也还是不知道该应用在什么地方。大多数人的学习模式是了解概念 -> 提炼知识点 -> 总结归纳，这种模式学习其它东西问题不大，学HTML 和CSS 也能凑合，因为这两者本身就是一些规范和API，但编程不行，编程世界里是有一些通用的思想，比如面向对象，设计模式等等，因此有其它编程背景的人上手JavaScript 肯定会比你快，他即使完全不懂闭包，但看到闭包是构建私有作用域、保护私有变量，就知道闭包应该怎么用了，再结合一些实例就能直接写，零基础的人完全没法比，这是我们的弱项，要正视。我和那位同事前后几乎学了一年，走过很多弯路，才敢勉强说基本掌握JavaScript。
第二个坑在于前端的发展现状。前端已经不像几年前刀耕火种的那种状态，现在的前端圈几乎每天都有新的工具、新的工作流理念出现，乍看要学的东西很多，非常有可能你正在了解学习某一种工具，突然有人说这个工具过时了，另一种工具更体现未来。前端之所以发展那么快完全是因为目前各种规范正在完善，各种使用场景不断出现；业界对新规范、新场景的回应就是各种不同的新工具、新框架。这种情况同样要做好心理准备，你不可能去追新，唯一可行的就是打好扎实的基础，最重要的HTML 和CSS 和原生JavaScript 必须吃透，熟练运用；然后再推而广之到编程思想、设计模式上，这样新出一种工具你结合已有的知识、了解工具的使用场景，再参阅下文档和实例，就能直接开干了。
第三个坑在于零基础自学。前面说到，零基础入门前端的成本比其它人高、效率比其它人低，我相信认真、自律的人肯定都能入门，都能达到求职要求，但你必须要考虑到对于你个人从零开始学习一门完全不熟悉、对比其它入门者几乎没有任何优势的学科，仅凭热情，机会成本会不会大了点？你对前端有什么怨念吗？如果你把学前端的精力投入到自学其它东西，会不会更容易出成绩？那些转行成功的人都有些适合前端的特质，他们的事例也足够励志，但肯定有数以十倍计的人同样自学前端，最后没有学出什么东西，半途而废的。我要再强调一下，术业有专攻，有些人可以毫不费力地学出东西，而有些人即时再费劲也比不上前者，这不关乎智商和努力程度，希望你明白我意思。
==================================================================
好了，如果你看到这么多坑还没被吓跑，还是决定试一试，那我就给出一些具体的建议：
1. 不管你学习的出发点是找工作还是自己做东西还是纯粹爱好，实践的结果永远比单纯读文档高效。你要搭建一个随时敲代码、随时看结果、随时调试的环境，这个不难，一个chrome加一个文本编辑器即可。每学到什么东西就即时敲一遍，验证结果，然后再搜索下有什么实际应用。
如果你是为了找工作，情况又有少许不同。你应该重点关注工作场景的应用，也就是浏览器端的知识点，学习到能求职的最低水平，然后去找，再通过工作锻炼。对于前端来说，我想就是熟练使用PS 切图完成效果（这个其实我也不熟练…），能运用jQuery 完成DOM 选取、DOM 操作和事件处理（浏览器端的JavaScript 其实就这么回事，再复杂的效果也是这三板斧）；然后需要实现什么功能的话，就去搜索吧。如果你强项在设计、细心方面，也可以重点关注效果图的还原。
2. 自学方法要科学。一个人学习是特别容易走入弯路的，可能的话最好找到一位师傅能针对你阶段性的学习情况随时指导，随时给你归纳总结，随时给出下一阶段的学习建议。一个知识点，怎么应用，怎么和其它知识点串起来形成知识结构，有人指点和自己瞎学，效果差太远了。楼主要不爆个照，合眼缘的话，这个师傅我可以当！！！
有个learn enough to do something 的概念，就是别纠缠太具体的细节，学习到足够做什么的程度，然后开干，过程中遇到什么问题随时搜索，然后应用，这是编程人员最通用的学习过程。所以，永远记得用最小化的基础学习 -> 实干 -> 遇到问题搜索查阅文档 -> 归纳总结的学习模式代替以往的概念学习模式。
补充两点，搜索一定要用Google，加强自己阅读英语文档的能力（这个不难，技术文档的英语并不复杂，来来去去都是那些术语）
3. 学习资料要权威。学习前端，有一条公认比较科学的路径，我觉得首先是快速把w3school 过一遍，大致了解前端都有些什么知识点，网站上需要手敲的地方尽量都敲一下，锻炼感觉。然后是看书，假设你现在还是零基础，那就
- Head First HTML与CSS（第2版） (豆瓣)，这个系列就是针对零基础的，非常易读，也有实用场景，推荐。
- CSS设计指南 (豆瓣)，简单讲解了一下CSS 的理论知识后，就投入到应用场景了 ，里面给出了很多经典的布局实现，强烈推荐。
- JavaScript DOM编程艺术 （第2版） (豆瓣)，曾几何时这本书是公认最合适的JavaScript入门书，但今天看来版本稍旧了；内容编排也较为啰嗦，很多逻辑代码在实践中完全可以省略，对初学者来说短平快的理念和操作性是入门书应该注重的，我建议结合书中的实例，重点关注DOM 这个核心话题，忽略书中那一大堆if...的逻辑判断。
- 锋利的jQuery (豆瓣)，把jQuery 当工具，了解jQuery 是代替JavaScript 做脏活的（DOM 相关、事件处理，浏览器兼容），看完这本，你应该能实现大部分简单动态效果了。
看书是起点，伴随阅读过程要随时动手，通过实践归纳。看完这几本，如果顺利的话，求职初级前端工程师没什么难度了（争取做一个简单的网站，顺便接触一些网站建设、前后端交互的概念，有利求职）。但永远要认识到前端学习是一个漫长的过程，随时保持一颗好学、敏感的心，不断积累，JavaScript 的坑多着呢，别满足现状。
累了，先打那么多，想到再补充。
责任编辑：
