Главная страницаКатегория cssПроект веб-разработки: персональный сайт-портфолио

Проект веб-разработки: персональный сайт-портфолио

Name: Проект веб-разработки: персональный сайт-портфолио
Price: 12.5 USD
Rating: 5 (4 reviews)

Web Development Project: Personal Portfolio Website

frontendmasters

Jen Kramer

★5 (всего оценок - 4)

Продолжительность

5 ч 4 мин

Категория

CSS

Количество уроков

34 Видео

Дата добавления

6 сент. 2024 г., 22:52

Язык

Английский

Дата выхода

17 июл. 2024 г., 01:00

Дата обновления

29 апр. 2026 г., 21:13

Персональный сайт-портфолио — это не просто учебный проект, а реальный шаг к созданию профессионального онлайн‑присутствия. В этом курсе вы закрепите основы веб‑разработки и освоите современные техники верстки, создавая адаптивный сайт, который выгодно представит ваши работы.

Что вы создадите в рамках проекта

Курс проведет вас через полный цикл разработки персонального портфолио — от структуры и дизайна до адаптивной верстки и оптимизации. В итоге вы получите готовый сайт, который можно использовать в резюме или при поиске работы.

Основные элементы будущего сайта

Главная страница с краткой информацией о вас
Раздел с проектами и примерами работ
Блок с контактами и ссылками на социальные сети
Универсальный дизайн, адаптированный под разные устройства

Современные техники CSS, которые вы освоите

В процессе работы вы примените мощные инструменты CSS, которые используются в реальной разработке.

CSS‑переменные

Научитесь задавать глобальные стили, цвета и размеры, чтобы создавать гибкую и легко поддерживаемую систему оформления.

Flexbox и Grid

Освоите два ключевых метода построения макетов, позволяющих создавать аккуратные и адаптивные структуры без лишних ухищрений.

Медиа‑запросы

С их помощью ваш сайт будет одинаково удобен на компьютере, планшете и смартфоне.

Навыки, которые вы укрепите

Понимание структуры HTML‑документа
Уверенное использование CSS для оформления элементов
Создание адаптивных интерфейсов
Работа с современными инструментами верстки
Организация и презентация портфолио

Для кого подходит этот курс

Проект идеально подходит новичкам, которые уже знакомы с основами HTML и CSS и хотят перевести знания в практику. Также курс будет полезен тем, кто стремится создать свой первый сайт, повысить уверенность в верстке или подготовить портфолио для работодателей.

Итог курса

Завершив проект, вы получите красивый, адаптивный и структурированный сайт‑портфолио, который станет надежной основой вашего профессионального бренда в веб‑разработке.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:04:31
Introduction
Урок 2. 00:05:56
Style Guide & Q&A
Урок 3. 00:06:06
Base Color Variables
Урок 4. 00:08:56
Using Color Variables
Урок 5. 00:12:12
Fonts
Урок 6. 00:07:51
Font Sizes
Урок 7. 00:02:45
Apply Font Sizes Exercise
Урок 8. 00:10:02
Link, Responsive Image & Default Spacing
Урок 9. 00:08:14
HTML Text Markup
Урок 10. 00:08:23
CSS Layers
Урок 11. 00:10:22
Styling Text on a Background Image
Урок 12. 00:10:15
Text on Background Image Exercise
Урок 13. 00:08:10
Navigation HTML Markup
Урок 14. 00:10:49
Navbar Layout
Урок 15. 00:10:40
Navbar SVG Icons
Урок 16. 00:10:36
Styling the Navbar
Урок 17. 00:12:09
Media Queries for Responsive Navbar
Урок 18. 00:18:13
Mobile Navbar Hamburger Menu
Урок 19. 00:06:10
Footer Exercise
Урок 20. 00:10:15
Projects Using Figure
Урок 21. 00:10:47
Project Exercise
Урок 22. 00:08:58
CSS Grid
Урок 23. 00:06:00
Grid Exercise
Урок 24. 00:14:07
Tablet and Mobile Layouts
Урок 25. 00:07:37
Featured Project Desktop CSS Exercise
Урок 26. 00:10:15
Converting from Codepen to VSCode
Урок 27. 00:06:41
Linking Fonts & Images
Урок 28. 00:12:20
Addressing CSS Issues
Урок 29. 00:06:59
Adding Background Styles
Урок 30. 00:08:19
Creating Inside Page Exercise
Урок 31. 00:09:17
Overriding CSS with Classes
Урок 32. 00:10:13
Styling Images with Grid
Урок 33. 00:09:12
Increasing CSS Specificity
Урок 34. 00:01:06
Wrapping Up

https://personal-portfolio.css.education/

Авторы - frontendmasters, Jen Kramer

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+794

Jen Kramer

Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у

Комментарии