Участвует в Black Friday Скидки до 60% действуют 0 дней 00:00:00
Курс

Веб-вёрстка

Веб-вёрстка

Узнаете, как создавать удобные сайты. Изучите требования Web 2.0. Освоите три вида вёрстки, форматирование кода и работу с макетами.

Иконка для блока Дисклеймер

Мы постоянно обновляем курс, чтобы вы получали навыки, которые прямо сейчас нужны работодателям. Последняя дата обновления — ноябрь 2022 года.

Кому подойдёт этот курс

  • Новичкам Новичкам

    С нуля изучите язык разметки HTML. Разберётесь в CSS-технологиях. Освоите разные виды вёрстки. Сделаете лендинг и отдельные страницы сайта.

  • Начинающим верстальщикам Начинающим верстальщикам

    Детально разберёте HTML и CSS, работу с системой Git. Научитесь проверять браузерную совместимость и доступность сайта. Узнаете, как создать интерактивный сайт на JavaScript.

Чему вы научитесь

  1. Использовать блочную, адаптивную и резиновую вёрстку
  2. Верстать сайты
  3. Работать с системой Git
  4. Тестировать сайты на доступность
  5. Писать код на CSS, HTML и JavaScript
  6. Тестировать и корректировать браузерные несовместимости

Отзывы участников

  • Отзывы студентов

    Максим Колосовский , Екатеринбург

    Курс «Веб-вёрстка»
    Подчерпнул знания, многие темы раскрыты достаточно подробно. Есть места, где автор упоминает теги, о которых до этого не рассказывал. Для новичка это было бы неудобно.
  • Отзывы студентов

    Роман Столяров , Россия, Санкт-Петербург

    Курс «Веб-вёрстка»
    Теория хорошо структурирована. Лаконичное и простое объяснение. Формат курса очень удобен.
  • Отзывы студентов

    Артем Котов , Москва

    Курс «Веб-вёрстка»
    Много дополнительного материала помимо видео. Всё структурированно, понятно, с примерами.
  • Отзывы студентов

    Константин Соловьев , Россия, Новосибирск

    Курс «Веб-вёрстка»
    Видео короткие, дают направление, по которому надо идти и читать самому. С этим тоже помогают — кидают ссылки на дополнительные материалы. Кому-то такой подход не нравится, но в целом это обычная организация обучения: 1/3 «аудиторных занятий» и 2/3 самостоятельной работы.
  • Отзывы студентов

    Марина Слукина , Санкт-Петербург

    Курс «Веб-вёрстка»
    Курсы по вёрстке и JavaScript, которые я проходила, построены логично и последовательно. Понравилась работа с кураторами, быстрая проверка практических работ. Кураторы в случае чего объясняют, как сделать задание, помогают. Работа принимается, только если соответствует критериям. Есть возможность сделать собственный проект и презентовать его лично.

    Есть напоминалка в Telegram, чтобы не забивать :) А также различные чаты с поиском работы. Понравилось, что мне позвонили из Skillbox и сказали, что я уже готова к поиску работы, необходимо только написать в Центр. В целом я рекомендую Skillbox своим друзьям.

    При этом один из курсов часто обновляется, а остальные остаются нетронутыми, хотя требуют обновления материала. Например, React. И есть много нюансов, о которых не сказано в видео.
  • Отзывы студентов

    Владислав Степанов , Россия, Краснодар

    Курс «Веб-вёрстка»
    Сразу в бой, много практики, быстрее вникаешь в процесс, классные допы в виде Python/Java/веб-вёрстки. Хотелось бы чуть больше теории.
  • Отзывы студентов

    Евгений Щапов , Екатеринбург

    Курс «Веб-вёрстка»
    Мне нравятся спикеры. Подача и логичность изложения материала. Удобство размещения дополнительных материалов к видео.

    Иногда кажется, что формулировка практических заданий могла бы быть поточнее.
  • Отзывы студентов

    Мухаммаджон Набиев , Узбекистан, Фергана

    Курс «Профессия Fullstack-разработчик на JavaScript»
    Всё понятно и конкретно объясняется. До начала учёбы я думал, что обучиться этой профессии будет просто нереально, но Skillbox доказал обратное, чему я очень рад. Спасибо огромное!
  • Отзывы студентов

    Елена Некит , Молдова, Кишинев

    Курс «Профессия Веб-разработчик»
    Хочу отметить живую подачу материала. Спикеры подробно, а главное, понятно объясняют и делятся личным опытом. Это очень ценно и выгодно отличает обучение в Skillbox от классического университетского. Я пока только в начале пути, но мне нравится, а это уже немало для поддержания мотивации.
  • Очень хорошо построена программа обучения. Кураторы всегда готовы помочь и подсказать оптимальное решение задач.
  • Мне понравился видеоответ по практической работе с подробным отчётом. Вижу, что куратор глубоко владеет материалом по курсу. Легко ориентируется в теме, даёт советы по улучшению моего кода. Сталкиваюсь с таким впервые.
  • Alexey Limarev

    Курс «Веб-вёрстка»
    Во-первых, к обучению я подготовился заранее. Проверил бесплатные курсы, понял, что мне не хватает практических заданий, тонкостей работы и диалога со специалистом, который будет готов ответить на мои вопросы по заданию, но не станет тащить вместо меня самого.

    Во-вторых, мне очень повезло: курс проработали и дополнили. Единственный конструктивный отзыв про минусы был вида «всё ищешь сам и гуглишь», я к этому был готов, но оказался неправ, потому что, кроме разъяснений в видеоматериалах, под видео и в тексте задания даются ссылки на материал. Вам прямо показывают, куда нажать и что вы увидите по ссылке.
    В-третьих, прямого диалога с наставником, конечно же, нет. Но сам формат общения с ним обеспечен невероятным количеством инструментов, удобство которых начинаешь ценить снова и снова. Кроме того, дополнительное образование по веб-дизайну я осваиваю в свободное от работы (и отдыха) время, так что написать в любое время суток, а на утро получить ответ в видео для меня очень даже плюс.

    Резюмируя, я искал и нашёл полезные ссылки, хоткеи, обозначенные в видео и при проверке наставником, оговоренные нюансы и обратную связь, которая меня полностью удовлетворяет. Подача материала настолько хорошая, что видеоматериалы, как и на YouTube, можно просматривать на 1,5х- и 2х-скорости — это очень сильно помогает, когда ты готов к мозговому штурму или просто хочешь ещё раз посмотреть, как оно там делается.

    Отдельно хочется отметить, что обратную связь или отзыв к каждому видео, курсу, практической работе вы сможете оставить везде, подробно расписав, где и что вас не устроило. Я призываю всех оставлять такие отзывы, чтобы разработчикам было проще совершенствовать программу для будущих поколений.

    Конечно, материал можно шерстить вечно и дополнять различными графическими ништячками. Например, хоткей, который прожал ведущий, лучше отобразить на экране, можно даже с прозрачностью процентов 20%, как это делают в обучающих видео к играм. Это, конечно, не «работа со шрифтами», но тоже можно постоянно перекидывать раздробленный материал, пытаясь сделать удобнее для восприятия. Человек — существо ленивое, так что для каждой темы было бы неплохо выписать отдельно, а не просто в виде ссылки на страницу, какие особенные действия использовал ведущий, можно прямо с тайм-кодом.

    Дорабатывать есть что, но это более фундаментальные изменения в структуре курса, и, скорее всего, они будут в следующем его обновлении. (Например, менеджер мне сказал, что ранее курс был 2018 года, а к 2021 его обновили и даже дополнили. Мне кажется, это довольно частые обновления, учитывая его объём. Кстати, шкала прогресса там также имеется, что призвано как-то мотивировать вас.)

    К удобствам претензий меньше, но есть куда стремиться. И не ждите, что кто-то будет вас тащить за шкирку, как котика. Возможно, это зависит от наставника, проверяющего работы, но будьте готовы, что вам подскажут общими фразами, позволяя мысли развиваться в голове, и за это от меня отдельное спасибо!
  • Дарья Гурина

    Курс «Веб-вёрстка»
    Если честно, вообще супер! Долго сомневалась, но очень здорово, что начала. Нравится формат подачи материала, всё понятно и доходчиво, не так, как в обычных университетах, а на более высоком уровне. Практика — это вообще золотая жила для наполнения портфолио. В Telegram-чате нашла кучу поддержки и помощи. Ещё не окончила обучение, но уже всем рекомендую.
  • Богдан Мережка

    Курс «Веб-вёрстка»
    Качественный, хорошо подобранный материал, толковое объяснение. Но в практических заданиях иногда присутствуют непонятицы в виде лишних действий.
  • Сергей Тюрин

    Курс «Веб-вёрстка»
    Особенно понравилось оформление и подача материала от спикера на видео. А вот куратор, к сожалению, всегда отвечает не раньше 12 часов после вопроса и зачастую больше суток — можно задать вопрос и перестать учиться на двое суток в ожидании ответа.
  • Кристина Масло

    Курс «Веб-вёрстка»
    Очень нравится общение с куратором, а также подача материала: доступно и понятно. Всё просто супер!
  • Виктор Сурков

    Курс «Веб-вёрстка»
    Понравилось толковое и подробное объяснение материала, удобный формат обучения.
  • Денис Михайленко

    Курс «Веб-вёрстка»
    Очень-очень-очень сильно понравился модуль про Gulp и препроцессоры. Это что-то новое, и я сделала личный вывод, что данные вещи упрощают работу над каким-либо макетом.

    Некоторые видео приходится пересматривать: иногда спикер чуть-чуть спешит, и информация воспринимается не совсем понятно.
  • Михаил Дикун , Санкт-Петербург, РФ

    Курс «Веб-вёрстка»
    Сейчас мало времени на занятия, поэтому я, по сути, ещё в самом начале пути, и учёба пока даётся несложно. Подача хорошая, полёт нормальный!

    Плохо, что в сутках всего 24 часа, и организм требует поспать :)
  • Леонид Шабалин

    Курс «Веб-вёрстка»
    Мне всё нравится. Видео короткие, но информативные, поэтому не так сильно устаёшь :))
  • Отзывы студентов

    Тимофей Дегтярев , Россия, Кострома

    Курс «Веб-вёрстка»
    Мне нравится широкопрофильность курса и гибкость в выборе изучаемого материала. Отсутствие рамок выполнения той или иной задачи мотивирует. Необязательно, но было бы здорово, если бы была система баллов и поощрений за скорость, качество и индивидуальный подход при выполнении практики. Это тоже мотивировало бы.
  • Когда начинал проходить курс, искренне был в восторге. Мне понравился формат обучения на платформе и содержание материалов. Я смог заполнить определённые пробелы в знаниях, и это не может не радовать.

    Спикеры и кураторы очень грамотные, и хочется, чтобы иногда они объясняли материал немного дольше. Не так давно ввели автоматическую проверку практических заданий по модулям программирования, это нечто, очень круто!
  • Мне очень нравится спикер по вёрстке и мой куратор.

    Спикер, несмотря на свой огромный опыт, умеет донести информацию, как для маленького ребёнка. Привык к тому, что подобные люди обычно выпячивают свои знания напоказ.

    Куратор быстро работает. Дополнительно даёт чёткие и грамотные советы, которые не просто помогают выполнить практику, но и позволяют получать новые и закреплять уже полученные знания.
  • Материал очень доступно объясняют: надо немного приложить усилия, и всё получится. Куратор отличный, старается помочь разными способами и быстро. Спасибо!
  • Понравилась подача и содержание материала. Как организована сдача практических работ (выполнить следующую можно только после проверки предыдущей). Огромное количество дополнительного материала в виде ссылок на сторонние ресурсы и вложенных файлов.
  • Прекрасный курс по web-разработке. Всё чётко и ясно. Был модуль, который содержал сбивающую с мысли информацию, но, по просьбам участников, его исправили и всё стало понятным.
    Разработчиками курса проделана гигантская работа. Низкий поклон за это. На мой взгляд, курс по JavaScript не для новичков. Нет вводного модуля, который объяснил значение терминов. А это ведёт к полному непониманию происходящего. Как, не зная алфавит, сразу строить предложения. Приходится смотреть Sorax и другие видео, чтобы разобраться. Желаю команде взглянуть на курс по JS глазами полного бегинера (такого, как я).
  • Понравился качественный обучающий материал курса, и мне есть с чем сравнивать. Уже проходила курс по HTML/CSS в другом месте и думала, что в Skillbox закрою все практические задания очень быстро. Как же я ошибалась, мои знания оказались слишком слабыми. Зато сейчас я знаю гораздо больше, и мои сайты выглядят профессионально.

    Больше всего нравятся доброжелательные кураторы, которые всегда помогают. А формат обучения на платформе идеально подходит под мой ритм жизни. В общем, одни плюсы!
  • Кирилл Каримов

    Курс «Веб-вёрстка»
    Формат обучения очень удобный и адаптивный. Контент интересный и объёмный, но некоторые объяснения приходится искать в интернете.
  • Гагик Ананян

    Курс «Веб-вёрстка»
    Понравилось детальное объяснение материала с дополнительными ссылками, много дополнительных курсов.
  • Эмин Болатханов

    Курс «Веб-вёрстка»
    Нравится подход к созданию видеороликов: видео короткие и содержательные. Трудоустройство после обучения. Хотелось бы, чтобы все модули были с практическими работами.
  • Очень понравилась подача материала! Не монотонный текст, а прикольные видео, в которых показывается, как работает определённая команда и для чего она нужна.
  • Очень нравится, как построены курсы, есть логический порядок и подробное изложение. Надеюсь, дальше будет в том же духе. Спасибо всем, кто принимает участие в создании: составлении программы, оформлении, съёмке видео. Особенно хочется отметить подачу материала Сергеем Корниенко! Всё без спешки, спокойно; корректная речь, да ещё с позитивом. Одним словом, приятно смотреть и слушать. Очень рад, что попал к такому профессионалу!
  • Нравятся подача информации и рекомендации от куратора. Платформа очень удобна как дома, так и в дороге.
  • Нравятся подача материала, изучение нового и постепенное погружение, чаты с поддержкой. В вёрстке хотелось бы больше практики, чтобы отрабатывать все маленькие шажочки. Немного тяжело усваивать сразу весь объём модуля и потом ориентироваться в большой практической работе.
  • Понравилось, что при проверке практических работ говорят об ошибках, что позволяет повысить свои знания. Мою работу не принимали несколько раз, пока я не исправил все ошибки, даже самые незначительные. Проверяют работу очень быстро.
  • Кайсар Суюндиков

    Курс «Профессия Python-разработчик»
    Курс вытянули: хорошие практические работы; группа в Telegram, где всегда помогут; а также отличный куратор. Плохо отсняты материалы: короткие, неинформативные. Почти всё гуглил.
  • Нравится, что можно учиться в любое время, а весь материал можно пересмотреть/перечитать.
  • Дмитрий Макаров

    Курс «Профессия Тестировщик»
    Хороший объём информации. Лаконичность, но в то же время информативность модулей. Часто информации, предоставленной в видео, недостаточно для выполнения практических работ, поэтому приходится «возиться» с ними много дней, опираясь на подсказки куратора, — трата времени! Понятно, что это удалённое обучение, но ОЧЕНЬ не хватает общения непосредственно со спикером/с куратором, чтобы решить вопросы, которые не загуглишь.
  • Алексей Сухинин

    Курс «Веб-вёрстка»
    Нравится, что дают базовое понимание темы, а дополнительную информацию оставляют изучать самому (в прикреплённых ссылках). Мне кажется, так всё лучше запоминается и усваивается.
  • Нравится, что проходить обучение удобно. Вся необходимая информация собрана и сгруппирована, в видео всё подробно разъяснено. Спикер расставляет акценты на важном, рассказывает о практическом применении того или иного подхода. Практику делать нелегко, но интересно.

    Иногда встречаются расхождения. Мы вместе со спикером делали макет, который остался недоработан, должны были вернуться к этому макету и доделать его после. Через два модуля макет уже был оформлен, но как спикер его оформлял, мы так и не узнали, а в макете уже другая разметка. Возможности отследить изменения по видео или исходному коду не было. Это не лишило меня возможности понять информацию и применить правила в своей работе, но было бы здорово видеть в таких модулях комментарий, мол, тут изменения, не вошедшие в видео.
  • Ксения Колесникова

    Курс «Профессия Веб-разработчик»
    Нравится подача материала: понятно объясняют даже сложные темы. К каждой теме, помимо видеообъяснений спикера, дополнительно подобран материал — удобно! Также мне помогла консультация по выбору курса.
  • Отличная подача информации. Объём нового материала в каждом модуле таков, что его не слишком много и в то же время не слишком мало. Содержимое модулей постоянно обновляется.
  • Мне понравились видео по HTML и CSS, спикер очень детально и доступно всё объясняет.  Также очень нравится, как проверяют практические задания: даже если не понимаешь, куратор даёт подробные ответы на все вопросы.

    К сожалению, материалы по JavaScript не такие развёрнутые, как хотелось бы, поэтому приходится читать дополнительную литературу, так как азов по JS у меня нет.

