О курсе
Курс 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
- Получение сертификата об окончании курса
Отзывы (106)
Отзывы о курсе верстки HTML и CSS.
Liudmila Pikhtina
3 weeks ago
Материал курса подан структурированно, темы рассматриваются последовательно — от базовых понятий до сложных концепций. Особенно понравилось, как глубоко рассматриваются такие темы, как Flexbox и Grid, адаптивная верстка и оптимизация для различных устройств. :)
Приятно удивили также дополнительные материалы и полезные советы для профессионального роста. В итоге чувствую себя гораздо увереннее при работе с кодом и понимаю, как создать качественный адаптивный дизайн.
Спасибо :)
Сергей Лагаев
2 months ago
Очень благодарю за курсы! Все доступно, и понятно! не пожалел не минуты!
Ярослав Дергачёв
8 months ago
Один из лучших курсов, особенно по соотношению цена-качество. Спасибо, большое Сергею и его команде, желаю всем удачи и успехов в дальнейшем.
Vladyslav Arkhyrieiev
10 months ago
Прекрасный курс!
Paata Kvlividze
11 months ago
Спасиво вам Сергеи Никонов и всей вашей группе все было великолепно.
Вячеслав Грибов
11 months ago
Спасибо за курс. Но было бы хорошо больше информативнее подавать информацию о тегах, классах и тд., тп. Много информации приходится брать из сети.
Sergey Tsybulnyk
11 months ago
Для ознайомлення та старту - дуже гарний курс, матеріал автором викладається доступно. Дякую велике!!
Олег Гай
1 year ago
Для полных новичков курс отличный. Единственное, что доработать бы, это боле сложные интерактивные задания. А возможно и добавить домашние работы.
Сергій Кузьменко
1 year ago
Дуже гарний і добре все розповідає
student_P4s601V8
1 year ago
Все отлично и понятно
Konstantin Tcoi
1 year ago
На мой взгляд, это один из самых лучших курсов для страта в Front-End!!!
D1ykstr
1 year ago
Скажу как новичок курс стоит пройти, понятие о языке в целом дается
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Получу ли я после прохождения курса сертификат?
Почему такая низкая цена?
Актуальны ли курсы?
Какое оборудование нужно для прохождения курса?
При прохождении курса я не знаю как выполнить задание, что делать?
Что такое XP и что оно дает?
Как участвовать в рейтинге?
Я находил ваши курсы на других сайтах. Есть ли разница где учиться?
Что если мне не подойдет или не понравится курс?
У меня не работает видео лекция или не открывается задание, что делать?
У меня остались вопросы о курсе, кому я могу их задать?
Преподаватель
ЛИДЕРЫ ЗА НЕДЕЛЮ (TOP 5)
Aleksandrs Suhobokovs
31372 xp
1
student_2jrMQCh_
29947 xp
2
io1pos
10795 xp
3
user_33cff3
6055 xp
4
user_2544a7
3315 xp
5