Frontend Mentor —— 前端技能的超级挑战 -开发真实项目

编程挑战

从夏天开始，我就有个想法，想要帮助开发者提高他们的开发技能。

有很多令人难以置信的网站和服务可以帮助人们学习编程。就像General Assembly公司（我在伦敦教书的地方），以及像freeCodeCamp这样的网站，在从零教授人们方面做得非常出色。

但是，我想为已经掌握了HTML，CSS和JavaScript的人创建一种资源。不是一个循环渐进的过程，而是不加干涉的、基于项目的资源，尽可能地模拟现实生活中的工作流。

因此，我要向你介绍Frontend Mentor。

我花了几个月的时间建立了一个小型网站来试验我的想法，并且获得一些反馈。但现在，它正全速前进，推出了一个新品牌，并对网站进行了全面重新设计

在Frontend Mentor上发起挑战

为了应对挑战，我创造了虚构的品牌来围绕这些设计。这有助于每个挑战模拟现实生活中的工作流程。这就像为一个真正的客户建立一个网站!

挑战包括移动和桌面设计，初始代码(包括优化资产)。还提供了前端风格指南，包括颜色、字体等。

以下是其中一个挑战的桌面预览截图:

在移动设备的预览：

如果你想接受挑战，只需从网站上下载一个初始代码就可以了。我决定将初始代码作为下载，而不是使用基于浏览器的编辑器。因为我想让人们使用他们最熟悉的文本编辑器和工具。

未来计划

在接下来的几周里，我将给这个网站增加新的挑战。我将建立一个适当的challenges，以允许过滤等。

我也在考虑在Frontend Mentor上提供的不同类型的挑战。我喜欢用更小的组件来应对更快的挑战，甚至为那些想要真正挑战的人提供多页面的站点。

我还将添加一些涉及JavaScript的挑战。我的目标之一是提供“Bring Your Own Frontend”(BYOF)挑战。对于这些挑战，Frontend Mentor将提供设计和一个文档化的公共API。然后，人们可以选择使用哪个JavaScript库/框架进行练习。

给出你的反馈并与大家分享

这是Frontend Mentor的开始，所以请让我知道你的想法。有很多不同的方向我可以接受，我很想听听你的想法。

欢迎加入Slack社区，在挑战中获得帮助，并帮助其他人解决问题。

另外，可以关注Twitter上的Frontend Mentor (@frontendmentor)以获得最新的更新。

我期待听到你的反馈!请与任何你认为它可以帮助🙌的人分享这个网站。

原文链接

Introducing Frontend Mentor - Supercharge your front-end skills by building real projects