10 个平台助你提升前端开发技能

介绍

你会同意我的观点，摆脱教程的“地狱”可能很困难，尤其是在自学的时候。尝试运用所学知识可以提高你的学习速度和记忆力。在本文中，我将介绍一些资源或平台，它们可以帮助你通过实践项目来练习和提升你的前端技能。这些资源将帮助你巩固从教程中学到的知识，并帮助你提升作为前端开发者的水平。

1.前端导师

这个平台的一大优点是，它为你提供了构建项目所需的设计和资源，让你免于独自构思设计和资源的压力，从而专注于实现设计。该平台的另一个优点是，挑战按难度级别进行组织或分组，因此你可以从新手挑战开始，逐渐升级到大师挑战。因此，这个平台不仅适合初学者，你还可以不断回到这里练习，巩固学习成果，学习新知识。你可以使用 HTML、CSS、JavaScript、框架（例如 React、Vue 等）、与 API 交互等等。平台会定期添加新的挑战，因此你也可以在这个平台上找到工作，分享你的解决方案并获得他人的反馈。

注意- 有付费和免费挑战，但免费挑战仍然非常好，因此您不必购买付费服务即可充分利用这个平台。

2.前端实践

这是一个非常棒的平台，你不用像前端导师那样，从零开始搭建这些虚构的项目。通过这个平台，你会得到一个看起来非常漂亮的网站列表，并被鼓励去克隆它们。重点不在于整个项目，而是关注网站的一些页面，并突出显示这些页面的功能，同时鼓励你通过这些页面来提升你的技能。克隆网站是一种很好的学习方式，因为通过尝试别人已经做过的事情，你可以学到很多东西。在真实的网站上工作的另一个好处是，你可以体验所有的小互动，无需猜测，你可以尽量确保你的实现尽可能地符合实际情况。你可以将你随着时间的推移所获得的所有技能运用起来，这样你将学到很多东西并巩固这些技能。

3. CSS 之战

这并非实际构建项目，而是主要通过挑战来帮助你提升 CSS 技能。你将构建一些不切实际的东西，或者做一些不同寻常的事情。你会惊讶地发现，这些事情竟然能帮助你在现实生活中解决问题或完成一些事情。在这个平台上，你需要用尽可能少的代码来复制给定的目标。使用的代码量越少，你的分数就越高。

4.风格阶段

在这个平台上，你提供了一个基础的 HTML 文件，你可以修改其样式并提交不同的样式表。
由于指南要求你遵循可访问性规则，你不仅能创建一个美观的项目，还能创建一个易于访问的项目。你可以通过拉取请求提交此文件，如果需要修改，系统会提示你。你需要持续提交，直到提交的内容符合要求，你的项目就可以上线了。这个平台主要是为了提升你的 CSS 技能，因为你只需要处理 CSS 文件即可。

5.代码战争

与 CSS Battles 不同，这个平台提供多种语言的挑战。它主要关注的不是视觉挑战，而是编程挑战。你可以利用这个平台来积累和磨练你的技能，从而真正地构建一个项目。这是一个能够帮助你练习解决问题能力的优秀平台。CodeWars 是一个练习前端 JavaScript 技能的好平台。

6.开发挑战

这个平台类似于前端导师，你可以获得按难度分组的不同挑战，并进一步细分为三个方向：响应式 Web 开发者、前端开发者和全栈开发者。因此，作为一名前端开发者，你可以专注于前两个方向，并构建这些类别中的项目。每个类别有 8 个项目。你可以使用 Github 提交项目，也可以对其他人的提交内容提供反馈。

7. Codewell

通过在此平台上实现真实的设计模板来提升您的 HTML 和 CSS 技能。在此平台上，您无法通过免费帐户访问 Figma 文件，但可以访问项目资源，因此您仍然可以使用免费帐户来充分利用此平台。

8.前环

这是一个付费平台，您可以访问挑战。平台上的挑战分为两类：标记（Markup）旨在提高您的 HTML 和 CSS 技能；元素（Elements）旨在提高您的 JavaScript 技能。通过这个平台，您可以获得 30 个挑战及其练习资源、30 个代码解决方案（第一个解决方案免费）、技术提示和建议。您需要支付约 19 美元的一次性费用，才能终身访问您想要的任何类别的挑战及其资源。

9.每日用户界面

该平台主要面向 UI（用户界面）和 UX（用户体验）设计师，但前端开发人员可以利用此资源，通过注册在 100 天内每天接收不同设计的电子邮件，但前端开发人员不是像设计师那样使用设计工具来创建设计，而是使用代码来实现设计。

10. Ace 前端

这个平台提供一些实用的编程挑战。它非常适合准备前端面试，因为它包含详细的面试解决方案。即使你没有准备面试，也可以使用这个平台。

结论

实践是提高编程水平的有效方法，而这些资源正好能帮到你。不要试图同时使用所有资源，你可以从一两个最适合你、你编程水平以及你想要实现的目标的资源开始，并通过公开分享你的成果或学习内容来保持持续学习。