何时开始学习前端框架

如果您作为初学者尝试学习 React、Vue 或 Angular，那么您得到的第一条建议就是学习 JavaScript——任何没有JavaScript经验的人都会难以应对框架带来的额外学习曲线。

值得讨论的是，需要学习多少 JavaScript——你是停留在基础阶段，还是需要完全掌握才能最终开始编写你的第一个 React 教程？你什么时候才真正准备好开始使用一个框架？

你应该知道的概念

坦白说，你不需要懂太多JavaScript 就能开始使用框架。只要你对框架的基本组成部分有充分的理解，就可以开始了。

以下是您需要充分了解的事项列表：

1. 变量和函数
2. 对象和数组
3. 控制流 – if/ else, while,for

不管你信不信，这就是完整的列表 - 但这仅仅是个开始 -但不要认为你的 JavaScript 之旅已经结束。

你应该准备好面对的概念

除了必须了解的概念之外，了解更广泛的概念也是有益的——这些概念您不需要遵循早期的教程，但在您能够编写完整的应用程序之前需要它们。

1. HTML/CSS
2. 范围（如何var、let和const工作；闭包）
3. 面向对象的 JavaScript（class）
4. 函数式JavaScript（filter，，map）reduce
5. import/export
6. 如何this运作；背景
7. async功能和 AJAX。

如果您在理解这些概念之前就开始学习框架，那么在整个学习过程中，您很可能需要停下来重新回顾这些概念。但是，请记住，框架是学习高级概念的绝佳学习空间，因为它们会不断利用这些概念。

如果上述列表中还有任何您不理解的内容，您仍然可以开始您的框架之旅 - 随着您对不同部分的了解越来越多，您曾经挣扎的想法就会变得容易得多。

学习建造东西

在我看来，在学习框架之前应该采取的最重要的一步是学习如何构建事物。

通过编程来构建事物是一项后天习得的技能，而培养成功分解任务以便将其转化为代码的能力是任何编程语言中的一项重要技能。

这里最重要的部分是，你要构建非常 小的东西——比你想象的要小得多，比如“一个播放你最喜欢的歌曲的按钮”、“一个允许用户添加和删除字段的表单”，或者“一个在页面上追逐用户鼠标的框”。如果你正在苦苦思索一些想法，可以看看这篇文章。

建造东西比你想象的要难，保持动力也很难，所以你应该选择一些小的、可实现的、你能完成的项目。一个很好的测试方法是，看看你是否认为自己可以在一小时内完成项目。如果项目需要更长时间，也没什么大不了的——它很可能不会花费太多时间。

当你构建了几个简单的项目后，就可以引入一个框架了。你应该继续用你的框架构建一些简单的项目，直到你再次感到舒适为止，然后再转向更雄心勃勃的项目（如果你愿意的话）——或者你可以用你的新项目组合来获得你的第一份工作！

切换建议

如果要给那些想学习任何编程语言的人一个建议，那就是你肯定会陷入困境——一直如此。一旦你选择了一个框架，这种情况会更加严重，因为你会一下子遇到很多不熟悉的概念。

如果你感到不知所措，最好的办法就是专注于手头的任务。如果你只是想在页面上显示“Hello World”，那么你暂时不需要花一个小时去研究它的class工作import原理。

慢慢来，在已有知识的基础上不断积累——这不是一场比赛。

还在为学习 JavaScript 而苦恼吗？订阅我的新闻邮件，类似的文章会直接发送到你的邮箱。