我试用了 Frontend Mentor 一周。

什么是前端导师？

优点

缺点

尖端

我的经历

什么是前端导师？

Frontend Mentor是一个平台，您可以在其中解决现实世界的 HTML、CSS 和 JavaScript 挑战，同时进行专业设计。
 

优点

• 类别

我最喜欢Frontend Mentor的一点是它的入门门槛非常低，非常适合初学者。但这并不意味着它只适合初学者。每个人都能找到适合自己的内容。挑战的级别分类清晰（新手、初级、中级、高级、大师），所以你可以选择适合自己的级别。

• 版本

它有两个版本。一个是免费版，另一个是专业版（付费版）。我只试用了免费版，感觉非常满意。你可以在这里查看两者的区别。

• 评分系统

它有一个非常吸引人的评分系统。你可以通过解决问题和与社区互动来获得积分。徽章于2020年6月15日推出。你可以通过积分获得徽章。这是一个很棒的附加功能。它对那些有竞争力的人起到了激励作用。但是，如果你没有达到最高水平，也不要灰心。评分系统更注重成为社区的活跃成员，而不是成为最好的开发者。

您还可以查看名人墙来查看排行榜。

• 社区

这个社区非常有帮助。你几乎可以立即收到反馈。你还可以通过互动和评论获得点赞来获得积分，这本身就是一个额外的激励。

• 逃离教程地狱

每个自学成才的开发者都经历过教程地狱。而且很难摆脱它。但Frontend Mentor可以很好地帮助你摆脱它。对于那些想要学习编程而不是从头开始搭建网站的人来说，它也非常有帮助。

• 学习 Git/GitHub

许多初级开发人员害怕学习 git 和GitHub，因为它的学习曲线相当陡峭，但Frontend Mentor会强迫你（以一种好的方式）学习 git 和GitHub。

• 学习托管

托管是 Web 开发的重要组成部分。Frontend Mentor提供了一些可用于托管静态网站的免费托管平台。
 

缺点

说实话，我对任何部分都没有不满意。总的来说，这是一次非常好的体验。

尖端

• 不要跳过挑战

你可能会忍不住放弃那些你觉得太容易的挑战。反过来说，你可能会被那些你觉得很难的挑战困住。尽量不要跳过它。突破你的界限，尽可能多地走出你的舒适区。这是成长的唯一途径。

• 创建单独的 GitHub 存储库

如果您计划进行超过 5 个挑战，为每个挑战创建一个单独的仓库可能会占用您GitHub仓库的存储空间，以后查找起来会很麻烦。因此，我的建议是将所有挑战放在一个仓库中，并将每个项目/挑战放在仓库内的不同文件夹中。
 
示例：https://github.com/Munem-Prionto/frontendmentor.io
 
附言：我不知道这种做法是否符合惯例，但我个人认为这种方法很有帮助。

• 撰写 README 文件

Frontend Mentor为您提供了 README 模板。您可能想跳过 README 的编写，但编写 README 是一个好习惯，因为如果有人访问您的代码库，README 将帮助他们了解项目。它是您和用户之间沟通的媒介。

• 给自己设定时间限制

挑战没有时间限制，这是一件好事，因为你可以按照自己的节奏进行。但这也可能是件坏事。没有时间限制时，我们往往会浪费更多时间。因此，给自己设定时间限制是解决这个问题的好方法。当你接受挑战时，估算完成挑战所需的时间，并尽力在预估时间内完成。这也有助于你了解自己和自己的技能水平。它还能提高你的预估能力，如果你尝试自由职业，这将非常有用。但如果你没能在预估时间内完成，也不要灰心。

• 与好友竞争

如果你有和你水平相当的朋友，可以来一场友好的比赛。谁能完成最多的挑战？谁能做得更快？谁能做得更好？但不要和那些明显领先你、投入时间比你多的人比较。与他人比较时要实事求是。记住，每个人的学习速度都不一样。

• 不要成为完美主义者

我们很多人都有完美主义的心态，但完美主义可能会拖慢你的进度。如果你的网站设计已经足够接近最终效果，并且看起来不错，那就提交挑战，然后继续下一个挑战。请以设计稿为指导，而不是最终成品。

我的经历

在过去的7天里，我从Frontend Mentor那里学到了很多东西。它帮助我重新燃起编程的动力，并让我坚持下去。它让我摆脱了辅导的困境。我尽力争取“本周导师”徽章（解决了16个新手和初级挑战），但还是差了一点。但这仍然是一次很棒的体验。我的目标是完成免费版提供的所有挑战。如果你想将你的HTML、CSS和JavaScript技能提升到一个新的水平，我强烈推荐Frontend Mentor。这是一个非常棒的平台。

最后，我建议你对我的建议持保留态度，因为我自己也是初学者。

穆内姆·普里翁托。