

Веб-вёрстка
Верстальщик воплощает в жизнь замысел веб-дизайнера и создаёт рабочие сайты из дизайн-макетов. На курсе вы научитесь верстать одностраничные лендинги, сайты услуг и мероприятий, интернет-магазины. С вёрстки начнётся ваш путь в веб-разработку.
- ★ 4,57 из 5 на основе 10 028 оценок курса
- Длительность 4 месяца
- 4 проекта для портфолио
- Практика на вебинарах с разработчиками из крупных компаний
- Доступ к курсу навсегда
О профессии
На рынке не хватает верстальщиков
- 4 200 компаний
сейчас ищут верстальщиков
- 65 000 рублей
зарплата начинающего специалиста
Кому подойдёт этот курс
-
Если вы мечтаете создавать сайты, но не знаете, с чего начать. Хотите глубоко погрузиться в основы веб-разработки, а не просто пройтись по верхам.
-
Если вас раздражает, что ваш сайт работает по разному в браузерах, долго грузится или ломается на маленьких экранах. Вы хотите прокачать свои навыки в работе с векторной графикой, что-то слышали про доступность, но не знаете, как сделать проекты удобными для людей с особенностями.
Чему вы научитесь
- Писать код на HTML и CSS.
Знать эти языки должен каждый веб-разработчик. На HTML будете создавать структуру сайта, а с помощью CSS стилизовать — добавлять цвета, анимации, шрифты и многое другое.
- Верстать сайты для любых экранов
Вы изучите блочную, резиновую и адаптивную вёрстку. Узнаете, как сделать так, чтобы контент на сайте подстраивался под размеры экрана. Ваши сайты будет комфортно смотреть с любых устройств.
- Учитывать особенности браузеров при вёрстке
Вы научитесь создавать сайты, которые будут выглядеть и работать одинаково в Google Chrome, Mozilla Firefox и Safari.
- Проверять сайты на доступность
Любой человек, независимо от индивидуальных особенностей и здоровья, сможет пользоваться сайтами, которые вы сверстаете.
- Работать в инструментах веб-разработчика
Вы освоите систему контроля версий Git для работы в команде. Научитесь в режиме реального времени вносить правки в вёрстку с помощью Google Developer Tools.
Работы участников курса
-
3 работы
-
3 работы
-
3 работы
-
3 работы
-
4 работы
Как проходит обучение на платформе
Поддержка и комьюнити для участников курса
Мы понимаем, как сложно бывает применять новые знания на практике, и поддержим вас на этом пути ❤️
Содержание курса
Вас ждут 2 уровня по HTML и CSS и более 200 видео. Сложность курса увеличивается постепенно. Мы постоянно обновляем курс, чтобы вы получали навыки, которые прямо сейчас нужны работодателям.
- 4 месяц обучения
- 24 практических работы
-
Базовый уровень
-
- Получите базовые навыки HTML и CSS, сможете верстать простые и средние по сложности веб-страницы. Например, сайты компаний или лендинги — одностраничные сайты о товаре и услугах. Научитесь адаптировать сайт для отображения на разных устройствах: экране монитора, планшета и смартфона.
-
-
Продвинутый уровень
-
- Изучите особенности вёрстки html-писем и отточите навыки работы с векторной графикой. Сможете создавать сложные и эффектные анимации. Узнаете, как ускорить время загрузки сайта. Автоматизируете сборку готового проекта, сможете минифицировать свой код, чтобы он меньше весил.
- Ускорите свою работу с CSS и освоите технологию Grid. Сможете создавать сложные сайты-каталоги.
-
Уже учились на каком-то курсе из программы?
Скажите об этом менеджеру — платить за них не придётся.
Получить презентацию курса и консультацию специалиста
Спикеры курса
Год английского языка бесплатно
Skillbox запустил онлайн-платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.
Предложение действует для пользователей Skillbox, которые купили любую профессию с 22 декабря 2021 года.
Вас ждут:
- методика ускоренного запоминания слов и грамматики;
- персональная программа освоения языка, которая поможет заговорить с нуля.

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

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

Подтверждение ваших навыков
Вы получите сертификат установленного образца, который станет дополнительным аргументом для работодателя.
Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.
О 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-чате курса. Они прокомментируют практические работы, дадут полезные советы и ответят на любые вопросы. Вы сможете перенять их опыт, профессиональные знания и лайфхаки. -
Действуют ли какие-нибудь программы рассрочки?
Да, вы можете купить курс в рассрочку — и спланировать свой бюджет, разбив всю сумму на небольшие ежемесячные платежи.
Записаться на курс
Наш специалист свяжется с вами и ответит на любые ваши вопросы
Записаться на курс
Наш специалист свяжется с вами и ответит на любые ваши вопросы
Спасибо за заявку!
Наш менеджер свяжется с вами
в ближайшее время
Оплатите курс сразу или оформите рассрочку

