Курс HTML/CSS Advanced

Интерактивный курс верстки веб-сайтов HTML и CSS

С помощью курса HTML и CSS Advanced вы узнаете как создавать верстку современных веб-сайтов и освоите все необходимые техники для того, чтобы превратить макет сайта из Figma в адаптивную верстку веб-сайта.
5 / 140
  • 161 уроков
  • 60 видео
  • 17 часов
  • Сертификат

О курсе

Курс HTML/CSS Advanced поможет вам изучить современную верстку веб-сайтов.

В уроках HTML и CSS вы узнаете:

  • Как верстать блоки на сайте с помощью Grid
  • Что такое Flexbox и как Flexbox упрощает позиционирование блоков на сайте
  • Как создавать адаптивную верстку
  • Научитесь использовать псевдоэлементы ::after и ::before
  • Как подключать внешние CSS-стили к сайту, а также Javascript скрипты и библиотеки
  • Научитесь пользоваться популярным редактором кода Visual Studio Code
  • Изучите Grid System
  • Научитесь встраивать видео на ваш сайт
  • Изучите CSS-анимацию, а также научитесь анимировать SVG элементы

Изучив современную верстку веб-сайтов, вы сможете создавать верстку веб-сайтов любой сложности. Макет сайта KinoMonster будет доступен в популярной программе для дизайна и прототипирования Figma.

План курса

Программа обучения состоит из видео уроков по HTML и CSS, а также включает интерактивные тесты и интерактивные тренажеры, позволяющие закрепить полученные вами знания на практике.

Отзывы (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 и что оно дает?
Как участвовать в рейтинге?
Я находил ваши курсы на других сайтах. Есть ли разница где учиться?
Что если мне не подойдет или не понравится курс?
У меня не работает видео лекция или не открывается задание, что делать?
У меня остались вопросы о курсе, кому я могу их задать?

Преподаватель

Сергей Никонов. Автор курса программирования HTML/CSS | FructCode
Sergei Nikonov
  • Основатель проекта FructCode
  • Опыт в веб-разработке более 15 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки

ЛИДЕРЫ ЗА НЕДЕЛЮ (TOP 5)

Jamshid Abdujabbarov
39126 xp
1
Janis Bushmanova
25474 xp
2
Наталья Чебан
12025 xp
3
Odilbek Xojimurodov
11264 xp
4
user_cc3ce6
2760 xp
5