Образовательная платформа
Участвует в распродаже Скидка 30%
действует 0 дней 00:00:00
Курс

Веб-вёрстка

Веб-вёрстка

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

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

  • 50 000 KGS

    зарплата начинающего специалиста

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 29 тематических модулей
  • 160 видеоматериалов
  1. Веб-вёрстка. Базовый уровень

      1. Введение.
      2. Базовый HTML.
      3. Базовый CSS. Часть 1.
      4. Базовый CSS. Часть 2.
      5. Подготовка к вёрстке.
      6. Layout. HTML-разметка.
      7. Layout. Flexbox.
      8. Layout. Стилизация.
      9. Продвинутый HTML. Формы.
      10. Продвинутый CSS. Часть 1.
      11. Продвинутый CSS. Часть 2.
      12. Адаптивность. Десктоп.
      13. Адаптивность. Мобильные устройства.
      14. JavaScript для верстальщика.
      15. Доступность.
      16. Кросс-браузерность.
      17. База знаний.
      18. Сетки.
      19. Работа с хостингом.
      20. Анимация.
  2. Веб-вёрстка. Продвинутый уровень

      1. Вёрстка HTML-писем.
      2. SVG.
      3. Анимация на JavaScript.
      4. Оптимизация и процесс загрузки.
      5. Отрисовка сайта.
      6. Сборщики.
      7. Препроцессоры и Постпроцессоры.
      8. CSS Grid.
      9. Будущее вёрстки.

Финальные работы

  • Превью видеозаписи

    Лендинг

    Вы сверстаете лендинг по брифу и закрепите полученные на курсе знания.

  • Превью видеозаписи

    Интернет-магазин

    Вы сверстаете несколько страниц для интернет-магазина по ТЗ.

Спикеры

Сергей Корниенко

Сергей
Корниенко

Frontend team-lead инвестиционного маркетплейса Московской биржи

Frontend team-lead инвестиционного маркетплейса Московской биржи

Максим Васянович

Максим
Васянович

Практикующий фрилансер, ментор блока «Веб-вёрстка»

Веб-разработчик, программирует 4 года. Создал более 50 коммерческих проектов.

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

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

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

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

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

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

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

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

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

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

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

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

    Курс «Профессия Веб-разработчик»
    Нравится, что спикеры в видео очень интересно рассказывают, а замечательный куратор отвечает на все возникающие вопросы и всё подробно объясняет.
  • Качество записи видеоматериалов на высоте. Спикеры и кураторы — реальные эксперты в своей сфере. Программа обучения чётко структурирована, много практики.
  • Андрей Коробка

    Курс «Профессия Веб-разработчик»
    Нравится, как преподносится материал для обучения, представлены тесты, а также ответы кураторов на вопросы в Telegram-чате курса.
  • Екатерина Елисеева

    Курс «Профессия Frontend-разработчик PRO 2021»
    Нравится подача. Спикер как будто сам кайфует от того, что рассказывает и чем занимается. Настроение передаётся, и учиться действительно интересно.
  • Хороший куратор, всё очень понятно объясняет, даёт подходящие ссылки на необходимые ресурсы. Нравится разносторонний подход к созданию проекта, рассказывается обо всех тонкостях, которые необходимо учесть, чтобы проект получился максимально эффективным, работоспособным и удобным для пользователя.
  • В целом информация в курсе сгруппирована хорошо, учиться было удобно. Кураторы помогали, а видео от Максима Васяновича оказались очень полезными. При этом выполнение итогового проекта заняло больше времени: вместо 2-3 недель ушло 3-4 месяца.
  • Параллельно прохожу курсы на МГТУ им. Баумана по профессии Data Science. Как жаль, что преподаватели там не смотрели на вашем примере, как должен быть построен курс обучения :)
  • Алексей Кузьмичев

    Курс «Профессия Веб-разработчик»
    Нравятся понятные объяснения в видео и возможность повтора за спикером на практике. Много стороннего дополнительного материала для обучения. Отличная обратная связь от куратора.

Ваше резюме после прохождения курса

Верстальщик

от 50 000 сом

Мои навыки:

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

Сертификат Skillbox

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

Пример сертификата
  • Старт курса: 21 августа
  • Осталось: 4 места

Стоимость курса

  • Курс в подарок
  • Длительность рассрочки — 12 месяцев
  • Год английского бесплатно
  • 2 871 сом/мес
  • 4 102 сом/мес
Участвует в распродаже Скидка 30%
действует 0 дня 00:00:00

Шаг 1. Выберите вариант оплаты

Шаг 2. Заполните контактные данные

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

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

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

Спасибо!

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

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

  • Я никогда не занимался вёрсткой. У меня получится?

    Конечно! Мы учим веб-вёрстке с нуля. Во всём помогут практикующие эксперты, которые будут сопровождать вас на протяжении всего курса.
  • Кто будет мне помогать в обучении на платформе?

    У вас будут проверяющие эксперты и куратор в Telegram-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки.
  • Сколько потребуется времени, чтобы пройти курс?

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