Курс «Занимательные элементы интерфейса в HTML/CSS»
Составитель: Денис Сметнёв · Обновлено: 19.08.2026 · Оценка на MOOC.ru: 3.6 из 5 — по 8 отзывам на нашем сайте
Начальный
Компания: GeekBrains (ГикБреинс)
рейтинг:
Язык: 
Уровень: Начальный
Формат: Онлайн
Старт: в любое время
Документ: Сертификат
🎓 Сертификат
Почему мы рекомендуем:
проверен 8 отзывами, сертификат — оценка по нашей методике (рейтинг, цена, трудоустройство, диплом)
Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)
Junior
80 000 ₽
Middle
130 000 ₽
Сравнение с похожими курсами других школ
| Курс | Школа | Цена | Срок | Рейтинг | Диплом | |
|---|---|---|---|---|---|---|
| Занимательные элементы интерфейса в HTML/CSS (этот) | GeekBrains (ГикБреинс) | беспл. | — | 3.6 | Сертификат | — |
| Знакомство с HTML и CSS | HTML Academy (HTML академия) | беспл. | 3 дня | 5.0 | — | Перейти |
| Основы HTML и CSS | Netology (Нетология) | беспл. | 3 недели | 4.5 | Сертификат | Перейти |
| Основы HTML и CSS | ФРОО | 24 000 ₽ | 2 месяца | 3.2 | — | Обзор |
Стоит ли идти на этот курс
Плюсы
- Программа привязана к конкретным UI-компонентам: навигационное меню с подпунктами, выезжающая боковая колонка, карусель, аккордеон, загрузчик сайта — не абстрактные «элементы», а то, что встречается в реальных макетах
- Курс бесплатный — нулевой порог входа, можно проверить формат GeekBrains и конкретно эти темы, не вкладывая деньги
- Остаётся сертификат об окончании — формальное подтверждение для портфолио или резюме, даже у бесплатного курса
- Есть практические задания и общение с одногруппниками — не просто пассивный просмотр видео
Минусы и кому не стоит
- Всего два урока — это обзорный разбор, не полноценное обучение: пройти аккордеон и карусель за два занятия можно, но отработать до уверенного навыка не успеете
- Данных о трудоустройстве нет: курс не позиционируется как карьерный трек, он не готовит к смене профессии
- Уровень «с нуля» — относительное понятие: если вы не знаете, что такое div и box model, два урока по интерфейсным компонентам будут сложны для восприятия без предварительной базы
Когда этот курс вам не нужен
Если вы уже верстали лендинги и знаете, как работает position: fixed, overflow: hidden и псевдоэлементы — большую часть программы вы разберёте сами за вечер. Курс также не подойдёт тем, кто ищет JavaScript-интерактивность: здесь CSS-подход, без скриптов. И если цель — трудоустройство или смена профессии, двух уроков недостаточно: нужна полноценная программа с проектами и обратной связью по коду.
Как выбрать курс по этому направлению
На коротких бесплатных курсах по вёрстке смотрю прежде всего на программу: перечислены ли конкретные компоненты или там снова «основы позиционирования»? Хороший сигнал — когда в программе стоят реальные элементы, которые просят сделать на собеседовании или во фрилансе. Второй критерий — формат: видео без разбора кода по шагам часто не даёт нужного закрепления. Третье — что остаётся на руках: конспект, файлы с кодом, сертификат. Если хотите двигаться дальше в Разработку, сразу смотрите, есть ли у школы следующая ступень, чтобы не переключаться между платформами на полпути.
Частые вопросы
Нужны ли знания HTML и CSS перед курсом?
Формально заявлен уровень «с нуля», но программа сразу берётся за выезжающие меню и адаптивный бургер — это уже поведенческие элементы. Базовое понимание разметки и селекторов сильно упростит восприятие. Если вы никогда не открывали HTML-файл, лучше начать с совсем вводного курса по HTML/CSS, а потом вернуться сюда.
Сколько времени займёт прохождение?
Курс состоит из двух уроков. Точная длительность каждого в данных не указана, но формат — видеозаписи онлайн-занятий, то есть реальные уроки, не мини-ролики. Рассчитывайте на несколько часов суммарно плюс время на практические задания.
Курс действительно бесплатный — что есть на выходе?
Да, цена нулевая. После прохождения выдаётся сертификат об окончании обучения — это зафиксировано в условиях курса. Доступны видеозаписи занятий и практические задания.
Достаточно ли курса, чтобы начать брать заказы по вёрстке?
Два урока по UI-компонентам — хорошее дополнение к базе, но не самостоятельная точка входа во фриланс. Для первых заказов нужен весь стек: разметка, стили, адаптивность, хотя бы базовый JavaScript. Этот курс закрывает один конкретный пласт — интерактивные элементы без JS на CSS.
Есть ли живое общение с преподавателем?
Курс строится на видеозаписях занятий — то есть это записанный формат, не живой поток. Общение с одногруппниками предусмотрено, но формат взаимодействия с преподавателем в описании не детализирован.
Чему конкретно научат за два урока?
В программе: прибитая шапка и подвал, навигационное меню с подпунктами, бургер-меню, выезжающая боковая колонка, всплывающие окна, контекстные подсказки, стилизация чекбоксов и радиокнопок, загрузчик сайта, карусель, аккордеон. Это конкретные компоненты, не общие концепции.
Поделиться
Длительность курса
Обучение в свободном режиме
Формат обучения
Видеокурс
Обратная связь
Разбор практических заданий с преподавателем и возможность обсуждать проблемные задания с одногруппниками в закрытом чате.
Теория и практика
2 урока
Чему научитесь
- Создавать выезжающие боковые меню
- Добавлять всплывающие окна;
- Разрабатывать контекстные подсказки, загрузчик сайта и карусель элементов
прямо сейчас!
О курсе
О курсе
Навыки, которые вы получите
СТИЛИЗАЦИЯ ВЫЕЗЖАЮЩЕЕ БОКОВОЕ МЕНЮ
Отзывы
Курс «Занимательные элементы интерфейса в HTML/CSS»
Татьяна
Татьяна
Курс «Занимательные элементы интерфейса в HTML/CSS»
Курс без воды - именно то, что нужно
Курс понравился: интересно, понятно и без лишней воды. Такое встречается не так часто, так что отдельное спасибо тем, кто его создавал.
Практика 5/5Теория 5/5Преподаватели 5/5Поддержка 5/5
Достоинства: интересно, понятно, без лишней воды
Дата отзыва 18.10.2022
Дата окончания курса 2022
Курс «Занимательные элементы интерфейса в HTML/CSS»
Подтверждён обучением
Юлия
Юлия
Курс «Занимательные элементы интерфейса в HTML/CSS»
Негативное
Подтверждён обучением
Пошла учиться по программе "цифровые профессии" на frontend программиста, сразу после оформления заявки со мной связалась девушка, куратор, говорила гладко. 3 месяца вводный курс, затем начнется специализация, для Фронтэнде специализация должна начаться с HTML и Css. Все было хорошо. Но прошел вводный курс, а начался пайтон.... Которого не должно было быть в программе вообще и соответственно не началось обучение по фронту. Дальше все как вымерли... Кураторы на связь не выходят, саппорт не отвечает вообще (писала писем 10 в течении 1-2 месяцев, ни одного ответа) горячая линия ничем помочь не могут, посылают к куратору который на связь не выходит. В итоге программа не соответствует заявленной вообще, после Python должен начаться Java. Зачем они нужны фронтендерам не могут объяснить даже преподаватели. Кстати, преподавателей прям кого попало набрали, некоторые вели занятия первый раз и качество оставляет желать лучшего. У кого скидка 100% по программе отчислялась без проблем.... А вот те кто хоть что то заплатил деньги свои вернуть не могут. Были поданы личные и коллективные жалобы в у2035, в минцифру, поданы личные и коллективные иски.... Люди ... Если вам дороги свои нервы и деньги не идите учиться в ГБ
Практика 1/5Теория 1/5Преподаватели 1/5Поддержка 1/5
Достоинства: гладкая подача, кураторы
Недостатки: не соответствует заявленной, нет связи с кураторами, нет ответов от саппорта, неправильная программа обучения
Дата отзыва 03.10.2022
Дата окончания курса 2022
Курс «Занимательные элементы интерфейса в HTML/CSS»
Ирина
Ирина
Курс «Занимательные элементы интерфейса в HTML/CSS»
GeekBrains - рекомендую!
Прохожу обучение на frontend-разработку. за плечами уже курсы по основам программирования, базам данных SQL3, гит, и профессиональная верстка html-css. мне нравится вся система обучения: образовательная платформа, удобство онлайн формата, преподаватели и задания. я новичок, совмещаю работу с учебой, это тяжело, но цель того стоит. сейчас у меня нет никаких сомнений, что профессия в it будет востребована, что я буду востребована, как специалист. всем, кто задумывался сменить профессию на it, смело рекомендую GeekBrains!
Практика 5/5Теория 5/5Преподаватели 5/5Поддержка 5/5
Достоинства: система обучения, удобство онлайн формата, преподаватели, задания
Дата отзыва 09.05.2022
Дата окончания курса 2022
Курс «Занимательные элементы интерфейса в HTML/CSS»
Анастасия
Анастасия
Курс «Занимательные элементы интерфейса в HTML/CSS»
мошенничество, обман, не соответствие плану и...
1. после разделения на специализации на людей в прямом смысле наплевали. начиная с "Знакомство со специализациями. IT-специалист" программа абсолютно не соответствует заявленному. Лекции велись кое как и ничего точного там не было сказано. Девушка скакала от темы к теме, а что-то наоборот забывала упомянуть. Каждый урок имел проблемы. Но это ладно, семинары были задержаны на 2 недели. Преподаватель просто исчез и все. Нам никто ничего не говорил. Дату просто изменили. в чем была суть этой темы? Явно не в том, чтобы по тихоньку вводить нас в эту сферу, а в том, чтобы просто оттянуть время.
2. начались занятия "Веб-вёрстка HTML/CSS (лекции)". Мы всей группой выдохнули и подумали "фух, наконец то что-то интересное". И что? Это полнейшая чушь? Там от html и css ровно ничего. Третья лекция отсутствует вообще, а четвертая даже не из нашего направления (называется "стратегия и тактика продукта". Им об этом пишем вторую неделю всей группой, реакции 0
3. не дозвониться. Возможна только письменная связь, но ответы по типу "да, конечно, мы уже исправляем, 2-3 дня и все будет готово!" это просто обман.
2. начались занятия "Веб-вёрстка HTML/CSS (лекции)". Мы всей группой выдохнули и подумали "фух, наконец то что-то интересное". И что? Это полнейшая чушь? Там от html и css ровно ничего. Третья лекция отсутствует вообще, а четвертая даже не из нашего направления (называется "стратегия и тактика продукта". Им об этом пишем вторую неделю всей группой, реакции 0
3. не дозвониться. Возможна только письменная связь, но ответы по типу "да, конечно, мы уже исправляем, 2-3 дня и все будет готово!" это просто обман.
Практика 1/5Теория 1/5Преподаватели 1/5Поддержка 1/5
Недостатки: не соответствует заявленному, кое как, ничего точного, скакала от темы к теме, забывала упомянуть, проблемы с семинарами, исчез преподаватель, оттянуть время, полнейшая чушь, ровно ничего
Дата отзыва 25.08.2022
Дата окончания курса 2022
Курс «Занимательные элементы интерфейса в HTML/CSS»
Dimas64
Dimas64
Курс «Занимательные элементы интерфейса в HTML/CSS»
JS-курс, который наконец объяснил объекты
Пишу после прохождения базового курса по JS - до этого уже сделал два курса по HTML/CSS от этой же школы, оба нормальные. Один в записанном формате, с конспектами и ссылками, второй онлайн с проверкой домашних заданий - там уже SCSS, Bootstrap, Grid, библиотеки анимаций и всякие элементы вроде пагинации и хлебных крошек.
До JS-курса пробовал учить язык самостоятельно на одном из известных обучающих сайтов, и на теме объектов просто завис - примеров мало, информация сложная, в итоге недопонял и сильно сбавил темп. Этот курс реально вытащил.
Павел Тарасов - преподаватель, который объясняет всё человеческим языком, без академической зауми. Проверка домашних заданий на очень хорошем уровне - с разбором, а не просто "ок/не ок". Плюс можно написать напрямую с вопросом - и это не формальная опция, а реально работающая.
Дополнительных материалов много: объяснения смежных тем, рабочие примеры приложений (змейка, крестики-нолики и т.п.), полезные ссылки.
Весь пакет курсов обошёлся примерно в 50-60 тысяч - туда входят ещё продвинутый JS, два курса по PHP, Laravel и двухмесячная стажировка. За возможность напрямую общаться с преподавателем цена более чем оправдана.
До JS-курса пробовал учить язык самостоятельно на одном из известных обучающих сайтов, и на теме объектов просто завис - примеров мало, информация сложная, в итоге недопонял и сильно сбавил темп. Этот курс реально вытащил.
Павел Тарасов - преподаватель, который объясняет всё человеческим языком, без академической зауми. Проверка домашних заданий на очень хорошем уровне - с разбором, а не просто "ок/не ок". Плюс можно написать напрямую с вопросом - и это не формальная опция, а реально работающая.
Дополнительных материалов много: объяснения смежных тем, рабочие примеры приложений (змейка, крестики-нолики и т.п.), полезные ссылки.
Весь пакет курсов обошёлся примерно в 50-60 тысяч - туда входят ещё продвинутый JS, два курса по PHP, Laravel и двухмесячная стажировка. За возможность напрямую общаться с преподавателем цена более чем оправдана.
Практика 5/5Теория 5/5Преподаватели 5/5
Достоинства: полезный курс, понятная подача
Недостатки: много сложной информации, мало примеров
Дата отзыва 22.02.2022
Дата окончания курса 2022
Курс «Занимательные элементы интерфейса в HTML/CSS»
Tersordo
Tersordo
Курс «Занимательные элементы интерфейса в HTML/CSS»
Хороший портал для старта в программировании
Пользуюсь сам и сына записываю на курсы - в целом доволен. Выбор курсов большой: HTML, CSS и много другого, есть из чего выбрать. Цены приятные - большинство курсов стоят в районе 100-1000 рублей, что для меня важно. Учителя объясняют нормальным языком, не читают лекции по бумажке, и детям это заходит лучше, чем формат "как в институте" - именно за это и держусь. Бесплатных курсов тоже полно, хотя качество у них разное: попадаются и слабые, это честно надо признать. В целом - хорошая площадка, особенно если только начинаешь.
Достоинства: большой выбор курсов, приятные цены, учителя объясняют нормальным языком, бесплатные курсы
Недостатки: качество бесплатных курсов разное
Дата отзыва 18.05.2020
Дата окончания курса 2020
Курс «Занимательные элементы интерфейса в HTML/CSS»
Подтверждён обучением
Антон
Антон
Курс «Занимательные элементы интерфейса в HTML/CSS»
Обучение на GeekBrains
Подтверждён обучением
В данный момент продолжаю обучение. Знания дают современные, программы обновляются, основные по крайней мере, где в онлайн ведут.
Ролики, которые просто видео, могут не обновляться годами. Было обучение по видео записанным в 2017 и 2018 годах.
Некоторые преподаватели могу не отвечать по несколько суток. А на ДЗ выделяется тоже несколько суток. И это может сильно стопорить обучение.
Наставники (ученики закончившие уже этот курс на отлично), отвечают быстрее, но далеко не всегда могут помочь. Особенно в специфических вопросах, которые особо не загуглишь.
Обучение не структурировано. Поясню, что имею ввиду:
Обучение идет по порядку. Изучаешь, допустим, html. Закончил, дальше учишь CSS, закончил, дальше учишь JS и тд.
Каждая технология примерно месяц длится.
Каждая тема/технология подается оторвано от других.
Пока ты учишь один предмет, предыдущие уже немного стираются в памяти.
И когда проходит год обучения и ты изучаешь какой нибудь PHP, то такие технологии, как VUE или React, которые были практически в начале, уже забываются.
А если ты работаешь, у тебя семья, то углубляться и повторять то, что было год назад - времени не особо.
Хоть я и закончил на отлично все курсы и неплохо разобрался, сейчас, когда надо использовать те технологии, которые я изучал год назад и не практиковав с того времени, я понимаю, что уже практически ничего не помню.
Допускаю, что это может быть это моя индивидуальная особенность.
Мое мнение: каждая следующая тема должна дополнять и использовать предыдущие. Иначе все забывается, углубляясь в новые темы.
Ролики, которые просто видео, могут не обновляться годами. Было обучение по видео записанным в 2017 и 2018 годах.
Некоторые преподаватели могу не отвечать по несколько суток. А на ДЗ выделяется тоже несколько суток. И это может сильно стопорить обучение.
Наставники (ученики закончившие уже этот курс на отлично), отвечают быстрее, но далеко не всегда могут помочь. Особенно в специфических вопросах, которые особо не загуглишь.
Обучение не структурировано. Поясню, что имею ввиду:
Обучение идет по порядку. Изучаешь, допустим, html. Закончил, дальше учишь CSS, закончил, дальше учишь JS и тд.
Каждая технология примерно месяц длится.
Каждая тема/технология подается оторвано от других.
Пока ты учишь один предмет, предыдущие уже немного стираются в памяти.
И когда проходит год обучения и ты изучаешь какой нибудь PHP, то такие технологии, как VUE или React, которые были практически в начале, уже забываются.
А если ты работаешь, у тебя семья, то углубляться и повторять то, что было год назад - времени не особо.
Хоть я и закончил на отлично все курсы и неплохо разобрался, сейчас, когда надо использовать те технологии, которые я изучал год назад и не практиковав с того времени, я понимаю, что уже практически ничего не помню.
Допускаю, что это может быть это моя индивидуальная особенность.
Мое мнение: каждая следующая тема должна дополнять и использовать предыдущие. Иначе все забывается, углубляясь в новые темы.
Практика 3/5Теория 2/5Преподаватели 4/5Поддержка 2/5
Достоинства: современные знания, обновляемые программы
Недостатки: видео не обновляются, задержки с ответами, неструктурированность
Дата отзыва 01.03.2022
Дата окончания курса 2022
Курс «Занимательные элементы интерфейса в HTML/CSS»
tokarevpr
tokarevpr
Курс «Занимательные элементы интерфейса в HTML/CSS»
Методично и глубоко - именно то, что нужно
Долго выбирал между курсами по front-end разработке - цены везде оказались примерно одинаковые, так что решал по другому критерию. Почти ушел на Скилбокс (бывал на их вебинарах по маркетингу и дизайну), но видеоотзывы студентов GB, которые находили работу еще во время учебы, перевесили.
Что реально зацепило - здесь не вываливают кучу инструментов и не говорят "разбирайся". Все идет последовательно, тема за темой, и каждый блок реально прорабатывается до понимания. Сейчас читаю Хабр, вникаю в профессиональные обсуждения - и материал курса держит уровень, не устарел.
По преподавателям: на JS-курсе вел Сергей Герасименко - разбирал каждую концепцию по смыслу, не поверхностно. Лучшего объяснения сложных вещей я пока не встречал. А Игорь Кубиков по HTML/CSS делал вещь, которую я вообще не ожидал: на каждое мое домашнее задание записывал отдельный разбор-видео и выкладывал на YouTube. Полный, детальный. Даже не представляю, когда он это успевает делать для всех студентов.
Проверка домашек вообще заслуживает отдельного разговора - это один из главных плюсов. Когда возникал затык, звонил менеджеру - вопросы решались. Есть еще наставники, но к ним, честно говоря, не обращался - не доводилось. Качество трансляций нормальное, иногда шумит видео, но это на любых онлайн-курсах так. Без дополнительной литературы такой объем материала все равно не освоить - но это специфика темы, а не недостаток курса.
Что реально зацепило - здесь не вываливают кучу инструментов и не говорят "разбирайся". Все идет последовательно, тема за темой, и каждый блок реально прорабатывается до понимания. Сейчас читаю Хабр, вникаю в профессиональные обсуждения - и материал курса держит уровень, не устарел.
По преподавателям: на JS-курсе вел Сергей Герасименко - разбирал каждую концепцию по смыслу, не поверхностно. Лучшего объяснения сложных вещей я пока не встречал. А Игорь Кубиков по HTML/CSS делал вещь, которую я вообще не ожидал: на каждое мое домашнее задание записывал отдельный разбор-видео и выкладывал на YouTube. Полный, детальный. Даже не представляю, когда он это успевает делать для всех студентов.
Проверка домашек вообще заслуживает отдельного разговора - это один из главных плюсов. Когда возникал затык, звонил менеджеру - вопросы решались. Есть еще наставники, но к ним, честно говоря, не обращался - не доводилось. Качество трансляций нормальное, иногда шумит видео, но это на любых онлайн-курсах так. Без дополнительной литературы такой объем материала все равно не освоить - но это специфика темы, а не недостаток курса.
Практика 5/5Преподаватели 5/5
Достоинства: последовательность, глубокое изучение, понятная подача, кураторы
Дата отзыва 01.10.2018
Дата окончания курса 2018
больше курсов
Похожие курсы компании
Бесплатно
Перейти на страницу курса