🦩 5 个免费编码资源帮助我获得了第一份前端开发工作

当我想学习编程时，我以为唯一的选择就是上大学或参加训练营。由于我不确定这是否是我想要长期从事的职业，所以我还没准备好投入资金。幸运的是，我发现了一些很棒的免费在线资源和一些很棒的社区，我将在本文中分享它们。

免责声明：我也参加过付费训练营，并支付了 Scrimba 订阅计划的费用，但我相信所有提到的资源以及付费资源都帮助我获得了这份工作。有些课程是我在训练营结束后学习的。

免费编码课程

1. 免费CodeCamp
2. CS50
3. 斯克林巴
4. Ania Kubow 的 JavaScript 游戏
5. JavaScript30

附赠： 纯 CSS 图像初学者指南

社区： codebar、Coding Coach和Recurse Center。

以下是有关每个选项的更多详细信息。

5 门免费编程课程

1. Freecodecamp

>>> 在此注册 freecodecamp<<<

对于初学者来说，它是一个很好的资源，因为它不需要任何经验，并且详细涵盖了基本概念和高级概念。

自加入以来，我已经完成了响应式网页设计、JavaScript 算法和数据结构认证，以及前端开发库认证中的 React 部分。虽然我已经完成了 React 课程，但我还是选择重温一遍。这真的很有用，因为我可以以更慢的速度重新学习所有内容。

在这个响应式网页设计认证课程中，你将学习HTML和CSS，并可以自行构建一些项目。我喜欢这个课程的一点是，你可以通过构建项目将所学知识付诸实践。

在 JavaScript 算法和数据结构认证中，你将学习 JavaScript 的基础知识，包括变量、数组、对象、循环和函数。即使你已经熟悉这些概念，我仍然建议你把它们作为复习练习。

此外，还有一个编码面试准备部分，人们可以在其中练习 JS 编码挑战。

我的建议是：不要试图一次性完成所有课程内容。花点时间确保自己理解。有些东西你会忘记，尤其是HTML和CSS。通过自己动手实践，这些概念会更容易记住，而且，回头查资料也没什么问题。

2. CS50：计算机科学导论 | 哈佛大学

>>> 在此注册 CS50<<<

尽管它被标记为初级课程，但对我来说，这是迄今为止我参加过的最具挑战性的课程。

为什么？首先，它从 C 语言开始，而且没有解决方案的详细讲解，但你在这个过程中学到了很多东西。我记得我看了两三遍讲座，才意识到有些内容根本没有讲到。就在那时，我买了推荐的书，提高了我的搜索技能。这在现实生活中是真实存在的，我很庆幸自己很早就学会了。

David J. Malan 教授的活力极具感染力。他对教学的热情能让人爱上编程，并相信自己一定能学会。

我参加这门课程的原因是我认为我需要一个大学文凭来证明我可以成为一名真正的开发人员，而哈佛大学的文凭并不是一件小事。

据说这门课程每周投入大约10-12个小时，12周就能完成。我花了大约8个月的时间，期间也联系过很多开发者寻求帮助。很多时候我都想用笔记本电脑来学习，但一旦完成，我感觉一切皆有可能。

本课程涵盖的语言包括 C、Python、SQL、JavaScript 以及 CSS 和 HTML。最终目标是让学生感受到的并非“学会了如何在 X 中编程”，而是“学会了如何编程”。

学生在 9 项编程作业中取得 9 项满意成绩并提交最终项目后，即可获得证书。这是一门自定进度的课程——您可以按照自己的时间安排学习 CS50x，也可以通过 Zoom 在线参加。

3. Scrimba

>>> 在此注册 Scrimba<<<

非常适合想要学习前端开发的初学者。

我在 freecodecamp 上学习 CSS 的时候，有人告诉我 Scrimba 上有两门课程可以更好地解释Flexbox和CSS Grid。我开始学习这门课程后，发现这个平台太棒了。因为你可以暂停课程，然后立即开始编写代码。虽然解释得不太清楚，但你得自己尝试一下。

除此之外，我还完成了学习 UI 设计基础知识、学习 React 课程以及构建和部署您的投资组合。

自从我加入 Scrimba 以来，他们推出了付费订阅服务，每月大约 15 欧元（取决于你所在的地区和你选择的套餐），你可以访问所有付费课程以及“前端开发者职业发展路径”课程。不过，在付费之前，我建议你先尝试一下免费课程。免费课程有很多，如果你想了解更多，那就注册吧。

我完成了前端开发人员职业道路的 80%，作为一名训练营毕业生，我可以告诉你，这是一门非常有价值的课程，包含更多的材料。

4. Ania Kubow 的 JavaScript 游戏

