Чему вы научитесь
- разберёте, как работает CSS и как стили подключаются к странице;
- поймёте, что такое каскад, специфичность и наследование, и научитесь решать конфликты стилей;
- научитесь работать с единицами измерения, цветами, фонами, границами, отступами и размерами;
- освоите блочную модель и научитесь верстать аккуратные блоки без хаоса;
- настроите типографику: шрифты, размеры, межстрочные интервалы, выравнивание;
- сделаете элементы интерфейса более живыми с помощью hover, transition и простых анимаций;
- изучите Flexbox для выравнивания и построения адаптивных блоков;
- познакомитесь с CSS Grid для создания более сложных сеток;
- добавите адаптивность через медиа запросы, чтобы проект хорошо смотрелся на телефоне и на компьютере;
- соберёте финальную стилизацию портфолио, которое будет выглядеть как реальный проект.
О курсе
Для кого этот курс
Начальные требования
Желательно иметь базовое понимание HTML на уровне структуры страницы, тегов и простых форм.
Для комфортного обучения вам потребуется:
установленный любой современный браузер (Chrome, Firefox, Edge или Safari);
текстовый редактор, например Visual Studio Code;
компьютер или ноутбук для выполнения практических заданий;
желание разбираться в том, как делать интерфейсы аккуратными, понятными и адаптивными.
Преподаватели курса
599
Как проходит обучение
Обучение построено по принципу теория и сразу практика.
Вы смотрите короткие видеоуроки, повторяете примеры и выполняете задания в конце каждого раздела.
Параллельно вы шаг за шагом стилизуете проект портфолио разработчика, чтобы сразу видеть результат на UI (User Interface) пользовательский интерфейс.
В курсе есть практические задания на отработку типографики, отступов, Flexbox, Grid, адаптивности и простых анимаций.
Что вы получите
- Понимание основ CSS: каскад, специфичность, наследование
- Умение уверенно работать с отступами, размерами и блочной моделью
- Навык стилизации текста: шрифты, интервалы, выравнивание, читаемость
- Практику Flexbox для выравнивания и компоновки блоков
- Практику CSS Grid для сеток и более сложных макетов
- Умение делать адаптивную верстку через медиа запросы
- Навык добавлять интерактивность: hover, transition, простые анимации
- Готовый мини проект портфолио
- Базу, чтобы дальше уверенно идти в JavaScript, React и TypeScript