О курсе
Курс 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
- Получение сертификата об окончании курса
Отзывы (107)
Отзывы о курсе верстки HTML и CSS.
Anton Sharapov
3 months ago
Курсом остался доволен!
Liudmila Pikhtina
4 months ago
Материал курса подан структурированно, темы рассматриваются последовательно — от базовых понятий до сложных концепций. Особенно понравилось, как глубоко рассматриваются такие темы, как Flexbox и Grid, адаптивная верстка и оптимизация для различных устройств. :)
Приятно удивили также дополнительные материалы и полезные советы для профессионального роста. В итоге чувствую себя гораздо увереннее при работе с кодом и понимаю, как создать качественный адаптивный дизайн.
Спасибо :)
Сергей Лагаев
6 months ago
Очень благодарю за курсы! Все доступно, и понятно! не пожалел не минуты!
Ярослав Дергачёв
1 year ago
Один из лучших курсов, особенно по соотношению цена-качество. Спасибо, большое Сергею и его команде, желаю всем удачи и успехов в дальнейшем.
Vladyslav Arkhyrieiev
1 year ago
Прекрасный курс!
Paata Kvlividze
1 year ago
Спасиво вам Сергеи Никонов и всей вашей группе все было великолепно.
Вячеслав Грибов
1 year ago
Спасибо за курс. Но было бы хорошо больше информативнее подавать информацию о тегах, классах и тд., тп. Много информации приходится брать из сети.
Sergey Tsybulnyk
1 year ago
Для ознайомлення та старту - дуже гарний курс, матеріал автором викладається доступно. Дякую велике!!
Олег Гай
1 year ago
Для полных новичков курс отличный. Единственное, что доработать бы, это боле сложные интерактивные задания. А возможно и добавить домашние работы.
Сергій Кузьменко
1 year ago
Дуже гарний і добре все розповідає
student_P4s601V8
1 year ago
Все отлично и понятно
Konstantin Tcoi
1 year ago
На мой взгляд, это один из самых лучших курсов для страта в Front-End!!!
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Преподаватель
ЛИДЕРЫ ЗА НЕДЕЛЮ (TOP 5)
user_4439d7
11460 xp
1
Курманбий Дотдаев
3540 xp
2
user_f82d0c
3150 xp
3
Muhammad Do
3150 xp
4
user_1c9f80
960 xp
5