javascript - 分享过去学习web前端开发经验指引或学习路线，让我们初学者可以学习！

希望有经验的大大可以分享你们的过去学习经验，让我们初学者学习学习。^^
我是一位自学，我目前有在treehouse学习前端，而且我有在网络找到关于学习html5/css3 pdf来学习。
我的学习系统很乱，因我觉得我这里学一点哪里学一点，完全到最后都不知道学了什么，很迷糊。
我想重新调整学习路线，我知道我将要学习语言 前端-html/css/js ，后端-php/mysql。

这是我将要step by step学习web前端：
1.html（完成关于html5电子书或其他网站，就做练习）
2.css （完成关于css35电子书或其他网站，就做练习）
3.js （完成关于js电子书或其他网站，就做练习）
（完成以上就做一个完整的项目）

接下来将要step by step学习web后端：
1.php/mysql （完成关于php/mysql电子书或其他网站，就做练习）
（完成以上就做一个完整的项目）

最后将要step by step学习关于其他：
1.github
2.command line
3.git

以上是我重新调整学习路线，如发现有错误马上告诉我，或大家有什么建议，或大家有更好学习路线step by step可以告诉我们，感激！
感觉自学很难专注，希望可以通过大家分享，让我们学习！谢谢^^

回复内容：

希望有经验的大大可以分享你们的过去学习经验，让我们初学者学习学习。^^
我是一位自学，我目前有在treehouse学习前端，而且我有在网络找到关于学习html5/css3 pdf来学习。
我的学习系统很乱，因我觉得我这里学一点哪里学一点，完全到最后都不知道学了什么，很迷糊。
我想重新调整学习路线，我知道我将要学习语言 前端-html/css/js ，后端-php/mysql。

这是我将要step by step学习web前端：
1.html（完成关于html5电子书或其他网站，就做练习）
2.css （完成关于css35电子书或其他网站，就做练习）
3.js （完成关于js电子书或其他网站，就做练习）
（完成以上就做一个完整的项目）

接下来将要step by step学习web后端：
1.php/mysql （完成关于php/mysql电子书或其他网站，就做练习）
（完成以上就做一个完整的项目）

最后将要step by step学习关于其他：
1.github
2.command line
3.git

以上是我重新调整学习路线，如发现有错误马上告诉我，或大家有什么建议，或大家有更好学习路线step by step可以告诉我们，感激！
感觉自学很难专注，希望可以通过大家分享，让我们学习！谢谢^^

不好对你的计划说什么，因为每个人的成长与基础不一样。下面是我的一些建议，结合自己的实际情况，在执行。还是重复一下，前端的核心是js。css不难，但需要来积累。对前端我是这么看的：

• css就像一瓶酒，得品。

  html,css总共就那些标签跟选择器属性什么的，但是要写一个有扩展性，健壮性或维护性的页面不容易。现在写页面基本条件反射，不是如何快速的完成，而是思考如果有界面需求修改，怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力，体力，智力的三重考验。

• js就像一把剑，得磨。

  js刚开始只是为了较验，随便技术社会的发展，承担的角色越来越重，刚开始玩玩jQuery感觉已经会js了，其实只是冰山一角。随着对js的了解越来越多，他即变态又可爱，即好玩又难控，即有很多兼容问题，但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看，高载潮一浪高过一浪

• 人生就是一场梦，得作。

  技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，兄争朝夕啊。人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。感谢前端，他使我们更加的相信，撑起一片天空需要十八般武艺。

这些是我专为入门朋友准备的一个系列教程，有兴趣看看：

1. web前端开发分享-css,js入门篇
2. web前端开发分享-css,js进阶篇
3. web前端开发分享-css,js提高篇
4. web前端开发分享-css,js工具篇
5. web前端开发分享-css,js深化篇
6. web前端开发分享-css,js移动篇

你想要学的每一种代码，网上都有教学专题。
这里给出几个网站。不过不一定是你预期的。
前端，包括html、css、js：http://www.w3school.com.cn/js/index.asp
上面的网站同时也有php的教学。
我的最爱——github^_^：
1.http://gitref.justjavac.com/
2.http://www.bootcss.com/p/git-guide/
3.http://git-scm.com/book/zh
4.http://git-scm.com/documentation
最后，一个有趣的前端网站：http://thecodeplayer.com/
ok，that's all.

lz的计划未免有点太保守、稳妥了
个人觉得可以先找个开源项目2次开发，边做边学吧

边工作边学习。积累经验！

我基本上是先看书,比如说css权威指南,js高级程序设计,bootstrap,sass,jquery之类的,看书是打基础,自己实践谢谢代码做做项目才是王道。