Получите консультацию и курс в подарок при покупке
Мы свяжемся с вами и ответим на любые возникшие вопросы
- Кишинев
- Ташкент
- Астана
- Баку
- Минск
- Москва
- Тбилиси
- Гянджа
- Сумгайыт
- Мингечевир
- Хырдалан
- Шеки
- Габала
- Астара
- Алматы
- Самара
- Шымкент
- Гомель
- Могилев
- Наманган
- Самарканд
- Тирасполь
Отзывы участников
Есть напоминалка в Telegram, чтобы не забивать :) А также различные чаты с поиском работы. Понравилось, что мне позвонили из Skillbox и сказали, что я уже готова к поиску работы, необходимо только написать в Центр. В целом я рекомендую Skillbox своим друзьям.
При этом один из курсов часто обновляется, а остальные остаются нетронутыми, хотя требуют обновления материала. Например, React. И есть много нюансов, о которых не сказано в видео.
Иногда кажется, что формулировка практических заданий могла бы быть поточнее.
Во-вторых, мне очень повезло: курс проработали и дополнили. Единственный конструктивный отзыв про минусы был вида «всё ищешь сам и гуглишь», я к этому был готов, но оказался неправ, потому что, кроме разъяснений в видеоматериалах, под видео и в тексте задания даются ссылки на материал. Вам прямо показывают, куда нажать и что вы увидите по ссылке.
В-третьих, прямого диалога с наставником, конечно же, нет. Но сам формат общения с ним обеспечен невероятным количеством инструментов, удобство которых начинаешь ценить снова и снова. Кроме того, дополнительное образование по веб-дизайну я осваиваю в свободное от работы (и отдыха) время, так что написать в любое время суток, а на утро получить ответ в видео для меня очень даже плюс.
Резюмируя, я искал и нашёл полезные ссылки, хоткеи, обозначенные в видео и при проверке наставником, оговоренные нюансы и обратную связь, которая меня полностью удовлетворяет. Подача материала настолько хорошая, что видеоматериалы, как и на YouTube, можно просматривать на 1,5х- и 2х-скорости — это очень сильно помогает, когда ты готов к мозговому штурму или просто хочешь ещё раз посмотреть, как оно там делается.
Отдельно хочется отметить, что обратную связь или отзыв к каждому видео, курсу, практической работе вы сможете оставить везде, подробно расписав, где и что вас не устроило. Я призываю всех оставлять такие отзывы, чтобы разработчикам было проще совершенствовать программу для будущих поколений.
Конечно, материал можно шерстить вечно и дополнять различными графическими ништячками. Например, хоткей, который прожал ведущий, лучше отобразить на экране, можно даже с прозрачностью процентов 20%, как это делают в обучающих видео к играм. Это, конечно, не «работа со шрифтами», но тоже можно постоянно перекидывать раздробленный материал, пытаясь сделать удобнее для восприятия. Человек — существо ленивое, так что для каждой темы было бы неплохо выписать отдельно, а не просто в виде ссылки на страницу, какие особенные действия использовал ведущий, можно прямо с тайм-кодом.
Дорабатывать есть что, но это более фундаментальные изменения в структуре курса, и, скорее всего, они будут в следующем его обновлении. (Например, менеджер мне сказал, что ранее курс был 2018 года, а к 2021 его обновили и даже дополнили. Мне кажется, это довольно частые обновления, учитывая его объём. Кстати, шкала прогресса там также имеется, что призвано как-то мотивировать вас.)
К удобствам претензий меньше, но есть куда стремиться. И не ждите, что кто-то будет вас тащить за шкирку, как котика. Возможно, это зависит от наставника, проверяющего работы, но будьте готовы, что вам подскажут общими фразами, позволяя мысли развиваться в голове, и за это от меня отдельное спасибо!
Некоторые видео приходится пересматривать: иногда спикер чуть-чуть спешит, и информация воспринимается не совсем понятно.
Плохо, что в сутках всего 24 часа, и организм требует поспать :)
Спикеры и кураторы очень грамотные, и хочется, чтобы иногда они объясняли материал немного дольше. Не так давно ввели автоматическую проверку практических заданий по модулям программирования, это нечто, очень круто!
Спикер, несмотря на свой огромный опыт, умеет донести информацию, как для маленького ребёнка. Привык к тому, что подобные люди обычно выпячивают свои знания напоказ.
Куратор быстро работает. Дополнительно даёт чёткие и грамотные советы, которые не просто помогают выполнить практику, но и позволяют получать новые и закреплять уже полученные знания.
Разработчиками курса проделана гигантская работа. Низкий поклон за это. На мой взгляд, курс по JavaScript не для новичков. Нет вводного модуля, который объяснил значение терминов. А это ведёт к полному непониманию происходящего. Как, не зная алфавит, сразу строить предложения. Приходится смотреть Sorax и другие видео, чтобы разобраться. Желаю команде взглянуть на курс по JS глазами полного бегинера (такого, как я).
Больше всего нравятся доброжелательные кураторы, которые всегда помогают. А формат обучения на платформе идеально подходит под мой ритм жизни. В общем, одни плюсы!
Иногда встречаются расхождения. Мы вместе со спикером делали макет, который остался недоработан, должны были вернуться к этому макету и доделать его после. Через два модуля макет уже был оформлен, но как спикер его оформлял, мы так и не узнали, а в макете уже другая разметка. Возможности отследить изменения по видео или исходному коду не было. Это не лишило меня возможности понять информацию и применить правила в своей работе, но было бы здорово видеть в таких модулях комментарий, мол, тут изменения, не вошедшие в видео.
К сожалению, материалы по JavaScript не такие развёрнутые, как хотелось бы, поэтому приходится читать дополнительную литературу, так как азов по JS у меня нет.