freeCodeCamp

3.2 KiB

Raw Blame History

id	title	isRequired	challengeType	videoUrl	localeTitle
bd7158d8c242eddfaeb5bd13	Build a Personal Portfolio Webpage	true	3		建立个人投资组合网页

Description

目标：构建一个功能类似于此的CodePen.io应用程序： https ： //codepen.io/freeCodeCamp/full/zNBOYG 。完成以下用户故事并通过所有测试。给它你自己的个人风格。您可以使用HTML，JavaScript和CSS来完成此项目。建议使用纯CSS，因为这是迄今为止所涵盖的课程，您应该使用纯CSS进行一些练习。如果您愿意，可以使用Bootstrap或SASS。此项目不建议使用其他技术（例如jQuery，React，Angular或Vue），使用它们需要您自担风险。其他项目将使您有机会使用不同的技术堆栈，如React。我们将接受并尝试修复所有使用建议的技术堆栈的问题报告。快乐的编码！ 用户故事＃1：我的投资组合应该有一个欢迎部分，其ID为welcome-section 。 用户故事＃2：欢迎部分应该包含一个包含文本的h1元素。 用户故事＃3：我的投资组合应该有一个项目ID为id的projects 。 用户故事＃4：项目部分应至少包含一个带有project-tile类的元素来保存项目。 用户故事＃5：项目部分应至少包含一个项目链接。 用户故事＃6：我的投资组合应该有一个id为navbar 。 用户故事＃7：导航栏应至少包含一个链接，我可以单击该链接导航到页面的不同部分。 用户故事＃8：我的投资组合应该有一个id profile-link ，它会在新标签中打开我的GitHub或FCC个人资料。 用户故事＃9：我的投资组合应该至少有一个媒体查询。 用户故事＃10：欢迎部分的高度应等于视口的高度。 用户故事＃11：导航栏应始终位于视口的顶部。您可以通过分叉此CodePen笔来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试： https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js ： https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js完成后，将URL提交给您的工作通过所有测试的项目。如果卡住，请记住使用Read-Search-Ask方法。

Instructions

Tests

tests: []

Challenge Seed

Solution

// solution required

3.2 KiB Raw Blame History Unescape Escape