О курсе
Курс HTML/CSS Advanced поможет вам изучить современную верстку веб-сайтов.
Изучив современную верстку веб-сайтов, вы сможете создавать верстку веб-сайтов любой сложности. Макет сайта KinoMonster будет доступен в популярной программе для дизайна и прототипирования Figma.
В уроках HTML и CSS вы узнаете:
- Как верстать блоки на сайте с помощью Grid
- Что такое Flexbox и как Flexbox упрощает позиционирование блоков на сайте
- Как создавать адаптивную верстку
- Научитесь использовать псевдоэлементы ::after и ::before
- Как подключать внешние CSS-стили к сайту, а также Javascript скрипты и библиотеки
- Научитесь пользоваться популярным редактором кода Visual Studio Code
- Изучите Grid System
- Научитесь встраивать видео на ваш сайт
- Изучите CSS-анимацию, а также научитесь анимировать SVG элементы
Изучив современную верстку веб-сайтов, вы сможете создавать верстку веб-сайтов любой сложности. Макет сайта KinoMonster будет доступен в популярной программе для дизайна и прототипирования Figma.
План курса
Программа обучения состоит из видео уроков по HTML и CSS, а также включает интерактивные тесты и интерактивные тренажеры, позволяющие закрепить полученные вами знания на практике.
- 1О курсе HTML/CSS Advanced
- 2Установка программ для курса HTML/CSS Advanced
- 3Базовый HTML
- 4HTML5 структура страниц верстки сайтов
- 5Базовый CSS
- 6CSS позиционирование HTML-элементов (базовое)
- 7CSS позиционирование Flexbox
- 8Позиционирование CSS Grid
- 9Позиционирование CSS Grid. Практическая часть
- 10Подключение шрифтов для сайта
- 11Адаптивная (responsive) верстка сайтов
- 12Практическая часть: Знакомство с Figma
- 13Практическая часть: Создаем Header (верхняя часть сайта)
- 14Практическая часть: Создаем Footer (нижняя часть сайта)
- 15Практическая часть: Создаем блок фильмов и сериалов
- 16Практическая часть: Создаем блок Hero
- 17Практическая часть: Адаптируем верстку под мобильные устройства
- 18Практическая часть: Страница просмотров фильмов и сериалов
- 19Практическая часть: Страница Login и Register
- Получение сертификата об окончании курса
Отзывы (104)
Отзывы о курсе верстки HTML и CSS.
Anna Vasileva
2 years ago
Полезный курс. Доступно и интересно всё объясняет
Евгений
2 years ago
Спасибо огромное, мне очень помог в обучении этот курс!!
student_5X1YqLbg
2 years ago
Супер курс! Узнал много о верстке сайтов и понял как верстать с помощью css grid и flexbox.
student_L8efDYX_
2 years ago
Много узнал деталей, которые облегчают написание кода (emmet, многострочный ввод). Но остались вопросы, можно ли, например, на практике использовать сетку для всего сайта? На практике она использовалась только для футера. Что делать с блоком hero если он отображается по разному при разном разрешении браузера? И так далее... нехватает подводных камней, как обстоят дела в реальных полевых условиях(работе). Но за свои деньги курс однозначно стоит.
student_Jw6CEVsI
2 years ago
Отличный курс! Очень много информации, которую объяснили доступным языком. Проект понравился!
Амангельды Кемалов
2 years ago
Все понятно, даже для новичка
student_aPnalwdy
2 years ago
Курс очень подробный, по сравнению с прошлым курсом HTML/CSS. Все понятно объясняется. Очень понравился учебный проект KinoMonster.
Ирина Ильина
2 years ago
Спасибо за курс! Много информации и практики.
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Получу ли я после прохождения курса сертификат?
Почему такая низкая цена?
Актуальны ли курсы?
Какое оборудование нужно для прохождения курса?
При прохождении курса я не знаю как выполнить задание, что делать?
Что такое XP и что оно дает?
Как участвовать в рейтинге?
Я находил ваши курсы на других сайтах. Есть ли разница где учиться?
Что если мне не подойдет или не понравится курс?
У меня не работает видео лекция или не открывается задание, что делать?
У меня остались вопросы о курсе, кому я могу их задать?
Преподаватель
ЛИДЕРЫ ЗА НЕДЕЛЮ (TOP 5)
student_SGVMXzwX
42640 xp
1
student_4PP0A3aK
14047 xp
2
Dima Loboda
3150 xp
3
Atabek Bolotbekovitsch
2780 xp
4
user_ab0840
2760 xp
5