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