What you'll learn
The HTML/CSS Advanced course will help you learn modern website design.
Having studied modern website layout, you will be able to create website layouts of any complexity. The KinoMonster website layout will be available in the popular design and prototyping program Figma.
In HTML and CSS lessons you will learn:
- How to layout blocks on a website using Grid
- What is Flexbox and how Flexbox simplifies the positioning of blocks on a website
- How to create adaptive layout
- Learn to use the ::after and ::before pseudo-elements
- How to connect external CSS styles to the site, as well as Javascript scripts and libraries
- Learn to use the popular code editor Visual Studio Code
- Explore the Grid System
- Learn to embed video on your website
- Learn CSS animation and also learn how to animate SVG elements
Having studied modern website layout, you will be able to create website layouts of any complexity. The KinoMonster website layout will be available in the popular design and prototyping program Figma.
Lessons
The HTML/CSS course offers a comprehensive program featuring video lessons, interactive tests, and simulators. These tools are designed to help you apply and reinforce your knowledge effectively
- 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
- Being awarded a course completion certificate
Reviews (106)
Explore what students have to say about the HTML and CSS layout course. Read their reviews to get insights into their learning experience
Иван Ермашов
3 years ago
Отличный курс. Все супер!!!
Роман Незнаєнко
3 years ago
Курс очень полезный, интересный, соответствует теме и доступно выкладывается материал, всем советую.
Anna Vasileva
3 years ago
Полезный курс. Доступно и интересно всё объясняет
Евгений
3 years ago
Спасибо огромное, мне очень помог в обучении этот курс!!
student_5X1YqLbg
3 years ago
Супер курс! Узнал много о верстке сайтов и понял как верстать с помощью css grid и flexbox.
student_L8efDYX_
3 years ago
Много узнал деталей, которые облегчают написание кода (emmet, многострочный ввод). Но остались вопросы, можно ли, например, на практике использовать сетку для всего сайта? На практике она использовалась только для футера. Что делать с блоком hero если он отображается по разному при разном разрешении браузера? И так далее... нехватает подводных камней, как обстоят дела в реальных полевых условиях(работе). Но за свои деньги курс однозначно стоит.
student_Jw6CEVsI
3 years ago
Отличный курс! Очень много информации, которую объяснили доступным языком. Проект понравился!
Амангельды Кемалов
3 years ago
Все понятно, даже для новичка
student_aPnalwdy
3 years ago
Курс очень подробный, по сравнению с прошлым курсом HTML/CSS. Все понятно объясняется. Очень понравился учебный проект KinoMonster.
Ирина Ильина
3 years ago
Спасибо за курс! Много информации и практики.
FREQUENTLY ASKED QUESTIONS
Author
Leaders of the week (TOP 5)
Дмитрий Пилипчук
24392 xp
1
user_273625
22172 xp
2
student_jWTOIOJF
5220 xp
3
web_dew_man
3491 xp
4
Ильяс Жакупбек
1690 xp
5