Участвует в новогодней распродаже Скидка до 60% 0 дней 00:00:00
Курс

Веб-вёрстка

Веб-вёрстка

Вы узнаете всё о стандартах Web 2.0 и адаптивной вёрстке, сможете работать с макетами и исправлять код, и в итоге научитесь делать сайты, которые будут нравиться пользователям.

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

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

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

  • Новичкам в разработке Новичкам в разработке

    Вы разберётесь в назначении основных HTML-тегов, стилизации и размещении элементов при помощи CSS и сможете сверстать свой первый макет.

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

    Вы узнаете больше о HTML-разметке, сможете самостоятельно создать интерактивные сайты и взаимодействовать с системой контроля Git. В вашем портфолио появятся новые проекты, и вы получите возможность зарабатывать больше.

  • Фрилансерам Фрилансерам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Содержание курса

Вас ждут 2 уровня по HTML и CSS и более 200 видео. Сложность курса увеличивается постепенно. Мы постоянно обновляем курс, чтобы вы получали навыки, которые прямо сейчас нужны работодателям.

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

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

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

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

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

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

Верстальщик

от 400 000 ₸

Мои навыки:

  • Современные стандарты верстки: блочная, кроссбраузерная, резиновая, адаптивная
  • Верстка с использованием Flexbox.
  • Работа с макетом, векторной и растровой графикой: Photoshop, Avocode, Figma.
  • Владение инструментами: Visual Studio Code, Emmet и другими
  • Знание HTML5 и CSS3, включая анимацию
  • Работа с фреймворком Bootstrap.
  • Сборка проекта на Gulp и Webpack
  • Настройка хостинга, работа через FTP.
  • Программирование на JS
  • Работа с Git и CodePen
  • Знание принципов БЭМ
  • Интеграция верстки в CMS.
  • Владение Pixel Perfect

Мои проекты:

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

Сертификат

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

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

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

  • Курс в подарок
  • Длительность рассрочки — 12 месяцев
  • Год английского бесплатно
  • 16 842 ₸/мес
  • 25 911 ₸/мес
Участвует в новогодней распродаже Скидка до 60% 0 дня 00:00:00

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

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

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

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

Спасибо!

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

Часто задаваемые вопросы

  • Я никогда не занимался вёрсткой. У меня получится?
    Естественно! На курсе мы научим вас вёрстке с самых азов. Вас будут поддерживать и обучать опытные наставники в течение всего процесса обучения.
  • Я смогу общаться с преподавателями?
    У вас будет личный куратор в Telegram-чате, а также преподаватель, который проверяет домашние задания. Он будет давать комментарии и полезные советы по результатам проверок самостоятельных работ. Из них вы сможете получить новые знания, крутые профессиональные лайфхаки.