7 个网站助你找到适合作品集的前端项目

1-前端导师

2-酸辣酱

3- Codewell

4-前环

5- 练习运球投篮

6- CSS 禅意花园

7-开发挑战

为什么要制作这样的清单？

我经常浏览开发者的作品集，发现他们展示的都是同样的项目。计算器、食谱查找器、待办事项，这些都是很棒的 Web 开发项目，但如今雇主不再需要这类项目了。以下列表将展示一些独特的创意，你可以将这些创意付诸实践，并在作品集中展示出来。

1-前端导师

使用 Frontend Mentor，您将在压缩文件中获得以下内容：

✔️适用于移动和桌面布局的 JPEG 设计文件

✔️ 字体、颜色等的样式指南

✔️ 优化图像资产

✔️ README 文件可帮助您入门

✔️ 预先写好内容的 HTML 文件

增加了 Sketch 文件选项，但每月 8 美元的订阅费用还包含所有高级模板/挑战的访问权限。您还可以提交代码供社区其他成员查看和审核。

2-酸辣酱

虽然挑战选择较少，但仍然可行。Piccalilli 只提供了 8 个挑战，但答案已发布，供所有人查看。对于 Web 开发新手来说，提供这些答案固然很好，但务必记住，Web 开发没有万能的解决方案。

3- Codewell

这有点儿厚颜无耻，但我还是想把它放上来，或许能帮到别人。这是我的个人项目。

✔️ Figma 文件

✔️ 资产（图标和图像）

✔️ 以 PNG 格式导出用于桌面、手机和平板电脑的设计

✔️ 自述文件

4-前环

这是付费的，但它可以为您提供以下内容：

✔️ 30 个带有练习资产的挑战

✔️ 30 个代码解决方案

✔️ 第一个解决方案免费

✔️技术提示和建议

5- 练习运球投篮

这是我最喜欢的，真的。Dribbble 的设计不太好用，这点是出了名的，但平台上还是有一些经验丰富的设计师，他们知道自己在做什么。我相信，制作 Dribbble 作品不仅会挑战你的设计技巧，还会挑战你的 CSS 布局技巧。

6- CSS 禅意花园

这个方法虽然老套，但仍然是展示 CSS 技能的绝佳途径。它的理念是，每个人都拥有相同的 HTML 文件，但你可以自行决定如何使用 CSS 将其变为你自己的。你可以在 CSS Zen Garden 的网站上看到所有提交的设计，你会看到一些令人惊叹的作品。

就是这样，请随意评论我可能遗漏的地方，我会立即将其添加到本文中。

7-开发挑战