Научитесь превращать
дизайн в работающий сайт
За 2 месяца освойте навык верстки с нуля до продвинутого уровня
Научитесь пользоваться инструментами верстки, чтобы создавать сайты и понимать коллег
Соберете 6 адаптивных проектов и заверстаете собственный сайт-портфолио
Выделитесь среди конкурентов на рынке труда за счет продвинутого навыка верстки
Верстка — база веб-разработки
В крупных компанях ею занимаются верстальщики, а в фирмах поменьше — фронтендеры. Так или иначе, через верстку проходит каждый сайт.
На курсе вы изучите HTML и CSS на продвинутом уровне, освоите Sass и Gulp —инструменты для быстрой работы, а также поймете, почему «этот блок нельзя реализовать, как в макете».
Верстка — база веб-разработки
В крупных компанях ею занимаются верстальщики, а в фирмах поменьше — фронтендеры. Так или иначе, через верстку проходит каждый сайт.
На курсе вы изучите HTML и CSS на продвинутом уровне, освоите Sass и Gulp —инструменты для быстрой работы, а также поймете, почему «этот блок нельзя реализовать, как в макете».
![](/_next/static/media/definition-desk.dec85127.png)
![](/_next/static/media/definition-mob.86b9a31f.png)
HTML и CSS
HTML определяет структуру страницы, размечая ее на различные элементы — заголовки, списки, ссылки.
CSS задает стили для этих элементов — расположение, цвета, шрифты, отступы и многое другое.
Flexbox и Grid
Технологии, которые позволяют быстро, гибко и удобно располагать элементы на странице, а также легко адаптировать их для мобильных устройств.
Веб-доступность
Способность интерфейса быть «доступным» для использования как можно большему числу людей, включая людей с ограниченными возможностями.
Кому и зачем учиться верстать сайты?
Этот навык поможет вам легче погрузиться в профессию frontend-разработчика и найти общий язык с коллегами.
Тем, кто только начинает в IT
Вы хотите развиваться в веб-разработке. Навык верстки позволит вам избавиться от страха писать код, более плавно влиться в профессию.
Junior frontend-разработчикам
Вы уже стали джуниором, но еще не владеете версткой на уверенном уровне. Хотите уметь собирать сайты как профи, чтобы не учиться этому на работе и сразу расти в профессии.
Специалистам смежных направлений
Вы работаете веб-дизайнером, разработчиком сайтов на Tilda или другим IT-специалистом. Знание верстки позволит предлагать более комплексные услуги, за которые платят больше.
А в чем разница?
Очевидные различия между верстальщиком и frontend-разработчиком
![before](/_next/static/media/layout-designer.ba28501b.png)
Переводит дизайн из макета в код так, чтобы все элементы сайта стояли на своих местах. Следит, чтобы веб-страницы правильно отображались на разных устройствах и в разных браузерах.
![after](/_next/static/media/frontend-developer.06041912.png)
Работает над созданием сложной клиентской логики: интерактивные и динамичные графики, удобный видеоплеер, сложные анимации, продумывание архитектуры приложения, оптимизации и многое другое. Однако большинство фронтендеров также занимаются версткой и следят за отображением элементов на сайтах.
Верстка — важный навык разработчика
Будь вы начинающий айтишник или frontend-разработчик уровня junior, это умение пригодится вам в любом проекте.
Изучать верстку можно самостоятельно, но это займет много времени, особенно, если вы учитесь в процессе работы. Эффективнее пойти по проверенному пути и за более короткий период освоить навыки на продвинутом уровне.
Как вы научитесь верстать
Вы будете много писать код и верстать макеты, а еще...
![](/img/content/advanced-html-css/html-css-js.png)
![](/img/content/advanced-html-css/flex-grid.png)
![](/img/content/advanced-html-css/html-css.png)
![](/img/content/advanced-html-css/gulp-sass.png)
Удобный формат обучения
Курс пройдет в формате экспресс, когда вы учитесь в комфортном для себя темпе и получаете обратную связь от куратора на платформе и в чате.
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fmentor.d8d23578.png&w=1200&q=75)
![](/img/content/advanced-html-css/portfolio.png)
![](/img/content/advanced-html-css/landing.png)
Дополнительные проекты,
которые вы разработаете во время учебы
Программа курса
HTML&CSS — Бесплатно
2 недели (можно быстрее)
Изучите базовые технологии frontend-разработки, не требующие предварительного знания теории. Применив полученные знания, самостоятельно разработаете свой первый сайт.
HTML
1. Как работает Web
2. Что такое HTML&CSS
3. Основы и синтаксис
4. Текстовый редактор VSCode
5. Структура HTML-документа
6. Секция head
7. Работа с текстом
8. Картинки и ссылки
9. Списки
10. Таблицы
11. Формы
12. Линейные и блочные элементы
13. Классы. ID
14. HTML5 Семантика
15. Заливаем сайт на GitHub
CSS
1. Что такое CSS
2. Синтаксис CSS
3. Способы подключения CSS
4. Селекторы
5. Как работать с DevTools
6. Работа с текстом
7. Цвета
8. Границы элементов
9. box model
10. Ссылки и псевдоселекторы
11. Списки и таблицы
12. Свойство display. Inline & Block & Inline-block
13. Свойство Position
14. Введение в адаптивную верстку с Media
15. Deploy. Проверка и личная обратная связь
Flexbox
1 неделя
Изучите Flexbox как гибкий и эффективный способ расположения элементов в одномерном измерении на странице, узнаете о его особенностях. Попрактикуетесь в верстке проектов с использованием Flexbox.
Grid
1 неделя
Изучите Grid как гибкий и эффективный способ расположения элементов в двумерном измерении на странице, узнаете о его особенностях. Попрактикуетесь в верстке проектов с использованием Grid.
Advanced CSS
2 недели
Изучите возможности CSS, которые используются на сайтах со сложной версткой.
Advanced HTML
1 неделя
Изучите возможности HTML, позволяющие четко и детально описывать структуру практически любых веб-страниц.
Практика на HTML и CSS
1 неделя
Закрепите изученные темы, сверстав Figma-макет сайта мобильного приложения на чистых HTML и CSS.
Sass
1 неделя
Поймете, что такое препроцессоры, изучите полезные возможности препроцессора Sass.
Gulp
1 неделя
Научитесь настраивать Gulp для автоматизации задач.
Доступность
1 неделя
Поймете, что такое веб-досупность, почему она важна и какие есть возможности для ее обеспечения.
Практика
2 недели
Совместно с автором соберете собственный сайт-портфолио из Figma-макета и закрепите пройденные темы. Разработаете адаптивную версию для ПК и мобильных устройств.
Подведение итогов
1 неделя
Подведете итоги обучения на курсе и построите свой путь для дальнейшего роста и развития.
Начните бесплатно учиться верстке
Изучите базовые технологии и напишите свой первый сайт
Получите документ после курса
По окончании курса вы получите сертификат от Result University, подтверждающий вашу квалификацию.
![](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdocument.081f4cfe.png&w=3840&q=75)
Выбирайте тариф, который подходит именно вам
Верстка
Освойте навык верстки с нуля и научитесь превращать дизайн в работающий сайт.
Материалы
Длительность обучения 12 недель
Доступ к материалам на 12 месяцев
Промежуточные тестирования
Итоговый проект
10+ инструментов верстки
Сопровождение
Проверка заданий на платформе
Доступ в чат с наставником на 12 месяцев
Сертификат курса «Верстка»
Формат обучения
Вы пройдете курс в формате экспресс-курса.
Гарантировано вернем деньги
Если вам не понравится курс, вернем деньги в первые 3 дня.
27 670 ₽
19 370 ₽
Экономия 8 300 ₽
Пройдите бесплатную часть или оплатите. Доступ откроется после оплаты
Часто задаваемые вопросы
Если вы не нашли ответа на свой вопрос,задайте его
Что нужно знать для старта?
Сколько длится курс?
Сколько времени нужно будет уделять учебе?
Как проходит обучение?
Сколько времени нужно будет уделять учебе?
На какое время доступен курс и чат?
Получу ли я сертификат?