В рамках курса вы научитесь верстать по дизайнерским макетам - адаптивно, семантически, кроссбраузерно, с анимацией и интерактивными JavaScript элементами. Научитесь писать js-код самостоятельно и использовать готовые, проверенные временем решения.
Чему вы научитесь
Освойте на практике необходимые инструменты современной верстки сайтов и начните работать в сфере веб-разработки!
- Установка и работа с редактором кода Visual Studio Code
- Основы HTML и CSS
- Структура HTML-документа, базовые теги, атрибуты
- Подключение CSS-стилей, селекторы, свойства
- Работа с текстом, ссылками, изображениями и другими элементами страницы
- Полный цикл верстки макета на практике
- Верстка веб-страниц по макетам, как верстать страницы именно так, как было задумано дизайнером
- Блочная верстка
- Семантическая и валидная верстка
- Адаптив (верстка под разные устройства) и кроссбраузерность
- Анимации и трансформации
- Методология БЭМ
- Современный подход в верстке FlexBox
- Препроцессор SASS/SCSS
- Bootstrap - работа с сеткой и использование компонентов Bootstrap на практике
- Нарезка макетов Photoshop, Figma, Zeplin
- JavaScript для верстальщика
- Создание слайдера, модального окна, табов, фильтра карточек на практике
- Использование js-библиотек - jQuery, галерея, анимации, параллакс-эффект, слайдер
- CSS Grid - мощный современный способ позиционирования элементов веб-сайта и др.
Для кого этот курс- Начинающие веб-разработчики
- Те, кто когда-то изучал верстку и хочет актуализировать знания и стать профессионалом
- Кто уже работает, но отстал от технологий или не мог ранее освоить JS
Начните свой путь в мир IT с веба. И этот курс станет для вас отличной платформой для дальнейших успехов в профессии!
