frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Начало работы с CSS: Версия 2.0
Getting Started with CSS, v2
★ 5 (всего оценок - 6)
Продолжительность
3 ч 2 мин
Категория
CSS
Количество уроков
23 Видео
Дата добавления
22 мая 2025 г., 01:04
Язык
Английский
Дата выхода
20 мая 2025 г., 01:00
Дата обновления
27 июн. 2025 г., 20:50
На этом курсе вы создадите одностраничный сайт-портфолио, используя семантическую разметку HTML, систему дизайна на базе CSS-переменных, сеточные макеты и адаптивный дизайн. Вы научитесь внедрять светлую и тёмную цветовые схемы, которые можно переключать по желанию пользователя, и освоите ключевые принципы организации контента, чтобы ваша история и навыки были представлены понятно и убедительно.
В ходе обучения вы:
- Определите, структурируете и представите информацию, важную для портфолио
- Сверстаете сайт с использованием HTML и CSS, подчеркивая свои сильные стороны
- Используете семантические элементы HTML для улучшения структуры и доступности
- Создадите систему дизайна с помощью CSS-переменных
- Настроите светлую и тёмную темы с использованием свойства light-dark()
- Реализуете адаптивную сеточную верстку
- Добавите доступные иконки социальных сетей
К концу курса у вас будет базовое портфолио и чёткий план дальнейшей работы над сайтом.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:05:10Introduction
-
Урок 2. 00:09:25Writing Portfolio Content
-
Урок 3. 00:11:14About Me Section Content
-
Урок 4. 00:15:22Custom Properties for Color & Spacing
-
Урок 5. 00:05:36Social Icons Layout with Flexbox
-
Урок 6. 00:15:32Using Flexbox Layout
-
Урок 7. 00:09:19Responsive Layout with Media Queries
-
Урок 8. 00:04:51Footer Semantic Markup Exercise
-
Урок 9. 00:09:17Footer CSS Styles
-
Урок 10. 00:02:10Responsive Footer Layout
-
Урок 11. 00:05:20Project Section Semantic Markup Exercise
-
Урок 12. 00:05:41Mobile Styles for Projects
-
Урок 13. 00:08:52Styling Skills List & Project Image
-
Урок 14. 00:04:25Responsive Projects Layout
-
Урок 15. 00:04:59Combining Sections into One Page
-
Урок 16. 00:03:51Supporting Light & Dark Color Schemes
-
Урок 17. 00:08:39light-dark() CSS Function
-
Урок 18. 00:11:43Adding a Theme Switcher
-
Урок 19. 00:11:14Styling Radio Buttons as a Switch
-
Урок 20. 00:14:44Setting Up a Local Project
-
Урок 21. 00:04:22GitHub Pages Overview
-
Урок 22. 00:09:33Deploying to GitHub Pages
-
Урок 23. 00:01:19Wrapping Up
Авторы - frontendmasters, Jen Kramer
Jen Kramer
Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у
Другие материалы в этой категории
Комментарии
-
shivsperfecthttps://gettingstartedwith.css.education/v2/index.html -
shivsperfecthttps://gettingstartedwith.css.education/v2/portfolio/index.html
