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

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

学习前端，要多练习，编程的学习是不能光看的，一定要多练习，每天的练习不能少于 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 天。

9.小程序阶段
微信小程序（8 天）
微信小程序扩展（10 天）
如上，课程学习时间 18 天，课程练习时间 12 天，总计 30 天。
10.react阶段
react （8 天）
TypeScript（3 天）
如上，课程学习时间 11 天，课程练习时间 7 天，总计 18 天。

学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流Q un++++++++++++++
钱面是603----
中间是985----
后面是993----++++++++++++++
有问题随时在里面问我，能给大家提出很多宝贵建议

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