零基础（转行，应届生、在校生）前端开发学习计划

不论是前端还是后端，你工作几年有了自己的感悟之后，就会发现越简单、越基础的东西反而越难。后面学习的框架、组件等，其实都是由基础的东西拼凑起来的，步入工作之后你肯定会遇到那种不用任何框架开发的团队，因为很多成熟的团队都有自己的一套前端框架，市面上的那些框架不可能满足产品的所有需求，所以一个项目可能会用到多个框架或者自己团队的框架。由此可见基础的重要性，基础一定要打好、夯实，以后工作中才能得心应手。

学习前端，要多练习，编程的学习是不能光看的，一定要多练习，每天的练习不能少于 2 遍，第一遍跟着老师敲，第二遍盲敲，若是真的想不起来了再去看，如果可以，第三遍扩展练习，根据当天所学知识去实现类似效果。只有这样去做了，才能灵活运用知识，才真正理解知识。软件开发之所以称之为技术那是因为他也讲求动手能力，而且很强调动手能力，练习的量大了才能达到质的提升。

1.基础阶段
HTML+CSS(10 天)
扩展( 2 天 )
学完了本阶段所有内容之后练习如下网页，如下练习均把首页实现出来即可。
1. 仿写京东首页 http://www.jd.com，大概框架搭建出来即可。
1. 仿中通 https://www.zto.com/
1. 仿写淘宝首页 https://www.taobao.com/
1. 仿写顺丰首页 https://www.sf-express.com/cn/sc/
如上，课程学习时间 12 天，课程练习时间 11 天，网页练习时间 7 天，总计 30 天。

2.js阶段
JavaScript基础 （6 天）
JavaScript进阶 （7 天）
JavaScript高级 （5 天）
如上，课程学习时间为 18 天，课程练习时间 12 天，小计 30 天。根据学习状况和接受能力浮动 15 天。总计 45 天。

3.jQ阶段
jquery 部分 （9 天）
jqueryx 效实战 （3 天）
如上，jquery 部分学习 5 天，jqueryx效实战学习时间 5 天，课程练习时间 5 天，总计15 天。

4.h5、css3 阶段
H5+CSS3 （6 天）
canvas 画布 （2 天）
bootstrap（3 天）
响应式网站开发 （1 天）
HTML5+CSS3学完之后即可做本练习：
仿 OPPO reno 5 练习： https://www.oppo.com/cn/smartphones/series-reno/reno5-pro/
如上，课程学习时间 12 天，课程练习时间 10 天，总计 22 天。

5.前后端交互阶段
Node.js （12 天）
node+Gulp+MongoDB+Express+Ajax（5 天）
git+gitHub（1 天）
如上，课程学习时间 18 天，课程练习时间 12 天，总计 30 天。
6.移动端开发
移动端开发 （6 天）
电商项目实战（5 天）
如上，课程学习时间 11 天，课程练习时间 4 天，总计 15 天。

7.es6、模块化开发阶段
ES6 （3 天）
前端工程化（1 天）
前端模块化（1 天）
如上 ，课程学习时间 5 天，练习时间 2 天，总计 7 天。
8.vue阶段
vue （19 天）
vue 综合项目（至少做 3 个）
如上，课程学习时间 19 天，课程练习时间 11 天，总计 30 天。

如果大家对于学习前端有任何问题，学习方法，学习路线，如何学习有效率的问题，可以随时来咨询我，或者缺少系统学习资料的，我做这行年头比较久，自认为还是比较有经验的，可以帮助大家提出建设性建议，736786357这是我的web前端交流3000人裙，有任何问题可以随时来咨询我。

后记
如上总计学习时间 242 天，以每个月 30 天，每天 6 个小时的学习时间计，预计学习时间8 个月。你之前有过一段时间的培训经历，所以在保证学习时间充裕的情况下6 个月就能学完全部课程。
当然如上的时间安排是在一切顺利的情况下的，真实的学习时间取决于你自己的时间规划、接受知识的能力和学习状态，所以一旦开始学习了，就要每天坚持学下去。