市面上的学习资料已经很多，但是缺点是内容太多了，让人无从下手。所以，我们做了一份极《极简WEB前端学习指南》。只把最重要的资料和学习方法记录下来，提供给大家，希望大家不要贪多，能够从这份极简指南入手，把知识学深学透，而不要贪多嚼不烂。
其实最重要的能力都是做出来的，光看书、看视频都没有任何用途。任何大牛都代替不了自己的动手能力，扎克伯格10岁开始接触电脑，高中开发出价值上百万美元的应用；乔布斯中学就黑了长途电话公司，这些都是勤于实践的结果。大家可以想一下，从小到大的生活中有没有真正尝试过实践能？有没有在兴趣的驱使下做出任何有趣的东西？如果没有，请现在就开始尝试。甚至可以不用看书，直接开始做项目，以写代码和思考代替书本单向的传输，反而可能更有效果。
很多大牛都不是科班出身，况且国内的教育体制其实培养不出人才。人才都是靠自己奋斗出来的，比如网易的前端技术组四个大牛中只有一个科班出身、Segmentfault的CEO、七牛的CTO，他们都不是科班出生；反而科班出身的局限性很大，填鸭式教育会导致人们丧失思考能力，比如上海这边复旦、交大、同济的研究生好多都进了国企，进了外企，走上了一眼看到头的职业路线，从此与技术大牛无缘。反而比如Segmentfault(国内最大的程序员技术社区)的高阳，高中辍学，反而能做到程序员社区的CEO。大牛与常人不同的是驱动着他的探索精神，与肯学习，不怕苦的钻研精神，不管你是否计算机相关专业，如果有志与在这个行业发展，我想都是能有所建树的。
关于学习方法很多人一上来就是学HTML/CSS/JavaScript，然后JQuery，... 但其实这样是不对的，就像盖房子一样，你是先做细节还是先搭骨架呢？当然先搭骨架了。所以首先了解整个结构，然后把内容填充进去，如果一开始就纠缠于细节，不但很难学好，而且非常痛苦，稍有不慎就然并卵-放弃学习。所以，应该先搭框架，再填充细节，甚至来就直接撸项目，从而在实践中更有效的学习。
一 搭框架
这里只介绍一个：哈佛《构建动态网站》
从整体上讲解网站的整体构成，不止是前端了，包括IOS，Android，无论是什么开发，其实都应该看下。
网易公开课：http://open.163.com/movie/2010/9/J/J/M7S6PN5ED_M7S94TUJJ.html
哈佛的经典的课程，主讲老师 David J. Malan是哈佛的明星老师，他不仅讲了这门课程，而且还主讲了哈佛的CS-50《CS50: Introduction to Computer Science》，这门课被列为史上最值得推荐的课程之一，不管是电子科学专业的，或是其它专业的，人文学科，甚至MBA都会来参加这门课，可以说以成为一个“现象级”课程。
《构建动态网站》从底层到实现细节的串连了网站开发的方方面面，从WEB到服务器开发再到数据库，计算机原理都得到了很好的阐述，连做开发5年的老司机都完整的看完了整个视频，是值得反复品味的一个课程。这这是哈佛一个学期的课程，国内的程序员培训居然用四个月时间只培训前端、后端，光华其表，败絮其里，正在的工程师绝不是培训出来的。
二 填细节
搭完框架其实可以开始填细节了，填细节的过程中一定需要注意练习，可以边填边做项目。教材可以找一份视频教程看一下，这里推荐两个，其实都大同小异，分别代表了国外和国内吧。
1 Udacity: 纳米学位《全栈开发》先说下优点: 课程非常好，又大又全，不仅包括了前端，而且包括如何搭建一个服务器，以及数据库，包括网络安全，如何部署可伸缩性的应用等等，不仅全，而且有一定的深度；并且自带项目，还有人指导你能完成项目，如果能够学完，那么技术是能够达到一定程度的。
优点说完了说缺点了：非常难，特别是对小白，估计完成率不会超过5%；本土化不足：全是英文，使用的工具也都是国外的一些工具，比如Google的接口，不翻墙可能没法用；而且他们的服务器经常不稳定，视频有时候会出现无法观看的现象；而且收费比较贵，一个月的收费抵网易整个课程的收费了。
2 网易云课堂微专业：《WEB前端开发》还是先说优点：简单、便宜、够用。不知是不是网易对前端的需求量太大了，要求可能不是很高，从JD中就可以看出，职位描述中的要求还不如一些创业公司。课程是相对比较简单的，但是对纯前端来说，已经是够用了，而且服务做的也还可以，论坛答疑，QQ群；比较接地气，毕竟是国内的项目，使用的工具啥的是国内比较常见的；目前还和有渔学堂合作做了一个线下MOOC中心，带着大家一起做项目，补齐了线上的不足。
优点说完了说缺点：内容略简单：很多常用的库都没讲到，虽说基础才是硬实力，但是常用的库还是要介绍下的；实践项目过少：只有一个大项目，而项目其实是并不可少的，所以项目还是得靠自己不足；整体内容还是偏单薄，需要大家去自学一定的东西。
三 做项目
最好的学习方法是实践，所以单看课程是没有的，甚至牛X点的都不用看课程，边做项目边查工具书。以下推荐一些适合前端入门的项目，包括源码。
学习方法：看懂，然后自己写一遍，贵精不贵多，一个项目做10遍比做10个项目强
1 实验楼项目组：http://www.jianshu.com/p/c4fed8903c7c
实验楼是一个提供了虚拟开发环境的平台，上面有许多有趣的课程，不用配环境直接能上手做项目，作为入门还是不错的。
难度：★（初级）
牛逼度：★（一般）
2 仿Taobao系统：https://github.com/KeithChou/taobao
可以了解下一个普通的网站是如何构成的，完全不涉及到后台，需要对JS的面向对象有所了解，这个项目主要是学习一个网站是如何组成的，交互是如何做的。
难度：★★（中高级）
牛逼度：★（一般）
3 earnfish.com
使用了amazui和threejs，效果比较惊艳。这个项目主要是学习库的使用。
难度：★★（中高级）
装逼度：★★★（threejs的酷炫动画）
---------------------------------------------------------------------
分割线：到这步基本达到了一个前端工程师的初级标准
-----------------------------------------------------------------------
4 前端库清单：https://github.com/dypsilon/frontend-dev-bookmarks
简介：包括了如何人肉实现动画、算法、兼容性等等
难度：★★★（自虐级）
牛逼度：★★★（架构师级）
四 参考手册
1 W3C （入门，经典，简单）
2 mozila的JS手册 https://developer.mozilla.org/en-US/Learn
五 书
其实不用看书，网上资料都查的到，这里推荐一本。但注意，不要一上来就看书，书是当资料查的。
（全文完）
网友评论