Как проходит обучение на платформе

  • Иллюстрация этапа обучения Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

  • Иллюстрация этапа обучения Теория

    Получаете знания

    Курсы состоят из тематических видео разной длительности. Смотрите их когда и где угодно. Доступ бессрочный, чтобы вы всегда могли вернуться и повторить теорию.

  • Иллюстрация этапа обучения Общаетесь с экспертами

    Посещаете вебинары

    Разбираете код и задаёте вопросы на онлайн-встречах с фрилансерами и разработчиками крупных компаний.

  • Иллюстрация этапа обучения Практика

    Выполняете задания

    Мы уверены, что навыки отрабатываются только через практику. Поэтому после теории вас ждёт практическая работа или тест. Все задачи приближены к реальным — их можно с гордостью положить в портфолио.

  • Иллюстрация этапа обучения Обратная связь

    Работаете с куратором

    Проверкой заданий занимаются кураторы. Это эксперты по теме курса. Они помогут с трудными задачами и подскажут, как улучшить ваши проекты. Общаться с проверяющими кураторами можно прямо на платформе.

Поддержка и комьюнити для участников курса

  • Внимательные кураторы помогут вам исправить ошибки в практических работах, поделятся лайфхаками и полезной литературой.
  • В закрытом чате вы сможете общаться и обмениваться полезными материалами с другими пользователями платформы. А куратор ответит на вопросы по курсу и даст советы по выполнению заданий.
  • Здравствуйте! Отправляю задание на проверку. Пожалуйста, ответьте на вопросы в комментариях.

    Кристина Аватар
  • Задание проверила, на вопросы ответила в файле. Отлично поработали, осталось немного доделать 😊

    Куратор Аватар
  • Спасибо, всё поправила 👍

    Кристина Аватар

