看到很多人分享前端自学经验的时候，大多数都是分享技术栈、学习路线图、前端相关的书籍。但是没有什么完全可以落地执行的自学计划，本文从如何制定前端自学计划、如何看视频、如何看书多角度带大家了解可落地的前端自学方法。

一、制定自学计划

想要学好编程不管是前端、后端、测试，定学习计划非常重要。在制定计划的时候我们可以充分了解我们所要学习内容的前景、学习路线等等。前端自学重中之重三驾马车大家都应该不陌生了。

• HTML
• CSS
• JavaScript

大概学习20-25天即可，要是放在前几年，掌握这三样基本上就可以找到一份工作了。

• JavaScript：20天
• 环境基础：15天
• Bootstrap（15天）、jQuery UI（15天）、Amaze UI；流行的前端框架：jquery mobile、angular.Js（20天）、Vue.js（20天）、React.js（20天）
• Echarts（1周）、tableau（1周）

只是给大家做一个参考，并非时间层面上学了多少，而是技术层面上掌握了什么。建议每天练习代码的时间是学习时间的1-1.5倍左右。

选择框架方面，其实不必纠结了。最好是jQuery过一遍，然后Vue认真学一遍。另外Git的基础知识也很重要，但是这个就更简单了哈，几天就能完成学习。样式化的组件，如果，你知道JavaScript和CSS，就可以快速掌握它们。模块捆绑器，你很可能会在职业生涯中长期使用入门包。

二、找到好的资源

前端课程学习顺序如下。

HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序。

目前有关学习资源这款，大家可以到我们的官网，或者是戳进来我们的主页正在更新前端全部课程。

三、一次学习专注一件事

有了计划+资源，下面就是行动了，学习就两个原则：

1. 从简单的开始
2. 一次专注一件事

使用HTML元素创建网站非常简单，这个时候不要想着我怎么用CSS，具有一个图像的简单页面或者是是少量输出的页面。这个时候熟悉HTML以及在浏览器中的外观非常重要。总之不用着急添加CSS和Js，比较我们的网站在不同浏览器的外观，你就会感到诧异的。

然后再去尝试CSS，以Google主页为例，也没有什么花样和复杂的。

随后开始学习JavaScript，始终只迈出去一步，忽略除了学习好当下以外的事情。随着时间的累积，技术会越来越熟练地，再去尝试构建全面的网站。

四、前端自学如何看书

建议有了一定的HTML+CSS+JavaScript基础之后，在去看书学习。书籍的优势在于系统性和全面性，尤其是面对前端领域核心概念：Js、闭包、类和对象、作用域、this等相关知识的时候，可以看书。

但是小白完全对前端没有任何概念的时候，还是建议视频课程入门为主。跟着视频课程边学边练习，用实际应用来固化知识，用书来填补知识空白。这样是一个良性循环，当掌握了框架之后我们也可以通过看书、项目源码来学习：公共模块封装、项目结构优化、性能优化、程序结构优化相关的内容。

书单如下：

五、信任学习过程

专注于过程而不是结果，比如上文中，给大家写了一个学习计划作为参考。但是如果没有在计划内完成相关的学习，也没有关系！

计划是为了约束我们养成学习习惯，但是没有必要把它当成预测未来的参照。因为编程确实存在复杂性，绝对不是说短时间就可以掌握的了。

所以，我们需要通过学习专注于过程，而不是结果。哪怕每天就学了一小时的Js，一周以后还在坚持，这就是成功了。