我通过 Scrimba 重新学习了 JavaScript

（既不是赞助商也不是推广者！这只是我对该网站的体验！）

就在几天前，我偶然发现了一个叫Scrimba的网站。Scrimba 公司位于挪威奥斯陆。它和竞争对手一样，提供交互式 IDE 和代码截图视频，稍后我会详细介绍。由于这些令人惊叹的功能，我在发现这个网站后只花了不到 10 分钟就决定开始学习他们的课程。

对于那些不认识我的人，让我先介绍一下我的背景。我去年八月大学毕业，专业是社会学。同月，我去了著名的编程训练营之一 Flatiron School。之后，我于2020年12月从 Flatiron 毕业。在 Flatiron，我学习了如何使用 ReactJS 和 Ruby on Rails 开发全栈网站。现在，我的求职之路已经走了六个月了。

✨ 我为什么要重新学习 JS？✨

在我的求职过程中，我一直在使用大量资源来温习和提升我的技能。然而，我却一直没有找到一个适合我的。Flatiron 的帮助在于，它不仅让我有多个项目可以展示，还帮助我建立了编程基础。但由于课程进度太快（我想大多数编程训练营都是这种情况），我毕业时感觉自己无法完全理解 JavaScript 语言，也就是说，我花了三个多月的时间才意识到 JavaScript 既属于面向对象编程，也属于函数式编程。我很确定 Flatiron 教过这些，但整个过程过得非常模糊，需要一次性吸收的概念太多了。我的大脑根本无法吸收所有东西！我还花了几个月的时间练习数据结构，参与一些小项目，参加几次面试，才最终对 JavaScript 数组和字符串方法的使用有了更深入的理解。

我写的大部分文章（即使不是全部）都与 JavaScript 相关。写一些关于数组/字符串方法、各种数据结构的概念等等的文章很容易，但当你需要将这些概念付诸实践时，就变得很难了。我可以写一篇关于它的文章，Array.prototype.reduce但仍然不完全理解如何使用它。这就像你知道1 + 1等于 一样2。但是，如果你左手有一个苹果，右手也有一个苹果，你怎么能得出你总共有两个苹果的结论呢？——这可能是一个比较极端的例子，但我希望你能理解我的意思。

毕业后，我偶然发现了一些关于构建简单原生 JS 应用的资源，比如随机背景色生成器或计数器应用。我当时很确定这不是冒名顶替综合症，因为我当时真的害怕开发这类应用，而且我完全没有信心去开发，因为我已经习惯了 ReactJS——有点讽刺，对吧？

请不要误会，我把 Flatiron 的课程安排怪到他们头上。完全不是！这绝对是我和我的学习风格的问题。我知道我的一些同学在训练营期间表现非常出色，很快就找到了工作。我非常感激自己报名参加了 Flatiron，他们给了我勇气，并真正激励我不断学习新的编程概念和语言。

✨ Scrimba 和其他资源 ✨

你可能接触过一些知名网站，比如 CodeCademy 和 FreeCodeCamp。Scrimba 的风格与这两个免费网站非常相似。它们都很棒，而且信息量很大。

但以下是我对 Scrimba 竞争对手的批评：

CodeCademy

你需要订阅他们的高级版才能访问这些项目。其实我之前也订阅过。但当我学会了所有基础知识，并按照详细的指南完成了他们的项目后，我感觉自己就像“刚从教程地狱里出来”，“我感觉不太舒服，不敢从头开始自己的项目”。

快速说明：我必须感谢 Codecademy 教会我编写第一行 HTML 和 CSS。我喜欢他们的互动体验，我认为他们的讲解非常出色。他们让我的 Web 开发更加有趣。我认为它非常适合那些擅长实践和阅读的人。

免费代码营

我觉得这对刚入门的新手来说真的很棒。我建议新手最好结合使用 FreeCodeCamp 和 Codecademy 这两个平台（前提是你愿意付费订阅高级版）。但事情是这样的，我最近又重温了 FreeCodeCamp，回顾了我学过的所有教程。说实话，我完全不记得自己学过大部分 CSS 响应式设计的基础课程。

必须要提的是，FreeCodeCamp 是一个非营利组织。所有文章和课程均由志愿者撰写。他们还会每周发送新闻简报，介绍新课程和文章亮点，我非常喜欢。

不管怎样，以上这些原因都是让我欣赏 Scrimba 的原因。

斯克林巴

Scrimba 也提供专业版订阅，就像 CodeCademy 一样。不同之处在于，Scrimba 实际上提供了一些免费的完整语言和框架课程，例如 JavaScript 和 Vue。我认为对于需要复习的人，甚至是想尝试一下的新手来说，这已经足够了！

JavaScript 课程包含一些有趣的应用开发，比如二十一点游戏。作为一个拥有 JavaScript 基础知识的人，我觉得这门课程真的是一个很好的复习。对于那些曾经害怕启动我的小型应用的人来说，作为用户，你可以学习相关概念，并有机会将这些概念应用到一个真正的 JS 应用中，而且这个应用是你自己从零开始构建的。我发现这种学习方式更适合我，真希望早点发现这个网站。

然而，有一件事可能会让人感到困惑，那就是交互式 IDE 和视频位于同一页面上。

👆🏻 正如您从此 GIF 中看到的，这同时是一个视频和一个交互式代码编辑器。

为了解决这个困惑，不久前我尝试了一下，终于搞定了。看起来你可以通过点击 IDE 来编辑代码，你在 IDE 上输入的任何内容都会保存在一个“不同的分支”上，并生成一个单独的注释，以便你以后参考，因为它保存在时间戳上。

我最欣赏的是，在介绍每个新概念之前，总会有一个快速清晰的概念分解，例如“什么是 DOM？”，并且会在你构建 JS 应用程序的代码上进行演示。

您还可以加入一个 Discord 频道与其他学习者联系——我认为这很典型。Scrimba 的另一个很酷的功能是您可以参加每周的 Web 开发挑战赛。本周的 Web 开发挑战赛是“名称美化器”。非常适合想要提高 CSS 水平的人。每周结束时，Discord 频道都会进行直播，展示每个人的解决方案/提交内容，任何被选为获胜者的人都有机会获得一年的免费专业版订阅。在某种程度上，它让我想起了《前端导师》，但你有一个截止日期，并且整个社区都可以和你一起参与这类挑战。

我还得提一下，我超爱他们的网页设计！我超爱他们柔和的色彩，而且网页设计和配色都简约可爱，我爱极了。（对于那些注意到我封面图片的人，谢谢你们的关注。其实背景色和字体颜色都是从网站上找的——可惜字体不是😅，因为我已经下载了图片，懒得重新做了。）

结论

说实话，我从来没有这么快就写过一篇关于我使用过的资源的文章。但到目前为止，我非常喜欢这个网站的一切！

冗长的讲座可能会让人感到枯燥乏味。有时，仅仅阅读文档就很困难，因为里面充斥着大量的技术词汇，尤其是对于那些没有计算机科学背景的人来说。如果你既喜欢视觉学习，又需要实践经验，那么这个网站非常适合你！

我才上课第二天。目前为止，这对我来说更像是一个复习，但至少我正在用原生 JS 构建一些小应用（并且提交到 Github 哈哈）（其实我非常期待开发那个二十一点游戏）。我感觉自己真的在重新学习 JS！