我在大学里面学的还是 Java ，然后工作之后，就一直在用 Node ，从一开始的 Node 后端，到现在的 Node 全栈，可以说是学习了不少，今天就在这里与大家分享一下我前端学习的一些经验之说，希望能对大家有帮助。

前端的内容非常的芜杂，初学者往往摸不着头脑。前端的方向有很多，但对于初学者来说，入门一定要从 HTML/CSS 开始。虽然现在有各式各样的框架，但是对于初入门来说，最好的还是原生。初学的时候先不要那么着急学习 JS ，要先搞清楚 CSS 的盒子模型，还要对常用的 HTML 标签和 CSS 属性要熟悉，不说百分百记住，但至少要有个印象。这里有个很简单的办法，就是多写，照着一个网页用纯 HTML/CSS 去实现它，如此高强度的写一个月，其实你就非常会了。

然后是 JS 的学习。 JS 的学习是真正进入前端的门槛，在这里直接推荐下最新的 Google/Edge/Firefox 然后学习 ES6 语法。在这一步学习里，你至少要学会熟练的使用 JS 操作 DOM ，从而完成一些原来 HTML/CSS 做不到的特效。至于 JQuery 这个库要不要学习，我觉得不是特别重要，因为现在的浏览器提供的基础 DOM 操作已经吸收了 JQuery 不少内容了。

接着是对 AJAX 的简单了解，因为我们肯定不会直接裸写 AJAX ，我们只需要用了解原理即可。我们完全可以用 fetch 去写具体代码。接着我们对接后端，根据我们的实际情况而定。这里我们传统前端基本上入门了。在这之后我们可以开始学习 Node 了。

前端学习肯定是避不开 Node 的。这时候我们开始学习 CommonJS ，了解它与 ES6 的区别。学习 NPM ，学习 YARN 。学习如何用 Node 运行 JS ，从而实现让 JS 直接运行操作系统上。你应该学习一下如何用 JS 写一个后端应用，这个不是要求你成为全栈，但如果这个你做不到，其实你前端的路是很窄的。

然后就到了「三大框架」的时代了。你可以学习一门框架，然后去深入。这个时候你应该注意到，这些框架的脚手架本质上是基于 Node 运行的编译器，它们会把你写的代码编译成原生的代码。然后你可以了解「前端工程化」，了解 webpack 。从这之后，恭喜你，基本上现代前端入门了。

其实前端路还是非常广阔的，而且贴近业务层，变化迅速，所以往往要「拥抱变化」。其实我现在的工作还是偏向于前端的，做出页面的成就感非常令人开心的。

另外，你有没有发现我的整个学习之路与前端的历史发展还是很像的？这个还是蛮有意思的。