freeCodeCamp

5.1 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: у моего портфолио должен быть раздел приветствия с идентификатором welcome-section . User Story # 2: В разделе приветствия должен быть элемент h1 , содержащий текст. Пользовательская история №3: у моего портфолио должен быть раздел проектов с идентификатором projects . User Story # 4: Раздел проектов должен содержать по крайней мере один элемент с классом project-tile для проведения проекта. User Story # 5: Раздел проектов должен содержать как минимум одну ссылку на проект. User Story # 6: Мое портфолио должно иметь навигационную панель с идентификатором navbar . User Story # 7: Навигатор должен содержать хотя бы одну ссылку, на которую я могу щелкнуть, чтобы перейти к различным разделам страницы. User Story # 8: у моего портфолио должна быть ссылка с идентификатором profile-link , который открывает мою GitHub или FCC-профиль на новой вкладке. User Story # 9: у моего портфолио должен быть хотя бы один медиа-запрос. User Story # 10: Высота секции приветствия должна быть равна высоте окна просмотра. User Story # 11: навигационная панель всегда должна находиться в верхней части окна просмотра. Вы можете создать свой проект, нажимая эту ручку CodePen . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Как только вы закончите, отправьте URL-адрес своей рабочей проект с прохождением всех его тестов. Не забудьте использовать метод Read-Search-Ask, если вы застряли.

Instructions

Tests

tests: []

Challenge Seed

Solution

// solution required

5.1 KiB Raw Blame History Unescape Escape