从零开始学习前端开发：完整的前端自学指南

文章首发于个人博客

前言

这一篇文章我一直在思考该不该写，因为每一个人的学习方式都不一样，这篇文章提到的内容是我学习前端开发的最佳方法，可能并不适用于其他人，所以就随心写一写自己的前端学习之旅吧。

关于我：熟练的 Vue、React 的 API 使用者以及会写一点后端的前端页面仔。

希望这篇文章对前端感兴趣的同学有用，它并不是一篇前端进阶的文章，更适合小白独立学习前端技术的指南。

TL;RD

如果不想读这么长的文章，可以直接读这一个小节。

从零开始学习 HTML/CSS 和 JavaScript。

关于 JS 可以看书《JS 权威指南》、《JS 高级程序设计》、《JS 忍者秘籍》三本书里面选一本，然后边看边实践即可。

然后就是学习 Css，可以先简单的菜鸟教程 Css，熟悉了一些语法之后，推荐去看张鑫旭大佬的《Css 世界》这本书，这本书需要经常翻。

如果学习过程觉得比较枯燥，也可以同时看看试试这个仓库50 天每天一个小项目，可以通过 Js + Css 就实现一个小东西，挺不错的，不管学什么东西都需要有积极反馈哦。

上面完成之后可以看看 Vue/React，Vue/React 可以看看官方文档，写的挺不错的，如果看文档比较困难的话，可以去中国 Bilibili 大学搜 Vue/React 视频，一大把，通过用 Vue/React 写一个简单的小东西，在学习过程中有什么不懂一定要去看 Vue/React 文档，不懂的时候是进步最快的时候。

在这个过程中，推荐每天看看30s code，了解一个常用的数组、对象、Date、String、Number 的 API，也可以在项目中使用到这些片段。

同时如果你对 Vue、React 项目比较感兴趣时，也可以去看别人写得好的开源库。

我就列举几个仓库，记得常去看。

Vue:

1. vue-element-admin
2. todomvc
3. awesome-vue
</