每天自学前端十小时，练代码两小时，练多久能去找工作？

很多伙伴都是看的多，练的少，这样的学习方法时不对的，看八个小时才练两个小时怎么够呢，至少也得有一半的时间要用来练习。看会了跟写会了是两码事！！！

如果每天充分利用好这十个小时，差不多4~5个月就可以学完了。

学习路线

一、HTML+CSS，完成静态页面

新手不推荐一上来就看文档学习，比较枯燥，并且没有头绪。推荐先跟着视频教程实践，视频资源很多，bilibili，html.cn，极客学院等，这个阶段就是熟悉各种标签，属性，样式以及用法。

达到目标：能按照原有网页进行 模仿复原（知识点遗忘时可借助文档查看 w3school， 菜鸟教程 等）。

开发工具比较推荐vscode，免费并且有很多插件可以使用。

二、学会使用浏览器的控制台，学习JavaScript，做动效交互的网页

总体上就是，看视频教程后实践+看文档实践。

视频资源和上面差不多，文档资源推荐廖雪峰的官方网站和阮一峰https://wangdoc.com/两位大神写的。

除了前面需要掌握的搜索问题的能力，这个阶段需要会 使用浏览器的控制台，知道怎么看一个网站的HTML源码，如何修改样式，断点控制等等。

达到目的：可利用 控制台多研究自己所见的网站是怎么交互和动效展现的，这阶段就是边刷基础知识，边多多实践，最好自己做个完整的网站，包括数据加载，页面加载和交互效果。

三、多发现，深入学习，学透前端基础知识

老实说这个阶段是不断 尝试新东西 然后不断 整合自己的知识体系的时候。这个时期，你会同时继续深入学习HTML5,CSS3，懂得用最新的标签和样式写页面，同时也意识到浏览器之间的兼容问题；你想要加载数据，所以你学习AJAX异步加载数据，学习JSON存储数据；你想要做响应式页面，所以你学习Bootstrap框架；你想要做移动端页面，学习不同的移动端布局方式；你想要简化JavaScript的书写，所以你学习框架(vue/react)......

多看博客，看面试题，核对前端学习路线，这样你会知道自己还有哪些方面还不够好，

这个阶段的目标：知道自己哪里不足补哪里，知道该怎么学习下去。这是关乎学习心态，学习视野和学习效率方面的博弈。

这个阶段需要（1）多做总结，多记忆自己不会的，就像考试前的复习那样。（2）多发现好东西（面试题啊，XX总结等等），前期几乎都是跟着视频操作的，但实际上比较完整的实例还是很少，与实践少对应的就是犯错少，无法知道自己存在的问题，这放在考试前有两个办法，一是瞎蒙地多做题从而找到自己的短板；二是多借鉴别人总结的优秀笔记，当然你也可以一开始就有专门的老师在旁指导，避免走太多弯路。（3）尝试在Github上找项目并实践。（4）找到合适的前端学习的社区群[好处是知道其他人会遇到怎样的问题，反问自己能不能解决，还有别人分享的资源，自己也能问问题；坏处是当它不是个合适的群，群里谈论的内容超过自身水平太多，容易产生焦躁感]。

---

在自学的伙伴也可以加入我组建的零基础前端学习营（YL25796），我会督促大家打卡学习，遇到问题可以一起探讨解决；还整理了一些学习资料，免费分享给大家学习使用；平时还会组织小项目，大家可以练习巩固基础。