开发者作品集：如何脱颖而出
由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！
很多新手开发者都用同一个模板创建千篇一律的落地页（我以前也不例外）。结果，求职者被成堆的简历和其他作品集淹没了。
为你的作品集创建有趣的项目
我是一名前端开发人员，拥有一家小型软件公司。作为一名创业者，我看过很多候选人的作品集。很多开发人员制作的落地页竟然一模一样，像素级都完全相同！
在波兰，我们有一个非常棒的前端开发者挑战赛，叫做“每周网页开发挑战赛”。我非常喜欢这个挑战赛，我刚入行的时候也参加过。每周，参赛者都会创建落地页，然后获得反馈。
因此，在经历了一些挑战之后，多名开发人员的作品集/简历中出现了类似的项目，然后他们用这些项目申请了同一家雇主的职位。
设身处地地想一想，如果你是雇主，你正在寻找一位新的开发人员，于是发布了招聘信息。几个小时后，你收到了十份简历，而且都是同一个项目！没有一份简历能脱颖而出。
这些挑战对练习很有帮助，但如果你想脱颖而出，它们就不合适了。在你找第一份工作的时候，没人会告诉你这一点。所以我现在才告诉你！
你可以用HTML和CSS做很多事情
即使你还不了解 JavaScript，也可以先创建项目，以后再添加脚本。可以先从构建类似你喜欢或经常使用的网站开始，然后逐步构建更复杂的网站。
哪里可以找到设计灵感？
作为一名有志成为前端开发人员的人，你可能对设计了解不多。这完全没问题！你永远不会负责网站或产品的设计。了解一些设计基础知识很有帮助，在我看来甚至是必要的，但你可以等到熟悉前端技术栈之后再去学习设计。
我见过的大多数作品集都不太吸引人，因为开发人员缺乏设计方面的训练，试图自己进行设计。
做了几年前端开发，我还是不知道怎么做出那些漂亮的界面设计。我是个彻头彻尾的技术人员，缺乏想象力（除了空间想象力！）。还是让设计师们去做他们的工作吧。
但为了帮助我们自己，我们可以利用他们的成果！最著名的设计灵感网站有：
你可以在那里搜索图片，并用它们来制作代码版本。只需记住注明设计者的名字即可！
你应该创作什么？
你可以创建各种不同的项目。大多数 Dribbble/Behance 上的落地页由于包含大量图片和图标，使用起来会比较棘手。但你可以开发应用程序！应用程序虽然不如落地页那么精美，但这也没关系。自定义图片越少，问题也就越少。
如您所见，自定义图标并不多。您可以全部替换成免费图标，或者，如果您已经掌握一些设计知识，也可以创建自己的图标。
但你并非必须这样做。你还可以创建其他多种内容，例如：
我喜欢花时间在 CodePen 上寻找新的灵感。你也应该试试！
JavaScript 初学者
在你开始学习 JavaScript 的旅程之初（即使是 JavaScript 高手，学习之路也永无止境），你可以添加一些简单的脚本。你可以通过添加一些 JavaScript 代码来升级所有静态网站。
以下是一些简单的想法：
- 动画汉堡菜单。
- 滚动后固定位置的页眉。
- 点击按钮即可向下滚动到相应部分。
- 滚动动画。
- 点击后会打开模态框/弹出窗口的按钮。
- 网站基本状态——点击即可添加和删除元素。
你可以做的事情有很多！
你已经了解 JavaScript 了吗？
如果你熟悉 JavaScript，就可以进一步创建项目。我的很多项目都是从前端开始的。后端要么还没开发，要么还在开发中，要么我们公司只负责前端的开发。你也可以这样做。创建可以直接与后端集成的应用程序！
半份
正如我之前所写，每个人都会制作落地页。那么，为了脱颖而出，为什么不开发一款更复杂的应用程序呢？应用程序的前端设计要简洁得多，也更容易实现像素级的完美。虽然应用程序可能包含许多不同的页面，但它们都比落地页小得多。
如果你已经有了静态仪表盘应用，你可以让它重新焕发生机！你不需要懂后端开发就能创建完整的应用（当然，这是为了学习）。我最喜欢的工具是JSON 服务器。使用这个工具，你可以创建自己的数据库以及所有必要的请求。
我非常希望能在某人的作品集中看到这样的应用。基本授权、用户个人资料、带一些图表的仪表盘，仅此而已。它不必是个大型应用，但它表明开发者了解用户需求，这本身就是一个很大的优势。
工具
创建完各种落地页和仪表盘后，你可能会感到无聊。这完全没问题！你还可以创建许多其他项目。
创建不同的工具或许有助于打发时间。这些工具可以使用 Bootstrap 或 Tailwind 等布局框架来制作。虽然最终效果可能不够惊艳，但几乎可以让你跳过 HTML 和 CSS 部分。有了这些工具的帮助，你就可以专注于 JavaScript 部分了。
创作什么？
一切能加快你工作速度的东西！如果你讨厌用户界面（UI），你可以创建自己的用户界面生成器！
生成器
其他
- 绘图工具（例如 MS Paint）
- 数据可视化
- 您自己的 NPM 模块
游戏
我几乎没在初级前端开发人员的简历上看到过游戏开发经历。其实用 JavaScript 可以创建很多简单的游戏，复杂度可以逐步增加。你可以从井字棋开始，最终开发出 3D 游戏！
以下是一些用 JavaScript 编写的游戏示例：
制作游戏可能很难。最好将游戏逻辑分解成质因数。这将极大地帮助你理解你需要做什么。我将为你解释井字棋的逻辑。
- 游戏应该有两种游戏模式：玩家对玩家和玩家对电脑。
- 其中一名玩家选择 0，另一名玩家选择 x 来标记他们的选择。
- 游戏采用回合制进行。
- 当其中一名玩家的符号填满整列/整行/整条对角线时，游戏结束。
- 如果没有人获胜，则为平局。
其他功能：
- 随机选择首发玩家。
- 添加重启按钮。
- 添加用户名。
请自助
我希望我已经从雇主的角度为你提供了信息。如果你不努力让自己脱颖而出，别人也不会帮你。
感谢阅读，下次再见！
你可以在社交媒体上关注我，或者订阅我的电子报！
🐦 Twitter
👨🏻💻博客
📰 Medium
💌电子报
🦄 Frontend Unicorn 书籍