Веб-вёрстка
Верстальщик воплощает в жизнь замысел веб-дизайнера и создаёт рабочие сайты из дизайн-макетов. На курсе вы научитесь верстать одностраничные лендинги, сайты услуг и мероприятий, интернет-магазины. С вёрстки начнётся ваш путь в веб-разработку.
- ★ 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. Сможете создавать сложные сайты-каталоги.
-
Уже учились на каком-то курсе из программы?
Скажите об этом менеджеру — платить за них не придётся.
Получить презентацию курса и консультацию специалиста
- Сергей Корниенко
Frontend teamlead в Prequel Inc. Больше 20 лет в разработке
- Максим Васянович
Верстальщик в «Ленте», ментор блока «Веб-вёрстка». Программирует больше 6 лет
Год английского языка бесплатно
Skillbox запустил онлайн-платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.
Предложение действует для пользователей Skillbox, которые купили любую профессию с 22 декабря 2021 года.
Вас ждут:
- методика ускоренного запоминания слов и грамматики;
Ваше резюме после курса
Верстальщик
от 70 000 ₽
Инструменты
Навыки
- Современные стандарты верстки: блочная, кроссбраузерная, резиновая, адаптивная
- Знание HTML5 и CSS3, включая анимацию
- Вёрстка с использованием Flexbox
- Работа с фреймворком Bootstrap
- Сборка проекта на Gulp и Webpack
- Работа с макетом, векторной и растровой графикой: Figma
- Работа с Git
- Знание принципов БЭМ
- Владение Pixel Perfect
- Настройка хостинга, работа через FTP.
Проекты
- Сайт строительной компании
- Сайт сетей отелей
- Платформа для подкастов / Лендинг арт-галереи
- Интернет-магазин
Подтверждение ваших навыков
В конце обучения получите сертификат установленного образца. Мы обучаем по государственной лицензии №Л035−1 298−77/179 609.
О Skillbox
Вам может понравиться
Где работают участники курсов 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 дней налоговая подтвердит ваше право на вычет.
- Если будете оформлять возврат части НДФЛ через работодателя, вам останется подать ему заявление о получении налогового вычета.
Не переживайте, если процесс кажется вам сложным. Наши менеджеры помогут разобраться в том, как вернуть налоговый вычет.
- Санкт-Петербург
- Алматы
- Минск
- Москва
- Санкт-Петербург
- Алматы
- Волгоград
- Воронеж
- Екатеринбург
- Казань
- Красноярск
- Нижний Новгород
- Новосибирск
- Омск
- Пермь
- Ростов-на-Дону
- Уфа
- Челябинск
- Вологда
- Гомель
- Ижевск
- Иркутск
- Калининград
- Кемерово
- Киров
- Краснодар
- Курск
- Липецк
- Махачкала
- Оренбург
- Пенза
- Ростов
- Рязань
- Саратов
- Сочи
- Ставрополь
- Сургут
- Тверь
- Тольятти
- Томск
- Тула
- Тюмень
- Ульяновск
- Хабаровск
- Чебоксары