Изучите современные теги HTML и свойства CSS, освоите нужные инструменты и научитесь смотреть на макет глазами опытных разработчиков.
Почему важно уметь верстать
Вёрстка — основа интерфейсной разработки. Это тот самый навык, с которого начинается путь во фронтенд и который остаётся актуальным даже при смене технологий и подходов. Знание HTML и CSS — как знание грамматики для писателя: без них не построить ни одного сайта. На курсе вы разберётесь в современной семантике HTML, научитесь уверенно применять CSS и начнёте смотреть на интерфейсы не только как пользователь, но и как разработчик.
Что вы освоите за 3 месяца
Писать чистый и читаемый код — по актуальным стандартам HTML5 и CSS3
Верстать макеты — превращать дизайн в работающие веб-страницы
Делать интерфейсы гибкими — адаптировать их под разные экраны и устройства
Работать над производительностью — создавать быстрые и лёгкие страницы
Добавлять анимации — оживлять элементы при помощи CSS
Повышать доступность — делать сайты понятными и удобными для всех пользователей
Кому будет полезен этот курс
Новичкам без опыта — если вы только начинаете осваивать веб-разработку, это отличная точка входа
Тем, кто уже пробовал HTML и CSS — углубите знания и научитесь применять их системно
Дизайнерам — поймёте, как ваши макеты оживают в браузере, и начнёте сами создавать интерактивные прототипы
Бэкенд-разработчикам — добавите в свой стек клиентскую часть и приблизитесь к фулстеку
Менеджерам и продюсерам — разберётесь, как устроена вёрстка, и сможете точнее планировать проекты и общаться с командой
Что будет в вашем техническом арсенале
HTML5 и CSS3
Препроцессоры: Sass, SCSS, PostCSS
Шаблонизатор Pug
Работа в среде разработки (IDE)
Автоформатирование и линтинг кода: Prettier, Stylelint
Сборка проектов с помощью Gulp
Node.js и пакетный менеджер NPM
Система контроля версий Git и GitHub
Разметка и компоновка: Flexbox, Grid, CSS Layouts
Подходы к стилизации: БЭМ, Atomic CSS, Custom Properties
Тонкости типографики и веб-дизайна
Создание 2D и 3D-анимаций на CSS
Работа с SVG-графикой
Адаптив и отзывчивость: подстройка под экраны и браузеры
Декоративные элементы и визуальное оформление
Учет особенностей доступности и инклюзивного дизайна
Яндекс Практикум
Яндекс Практикум — сервис онлайн-образования, с которым каждый и каждая найдет в себе силы изменить свою профессиональную жизнь. Мы верим, что освоить новый навык можно только с помощью регулярных усилий и полного погружения в практику. Поэтому учиться в Практикуме будет не просто, но чтобы у вас всё получилось, мы дадим необходимые инструменты. Технологии помогут начать практику с первого занятия. Команда сопровождения ответит на все вопросы. А учиться вы будете именно тому, что востребовано на рынке.
Обучение проходит по направлениям: Анализ данных, Программирование, Дизайн, Маркетинг, Менеджмент.
Обучение основано на реальных ситуациях. Вы учитесь программированию и с первого урока пишете код; на занятиях по дизайну — работаете с реальными макетами, а на уроках английского сразу начнёте разговаривать.
Так, чтобы вы не бросали на полпути.78% учеников Практикума, которые хотят сменить профессию, находят новую работу. Эта статистика отражает нашу идею — из обучения каждый должен получить осязаемую, практическую пользу.
Технологии помогают сделать так, чтобы каждому было удобно учиться. Все части курса собраны на одном сайте. Не нужно переключаться и отвлекаться на что-то ещё.
Самостоятельная работа сочетается с регулярным общением с наставниками и возможностью поговорить с поддержкой.
Верстальщик сайтов преобразует макеты, созданные дизайнерами и программистами, в «живые» сайты, которые видят пользователи. Узнайте, подходит ли вам эта профессия, какие знания необходимы верстальщикам сайтов и где получить образование.
С развитием IT создание сайтов значительно упростилось, появились различные конструкторы и шаблоны для работы. Однако в целом они позволяют делать простые типовые веб-ресурсы, да и для внесения изменений определёнными знаниями обладать всё-таки надо. При этом необходимость в новых сайтах только...
Чтобы освоить востребованную профессию IT-специалиста, потребуются знания языков программирования. Мы сделали подборку самых популярных их них, освоив которые вы сможете построить карьеру мечты.
Помощь и консультация специалиста:
заполните форму, и мы вам перезвоним
Вопросы / Записаться
Вопросы / Записаться
Сайт использует файлы cookie (в том числе, файлы cookie, используемые «Яндекс-метрикой») с целью анализа
поведения посетителей для улучшения Сайта. Продолжая пользоваться Сайтом, вы соглашаетесь на использование
файлов cookie в соответствии с нашей политикой конфиденциальности.
