介绍 Codier - 前端编码挑战与创作

大约两年前，我即将开始数字设计专业的最后一年学习，需要构思我的毕业论文/专业项目。当时，我已经有一年的前端开发经验，而我最大的热情和爱好之一就是编程。

我花了很多时间在 CodePen 之类的网站上创作，偶尔也会用它们作为个人博客的素材。我创作更多内容的唯一障碍就是缺乏创作灵感。

互联网上散布着编码挑战，通常由知名开发人员在 Twitter 上发布 - 发现这些挑战让我产生了创建一个平台的想法，前端开发人员可以在该平台上获取构建事物的灵感，并与社区分享他们的代码创作。

我开始把 Codier 作为一个大学项目来开发，当我开始向外界展示它时，我清楚地意识到大家对这个想法有着浓厚的兴趣。毕业后不久，我开始与我的雇主Clock洽谈，探讨他们如何帮助我真正实现 Codier。

Clock 同意在经济上支持我的业余项目（例如提供托管服务等），并通过他们说服了两位出色的软件工程师 Bala Clark 和Jack Burgess帮忙重建 Codier。他们负责所有幕后工作，我负责设计和前端。重建是必要的，因为我在大学时开发的东西更像是一个原型，并不适合使用。

我们一起将想法缩小到了今天的 Codier：

挑战

Codier 上的挑战可以是任何挑战者想要的形式；如果是纯 CSS 复选框挑战，创建挑战的用户可以在挑战规则中指定。他们还可以添加模板来帮助创建者入门——模板可以是挑战的基本 HTML 结构，甚至可以是像 React 这样的框架。

挑战发布后，任何注册用户都可以提交解决方案。解决方案会直接列在挑战的标题和描述下方。解决方案通过Codier 的编辑器创建，可以根据用户的喜好，选择简单或复杂的方案。

Codier 上的创作可以通过编辑器中 HTML、CSS 和 JavaScript 的组合来构建。用户也可以使用预处理器来编写自己的作品，甚至可以添加外部资源。

该编辑器的设计旨在让用户感到熟悉；使用过类似在线编辑器（例如 CodePen 和 JSFiddle）的用户应该可以轻松上手 Codier 编辑器。它还支持多种自定义方式；用户可以将编辑器设置为深色主题、移动和隐藏窗格、更改编辑器字体系列和大小等等。

VS Code 用户会很高兴知道 Codier 使用Monaco 编辑器来处理代码输入。Monaco 拥有一些非常棒的功能，例如代码建议、自动完成以及搜索和替换，使我们的编辑器感觉更像原生 IDE。

作品可以点赞和评论，这两项功能有助于我们决定哪些作品被推荐为热门作品；如果某个作品是挑战的解决方案，点赞数将决定其排名。用户还可以为其作品命名、描述和添加标签，以帮助提升其在搜索结果中的排名。

注册用户拥有一个专属的个人资料页面，用于存放他们的内容；个人资料页面会展示用户的所有挑战和创作。如果用户愿意，他们还可以添加个人简介、所在地和网站。

Codier 不仅仅是一个寻找挑战的平台。我们相信，它是一个学习的好地方，也是灵感的源泉。

我强烈建议大家尝试一下Codier 上的挑战，你可能会惊讶于它的乐趣！或者，如果你已经是老手了，不需要任何练习，下次需要快速演示一些代码时，不妨试试Codier 的编辑器。

我很乐意听到您对 Codier 的评论，如果您对新功能或现有功能的改进有任何建议，请告诉我！