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

不好对你的计划说什么，因为每个人的成长与基础不一样。下面是我的一些建议，结合自己的实际情况，在执行。还是重复一下，前端的核心是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移动篇

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

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

你想要学的每一种代码，网上都有教学专题。
这里给出几个网站。不过不一定是你预期的。
前端，包括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.