8 个练习前端开发技能的网站

目录：

构建项目并解决实际问题无疑是学习编程的最佳途径之一。理论固然重要，但如果不将所学知识付诸实践，你很可能无法取得进步。我们列出了 8 个网站，可以帮助你通过实践提升前端开发水平。

目录：

1. 免费CodeCamp
2. 科德韦尔
3. CSS大战
4. 树屋
5. Coderbyte
6. CodePen 挑战
7. JavaScript30
8. 前端导师

1. freeCodeCamp

毫无疑问，这是学习 Web 开发的最佳资源之一。超过 7000 个教程和大量挑战，助您检验所学知识。

这些曲目很简单，而且最好的部分是？全部免费。

2. Codewell

如果您想提升自己的 HTML、CSS 和 JavaScript 技能，Codewell 提供了丰富的 Figma 模板供您使用。您甚至可以在网站或日益壮大的 Slack 社区分享您的解决方案并获得反馈。以下是 5 个可以在 Codewell 上完成的项目。

Codewell 的挑战包括：

• Figma 模板
• 所有资产（图像、图标等）
• 适用于桌面、平板电脑和移动设备视图的 PNG 文件
• README.md 文件，其中包含所用的字体以及如何部署

3. CSSBattle

这个是针对 CSS 的，但它的游戏化系统是跟踪你的进度和继续学习的好方法，他们甚至在一些战斗结束时赠送一些商品，这总是一个很好的激励因素。

那里的战斗不一定会告诉您如何创建网页布局，但它们肯定会帮助您解决一些更中级的 CSS 属性。

4.树屋

Treehouse 每月只需 25 美元，是一个很棒的平台，可以帮助你学习 JavaScript 等特定语言，甚至 PHP 等后端语言。你可以选择他们热门的课程，其中包含各种各样的测验和挑战，也可以选择有指导课程的课程，学习特定知识。

5. Coderbyte

Coderbyte 提供：

• 编码挑战
• 面试工具包
• 课程

他们提供免费挑战，让你在订阅每月 35 美元起的套餐之前先体验一下这个平台。如果你真的想转型做 Web 开发，Codebyte 能提供你所需的所有工具，助你实现目标。

6. CodePen 挑战

CodePen 挑战的一大优势在于，它几乎涵盖了所有编程语言和技术。HTML、CSS、Javascript、Flutter，应有尽有。更棒的是，你可以与所有挑战参与者分享你的解决方案，并给予和接收反馈。

这可能不是一种结构化的学习方式，但查看其他人的代码是一种获得灵感的好方法，也许可以学到一些你可能不知道的东西。

7. Javascript30

Wes Bos 发起的为期 30 天的原生 JS 编程挑战。你可以仅使用 JavaScript 制作时钟、鼓组等等。而且完全免费，所以赶紧注册开始吧！

8. 前端导师

在进行专业设计的同时解决现实世界的 HTML、CSS 和 JavaScript 挑战。

如果您喜欢这篇文章，请务必在 Twitter 上关注我们，以获取更多类似内容！