Мы понимаем, как сложно бывает применять новые знания на практике, и поддержим вас на этом пути ❤️

Программа

За шесть месяцев обучения вы узнаете больше, чем за год работы в компании.

  • 4 месяца
  • 24 практических работы
  1. Базовый уровень. 2 месяца

      1. Получите базовые навыки HTML и CSS, сможете верстать простые и средние по сложности веб-страницы с анимациями. Например, сайты компаний или лендинги — одностраничные сайты о товаре и услугах. Научитесь адаптировать сайт для отображения на разных устройствах: экране монитора, планшета и смартфона.
  2. Продвинутый уровень. 2 месяца

      1. Изучите особенности вёрстки html-писем и отточите навыки работы с векторной графикой. Сможете создавать сложные и эффектные анимации. Узнаете, как ускорить время загрузки сайта. Автоматизируете сборку готового проекта, сможете минифицировать свой код, чтобы он меньше весил.
      2. Ускорите свою работу с CSS и освоите технологию Grid. Сможете создавать сложные сайты-каталоги.

Уже учились на каком-то курсе из программы?

Скажите об этом менеджеру — платить за них не придётся.

Ваше резюме после курса

Верстальщик

от 70 000 AMD

Владею инструментами:

Мои навыки:

  • Современные стандарты верстки: блочная, кроссбраузерная, резиновая, адаптивная
  • Знание HTML5 и CSS3, включая анимацию
  • Основы JavaScrip
  • Вёрстка с использованием Flexbox
  • Работа с фреймворком Bootstrap
  • Сборка проекта на Gulp и Webpack
  • Работа с макетом, векторной и растровой графикой: Figma
  • Работа с Git
  • Знание принципов БЭМ
  • Владение Pixel Perfect
  • Настройка хостинга, работа через FTP.

Мои проекты:

  1. Сайт строительной компании
  2. Сайт сетей отелей
  3. Платформа для подкастов / Лендинг арт-галереи
  4. Интернет-магазин

Сертификат Skillbox

подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Пример сертификата
  • Старт курса: 1 декабря
  • Осталось: 4 места

Стоимость обучения

  • Курс в подарок
  • Длительность рассрочки — 12 месяцев
  • Год английского бесплатно
  • 15 062 AMD/мес
  • 23 173 AMD/мес
Участвует в Black Friday Скидки до 60% действуют 0 дня 00:00:00

Записаться на курс или получить бесплатную консультацию

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

Нажимая на кнопку, я соглашаюсь на обработку персональных данных и с правилами пользования Платформой

Нажимая на кнопку, я соглашаюсь с публичной офертой и политикой обработки персональных данных

Спасибо!

Ваша заявка успешно отправлена