В чёрную пятницу — скидки до 60% : : Узнать больше В чёрную пятницу — скидки до 60%
Образовательная платформа
Найди себя в Skillbox Скидка 40% действует 0 дней 00:00:00
Курс

Веб-вёрстка

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

О профессии

На рынке не хватает верстальщиков

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

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

    Если вы мечтаете создавать сайты, но не знаете, с чего начать. Хотите глубоко погрузиться в основы веб-разработки, а не просто пройтись по верхам.

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

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

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

  • Писать код на HTML и CSS.

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

  • Верстать сайты для любых экранов

    Вы изучите блочную, резиновую и адаптивную вёрстку. Узнаете, как сделать так, чтобы контент на сайте подстраивался под размеры экрана. Ваши сайты будет комфортно смотреть с любых устройств.

  • Учитывать особенности браузеров при вёрстке

    Вы научитесь создавать сайты, которые будут выглядеть и работать одинаково в Google Chrome, Mozilla Firefox и Safari.

  • Проверять сайты на доступность

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

  • Работать в инструментах веб-разработчика

    Вы освоите систему контроля версий Git для работы в команде. Научитесь в режиме реального времени вносить правки в вёрстку с помощью Google Developer Tools.

Студенты довольны обучением

  • 93% выпускников отмечают, что Skillbox помог достичь поставленной цели
  • 78% выпускников готовы рекомендовать обучение в Skillbox

Данные независимого опроса выпускников Skillbox, проведённого Высшей школой экономики (НИУ ВШЭ)

4 500+ оценок на разных независимых площадках

  • 4,7
    4 967 оценок
  • 4,7
    974 оценки
  • 4,8
    490 оценок
  • 4,5
    2 368 оценок
  • 4,7
    559 оценок
  • 5,0
    321 оценка
  • 4,5
    230 оценок
  • 4,7
    232 оценки

Работы участников курса

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

  • Регистрация

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

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

  • Теория

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

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

  • Общаетесь с экспертами

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

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

  • Практика

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

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

  • Обратная связь

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

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

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

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

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

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

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

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

Станьте IT-специалистом и получите поддержку от государства

Сотрудники аккредитованных IT-компаний могут:

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

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

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

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

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

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

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

Год английского языка бесплатно

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

Предложение действует для пользователей Skillbox, которые купили любую профессию с 22 декабря 2021 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
Изображение KESPA

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

Верстальщик

от 70 000 ₽

Инструменты

Навыки

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

Проекты

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

Подтверждение ваших навыков

В конце обучения получите сертификат установленного образца. Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.

Посмотреть сертификат

О Skillbox

Skillbox —
по качеству обучения. Вся теория записана с топовыми экспертами рынка, а практика максимально приближена к реальным рабочим задачам. Послушайте, что говорят те, кто уже достиг своих целей вместе со Skillbox.
  • Старт курса: 25 ноября
  • Осталось: 9 мест

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

Скидка действует 0 дня 00:00:00

  • 8 477 ₽/мес
  • -40%
5 086 ₽/мес
  • В рассрочку на 6 месяцев

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

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

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

Спасибо!

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

Вам может понравиться

    Где работают участники курсов Skillbox

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

    • Я никогда не занимался вёрсткой. У меня получится?
      Да, курс подходит абсолютным новичкам без опыта в программировании. Но чтобы достичь результата, нужно постараться — выполнять практические задания, читать дополнительную литературу и разрабатывать итоговые проекты. В остальном помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса.
    • Вижу много незнакомых терминов: HTML и CSS Что всё это значит?
      HTML — самый распространенный язык верстки в интернете. Вы можете представить HTML как набор команд, который задаёт структуру и логику работы сайта.

      CSS — язык, описывающий стиль сайта. Если HTML отвечает за содержание, то на CSS расписывают внешний вид сайта.

      CSS Grid — инструмент в CSS: специальная сетка, которая помогает располагать элементы сайта симметрично и аккуратно.

      Figma
      — сервис, в котором дизайнеры проектируют интерфейсы сайтов и мобильных приложений.

      Webpack — инструмент, с помощью которого вы можете автоматизировать часть работы над вёрсткой.

      Pixel Perfect — подход в вёрстке, при котором каждый пиксель свёрстанного сайта занимает такое же положение, как и в макете у дизайнера. Если «наложить» дизайн на сайт, то разница будет минимальна.

      Visual Studio Code — бесплатный редактор кода для разработки веб-приложений.
    • Сколько часов в неделю мне нужно будет уделять обучению на платформе?
      В среднем пользователи платформы занимаются около 2 часов в день и завершают курс за 4 месяца. Но у нас нет жёстких дедлайнов — учитесь на платформе в комфортном для вас темпе.
    • Нужно ли устанавливать программы для работы на курсе?
      Заранее ничего скачивать не нужно. Во время курса мы поможем вам установить весь необходимый софт для работы и предоставим доступ к платным инструментам.
    • Чтобы разрабатывать сайты нужен мощный компьютер?
      Веб-вёрстка не требует много вычислительных ресурсов, поэтому для работы подойдёт средний ноутбук или компьютер. Вот минимальные характеристики к начинке:

      • Операционная система: Windows 8.0 или выше, macOS 10.12 (macOS Sierra) или выше.
      • Процессор: 4-ядерный с частотой 2,5 Ггц и выше.
      • Оперативная память: от 4 ГБ.
      • Видеокарта: Intel HD Graphics 4000, Nvidia 330m или ATI Radeon HD 4850 и выше.
      • Желательно, но необязательно, чтобы память была на SSD.
      • Разрешение экрана: желательно 1920×1080.
      • Доступ к интернету.
    • Нужно ли знать английский?
      Совсем необязательно. Названия встроенных функций и выражений в языках программирования вы запомните в процессе, а незнакомые фразы можно перевести с помощью Google Translate. К тому же у вас будет доступ к урокам и материалам онлайн-платформы для изучения английского. Сможете подтянуть грамматику и расширить словарный запас.
    • Как развиваться в профессии дальше?
      В веб-разработке всё быстро меняется: появляются технологии, фреймворки, в JavaScript и CSS завозят новые фичи. Поэтому невозможно один раз выучить что-то и всегда оставаться востребованным. Нужно постоянно развиваться в профессии — общаться с тимлидами в вашей компании, посещать конференции, читать статьи на Хабре по своей теме и другие ресурсы.
    • Кто будет мне помогать в обучении на платформе?
      У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
    • Действуют ли какие-нибудь программы рассрочки?
      Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
    • Могу ли я получить налоговый вычет за обучение на платформе?
      Да, вы можете вернуть часть средств в виде налогового вычета. Основные условия: быть налоговым резидентом РФ и платить НДФЛ. Налоговый вычет составит до 13% от стоимости курса. Максимальная сумма возврата части НДФЛ — 15 600 рублей за год при цене курса 120 000 рублей.

      • Вы можете вернуть средства через работодателя или налоговую.
      • Для этого понадобится договор на обучение на платформе, наша лицензия на образовательную деятельность и чек об оплате курса, который придёт вам на почту или в личный кабинет банка.
      • Если вы будете оформлять вычет через налоговую, нужно будет заполнить декларацию 3-НДФЛ. Удобнее всего это сделать в личном кабинете на сайте Федеральной налоговой службы.
      • В течение 30 дней налоговая подтвердит ваше право на вычет.
      • Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.

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