>>> 在 YouTube 上查看 Ania Kubow 的 JavaScript 游戏播放列表<<<

要实现这些，您需要对 JS、HTML 和 CSS 有基本的了解。

这是我最喜欢的 JS 教程之一。它不涉及任何框架，你可以构建一些复古游戏，如果你出生于 80 年代，这些游戏你或许在成长过程中都玩过。从吃豆人到诺基亚 3310 的贪吃蛇游戏，再到俄罗斯方块游戏等等，这些教程不仅能让你更好地理解 JS，还能让你的作品集锦上添花。

Ania Kubow是一位非常棒的老师，她讲解得非常透彻，所以我强烈推荐大家在 YouTube 上关注她，那里有她所有的视频和教程。我保证，这些内容一定很棒！

这是我根据 Ania 的教程构建的诺基亚贪吃蛇游戏的演示。

5. JavaScript30

>>> 在此注册 JavaScript30<<<

要学习本课程，您必须已经了解 JavaScript 的基础知识。

重复是学习之母。我写的代码越多，就越熟练，这让学习变得更容易。因此我报名参加了 JS30。它包含 30 个章节/挑战，需要 30-60 分钟才能完成。它不涉及任何框架或库。

我目前是 21/30，我可以告诉你我学到了很多新东西，更好地理解了一些概念，并且也玩得很开心。

附赠：纯 CSS 图像初学者指南

>>> 点击此处查看纯 CSS 图像初学者指南<<<

需要 CSS 基础知识。

我在Codepen上浏览时，不断看到一些仅用 CSS 创作的精美艺术作品。我看了代码，但感到很害怕，觉得自己永远也做不到类似的东西。有一天，我决定深入研究一下，于是搜索了一篇新手指南。

Michael Mangialardi写了一篇很棒的入门指南。学习完之后，我对这个主题有了更深入的了解，并尝试自己创建了一些，比如下面分享的这个。如果你想入门，我推荐你先从这篇关于如何创建纯 CSS 图像的详细讲解开始。它首先会进行概述，然后你将在不到一小时内学会如何用纯 CSS 创建考拉。非常有趣！

代码位于：https://codepen.io/stefi23/pen/poEpeNX

社区：

1.Codebar

>>> 在此处查看代码栏<<<

Codebar 是一家非营利组织，通过在全球多个城市定期举办编程研讨会（目前以远程方式进行），促进多元化科技社区的发展。除了线下聚会之外，Codebar 还有一个非常活跃的 Slack 频道，你可以在 #helpdesk 上寻求帮助，或者了解活动和工作机会。

我喜欢这个社区的一点是，他们积极参与帮助少数族裔进入科技领域。他们都是志愿者，奉献自己的时间来帮助人们学习代码。他们在成为开发者的旅程中发挥了至关重要的作用。

以教练或学生的身份在https://codebar.io/events报名参加下一次 codebar 活动。

2. Recurse 中心

RC 是一个免费的教育静修项目，面向已掌握编程技能的人士，以及所有经验水平的程序员。想要参加，你必须通过申请流程并获得录取。

很难描述在 Recurse Center 做批处理是什么样的，我想说这是一次改变人生的经历。我学到了很多东西，也成长了很多！我简直不敢相信。当然，我希望自己能做得更多，但幸运的是我永远不会毕业，这段旅程还会继续。

在 RC，你会遇到各种水平的程序员，他们使用不同的编程语言进行编程。你没有固定的课程，可以参与任何你想参与的项目，或者尝试你感兴趣的技术。你唯一的目标就是在学习结束后成为一名更优秀的程序员，并且在这个过程中，你会获得所需的支持。

Recurse Center 是纽约一个为期 12 周的免费编程静修中心，你可以在这里学习编程的有趣新知识。我参加了 2020 年春季的远程课程。RC 的重点是学习你感兴趣的任何内容，并允许自己改变想法。作为一名大三学生，我有很多结对编程的机会，参与了代码评审，有机会发表演讲，并通过各种小组向同学们学习了很多东西。除了编程，我们还有一个情绪评估和工作支持小组。

3.编码教练

>>> 在这里查看编码教练<<<

Coding Coach 是一个免费的开源平台，旨在连接世界各地的软件开发者和导师。您可以按技术、语言和国家/地区进行筛选。注册账户后，您可以获取联系方式，联系导师，询问他们是否有空提供帮助。在这里，我找到了几位很棒的教练，他们愿意免费为我提供帮助。

您还可以在其他地方找到社区，例如在 Twitter 上，或者有各种 Discord 频道，来自 Scrimba 的频道（免费）或我最喜欢的cassidoo 的仅限赞助人的 Discord 聊天（付费）。