介绍前端导师 - 通过构建真实项目来提升你的前端技能

夏天的时候我有了一个想法，我认为它可以帮助人们提高他们的前端技能。

市面上有很多很棒的网站和服务可以帮助人们学习编程。像我在伦敦任教的General Assembly这样的公司，以及像freeCodeCamp这样的网站，在从零开始教编程方面做得非常出色。

但是，我想为那些已经了解一些 HTML、CSS 和 JavaScript 的人创建一个资源。这不是一个循序渐进的课程，也不是代码练习，而是一个基于项目的、无需动手的资源，尽可能模拟真实的工作流程。

因此，我想向您介绍Frontend Mentor。

几个月来，我一直在搭建一个小型网站，测试这个想法并收集反馈。现在，我正全力以赴，打造新的品牌，并对网站进行全面重新设计。

前端导师面临的挑战

为了应对这些挑战，我创建了一些虚构的品牌来围绕它们进行设计。这有助于每个挑战模拟真实的工作流程。就像为真实的客户搭建网站一样！

挑战包括移动端和桌面端设计、入门代码（含优化资源）。此外，我们还提供了一份前端风格指南，涵盖颜色、字体等内容。

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

移动预览：

如果您想挑战一下，只需从网站下载一个入门代码即可。我决定将入门代码保留为下载内容，而不是使用基于浏览器的编辑器。这是因为我希望大家使用自己最熟悉的文本编辑器和工具。

未来计划

接下来的几周，我会在网站上添加新的挑战。我会创建一个合适的/challenges首页，方便筛选等功能。

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

我会添加一些涉及 JavaScript 的挑战。我的目标之一是提供“自带前端”（BYOF）挑战。对于这些挑战，Frontend Mentor 将提供设计方案和已记录的公共 API。然后，人们可以选择使用哪个 JavaScript 库/框架进行练习。

请提供您的反馈并分享

前端导师的职业生涯才刚刚起步，所以请告诉我你的想法。我可以尝试很多不同的方向，我很想听听你的想法。

欢迎加入网站上的 Slack 社区，以获得应对挑战的帮助并帮助他人。

另外，请在 Twitter 上关注 Frontend Mentor (@frontendmentor)以获取最新更新。

我期待听到大家的反馈！请分享这个网站给你认为有帮助的人🙌