Курс 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.
Svitlana Moroz
2 years ago
Отличный курс, последние уроки сложноваты для восприятия. Но в целом отлично! Доступно и удобно.
Aleksandr Samoilenko
2 years ago
Курс отличный, я раньше проходил просто курс HTML/CSS и для меня он был супер, но Advanced - еще более информативный с большим количеством полезных фишек, которые помогают создать современный сайт. Я в восторге от прохождения данного курса. Спасибо большое FructCode.
Сергей Жданович
2 years ago
Курс интересно сделан, иногда действия выполняются слишком быстро и не успеваешь понять что к чему, ДЗ на более поздних этапах могли бы быть сложнее. Радует, что Сергей выполняет не идеально, т.к. становится более понятно, почему что-то не работает. Ошибки вносят больше ясности в происходящее.
Vladyslav Merezhko
2 years ago
Курс сподобався дізнався багатонового та систематизував наявні та набуті знання. Дужк чекаю на доповнення курсі у розробці
stepan gudzovatiy
2 years ago
Cool
student_yk6N8IiL
2 years ago
Хороший курс, достаточно полный в сравнение с остальными в интернете. Сергей, просьба которая поможет улучшить курс. Как известно все знания и навыки без использования со временем забываются без практики, во время уроков вы очень часто напоминаете о том, что рассказывали ранее в своих уроках о том или ином тэге или свойстве используемом при верстке. Иногда поиск урока затягивается. Возможно только у меня возникли такие затруднения, но думаю это сделало бы курс более юзабельным и удобным.
Андрій Слободян
2 years ago
Цікавий курс, по можливості хотів би, щоб з часом добавився курс по методології написання коду, а саме найменування класів тощо. Дякую за курс!
Vlad Sivenkov
2 years ago
Cool
Volodymyr Kovalenko
2 years ago
Отличный курс, единственное, что смутило - слишком элементарные интерактивные задания особенно ближе к завершению курса. А так понравилось, планирую продолжить обучения далее. Буду советовать
Шахрiяр Юсупов
2 years ago
Отличный курс!
Андрей Веленский
2 years ago
Намного правильней построен процесс обучения, чем в HTML/CSS. А так же более актуальная информация.
Валера Кузнецов
2 years ago
Сначала думал что курс не особо будет хороший, но пару уроков в бесплатной версии курса показали что я ошибаюсь.Зарегистрировался на платную версию, и начал изучать все с первого урока. Каждый урок объясняется доходчиво, проговаривается каждый шаг в процессе обучения, без заумных слов или еще чего то, что начинающий может не понять. Курс просто шикарен, спасибо большое Сергей Никонов что создали его.

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Как проходит обучение?
Обучение разделено на видео лекции, интерактивные задания и тесты. В видео лекциях вы получаете теоретический материал и с помощью интерактивных заданий закрепляете теорию на практике. Вы пишите код прямо в браузере и мгновенно получаете результат проверки вашего кода - верно или нет. Практически в каждом уроке есть ссылки на дополнительные материалы и исходный код.
Когда начнется обучение? Нужно ли ждать когда наберется группа?
Получу ли я после прохождения курса сертификат?
Почему такая низкая цена?
Актуальны ли курсы?
Какое оборудование нужно для прохождения курса?
При прохождении курса я не знаю как выполнить задание, что делать?
Что такое XP и что оно дает?
Как участвовать в рейтинге?
Я находил ваши курсы на других сайтах. Есть ли разница где учиться?
Что если мне не подойдет или не понравится курс?
У меня не работает видео лекция или не открывается задание, что делать?
У меня остались вопросы о курсе, кому я могу их задать?

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

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

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

Mariya Nekhaychuk
33177 xp
1
student_o4JFmtmJ
29417 xp
2
user_809e91
6610 xp
3
student_xh6xMhJH
6055 xp
4
Богдан Свербей
4647 xp
5