这将是你未来事业的敲门砖。
扫码关注《Java学研大本营》，加入读者群，分享更多精彩
投资组合网站是大多数开发人员在其职业生涯的某个阶段会尝试建立的东西。它可以成为寻找客户、被聘用以及展示您的工作、技术技能和诀窍的绝佳工具。
许多开发人员创建了令人惊叹的投资组合网站，其中一些甚至最终成为病毒式传播。然而，其他人创建的投资组合网站最终更多的是障碍而不是优势。以下是一些注意事项，希望能帮助您建立一个更好的投资组合网站。
提前计划
计划失败就是计划失败。在您考虑打开代码编辑器之前，您需要有一个明确的计划。可视化您希望网站的外观。你会使用什么配色方案和字体？您要包括哪些部分？你会如何描述你自己和你的工作？如果需要，您需要什么样的图像？
回答完所有这些问题后，打开一个新的Figma或Adobe XD设计文件，或者任何你喜欢的设计工具，或者只是拿起笔和纸。开始勾勒出您在脑海中创建的图像。玩弄设计，直到您对所看到的感到满意。
只有在这一点上，您才应该开始编码。现在，将您的设计转换为代码会快得多，而且您会发现自己来回走动比直接投入编码要少得多。
干净和一致的设计
许多投资组合网站带有粗俗的颜色、不一致的间距和字体大小，或者只是凌乱无序。除非你喜欢野兽派设计，否则这不是你想要的。
当你处于规划阶段时，做一些关于什么是好的设计的研究。找到一个好的颜色组合并坚持下去。为自己设置一些排版和间距规则，并虔诚地遵循它们。
让自己更轻松的一种方法是使用CSS 框架或库，例如 Tailwind CSS、Material UI、Bootstrap 等。这些工具已经预先实现了设计系统，并且它们遵循经过验证的真实模式。
一定要包括你的技能名称
当然，您和其他开发人员可能知道浅蓝色原子符号代表 React.js，或者一片绿叶代表 MongoDB。但是，如果您的目标是寻找客户或工作，您需要多考虑一下您的目标受众。
招聘经理或潜在客户可能并不熟悉您技能中的所有技术，而且他们可能第一眼就认不出他们的徽标。出于这个原因，请确保您找到一种方法来包含您的技能的实际名称。
展示你的作品
考虑直接在您的网站上展示您的一些项目，而不是简单地包含指向您的 GitHub 个人资料的链接。这使用户更容易看到您的能力，因为他们不必访问外部网站并手动检查您的存储库。
展示项目时应包括的主要内容是：
屏幕截图（如果适用）
项目名称
链接到实时预览和 GitHub 存储库
对所使用的功能和/或技术的简短描述
一定要包括号召性用语
号召性用语是一种众所周知的营销工具，旨在提示用户的响应并增加他们的参与度。无论您是在寻找工作、客户还是其他开发人员合作，请确保您鼓励您的用户与您联系，并提供这样做的方法。
不要用太多的动画压倒用户
通常，开发人员觉得有必要最大限度地展示他们的动画技能。这通常意味着他们将拥有过于复杂的动画，或者他们会尝试为网页的每个元素设置动画。
拥有太多或太复杂的动画不仅会极大地分散您的用户的注意力，而且还会显着影响您网站的性能，特别是如果它们没有正确完成或您的用户没有使用最高端的设备。
这并不意味着您的网站上不应该有一个动画。相反，如果你擅长它，那就展示出来吧！但请注意不要过火。您的首要任务应该是您的页面内容。拥有一个单独的项目会更好，您可以在其中使用所有动画技能随心所欲地疯狂。
不要忽视可访问性和响应性
您的投资组合网站应该为所有用户提供最佳体验。确保您了解可访问性，并尝试至少结合一些技术，使您的页面更易于访问，不仅适用于残障人士，也适用于可能拥有旧设备、连接速度慢等问题的人。
在响应能力方面，请记住，近 60%的网络流量发生在移动设备上。这意味着平均而言，您的用户更有可能通过手机而不是笔记本电脑或台式电脑访问您的网站。
一个好的方法是移动优先设计。这意味着您首先将您的网站构建为在移动设备上看起来不错，然后再扩展到更大的屏幕。就个人而言，我发现将小屏幕设计转换为大屏幕设计更容易，而不是相反。
不要永远闲逛
写关于你自己、描述你的工作、呼吁采取行动——这些都是你的作品集网站中要包含的重要内容，但你应该尽量简洁明了。
无需在“关于”部分写下您的整个人生故事，也无需详细描述您在构建最新项目时所经历的考验和磨难。您的用户将希望一眼看到您和您的作品，而不是阅读整篇文章。对于较长的文本，请考虑为您的页面创建一个博客部分。
不要弄乱你的工作部分
虽然展示您的工作很重要，但您不需要为您构建的每个项目都超载您的网站。相反，坚持一些您最引以为豪的内容，并提供一个链接以查看您的其余工作（例如，指向您的 GitHub 个人资料的链接）。
不要设置它并忘记它
你已经阅读了很多关于创建你的作品集网站的文章，你已经花时间计划和设计它，你已经将你的设计转化为代码，完善了每一个细节，你已经找到了一个完美的地方来托管你的创作，也许您甚至投资了一个自定义域，现在您的出色投资组合已经向全世界展示！完成了，对吧？错误的！
您的投资组合网站是您应该经常返回并经常更新的东西。学到了新技能？更新您的网站。建了一个新项目？更新您的网站。名单还在继续。您的投资组合网站是您自己的反映。确保它始终反映现在的你，而不是过去的你。
结论
这些是我在创建投资组合网站时要牢记的十个技巧。其中许多只是基于我自己的意见和我在建立自己的投资组合网站时收到的反馈。让我知道您是否从我的文章中学到了一些有用的东西，或者您是否在自己的投资组合网站中实施了我的一些技巧。😊
参考文章： https://dev.to/ioanat94/dos-and-donts-of-creating-your-portfolio-website-2h4p
推荐书单
《项目驱动零起点学Java》
购买链接：https://item.jd.com/13607758.html
《项目驱动零起点学Java》贯穿6个完整项目，经过作者多年教学经验提炼而得，项目从小到大、从短到长，可以让读者在练习项目的过程中，快速掌握一系列知识点。
作者是国内知名Java教学者和传播者，一路披荆斩棘，兢兢业业20余年。积累了丰富的“培”“训”经验，也产出了很多优质的教学理论。
Java语言经过数十年的发展，体系逐渐变得庞大而复杂，本书芟繁就简，提炼出了最为重要的知识点，可以让读者轻松上手。本书配套有专栏课程，课程中提供了扩展内容。
《项目驱动零起点学Java》共分 13 章，围绕 6 个项目和 258 个代码示例，分别介绍了走进Java 的世界、变量与数据类型、运算符、流程控制、方法、数组、面向对象、异常、常用类、集合、I/O流、多线程、网络编程相关内容。《项目驱动零起点学Java》总结了马士兵老师从事Java培训十余年来经受了市场检验的教研成果，通过6 个项目以及每章的示例和习题，可以帮助读者快速掌握Java 编程的语法以及算法实现。扫描每章提供的二维码可观看相应章节内容的视频讲解。
精彩回顾
扫码关注《Java学研大本营》，加入读者群，分享更多精彩
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
