[Stepik] Web-технологии: практический курс CSS (Мария Ажгихина)

Чему вы научитесь
- разберетесь с селекторами;
- освоите позиционирование и свойство z-index;
- научитесь применять фильтры;
- освоите работу с анимацией и transitions;
- получите большое количество практических заданий.
О курсе
Добро пожаловать на курс «Web-технологии: практический курс»! Если вы уже знакомы с HTML и CSS, но хотите улучшить свои навыки и получить практический опыт, то этот курс для вас.
Мы сфокусировались на том, чтобы помочь вам стать успешным веб-разработчиком, и поэтому наш курс полон интересных задач и проектов.
В курсе вы узнаете все о CSS и получите практические навыки, которые помогут вам создавать красивые и современные веб-страницы.
Мы начнем с основ HTML и CSS, а затем перейдем к более продвинутым темам, таким как Box Model, transitions, анимация и адаптивный дизайн.
Вы получите прекрасную возможность потренировать свои знания на реальных проектах. Вас ждут интересные задачи, начиная от создания простых элементов страницы и заканчивая сложными компонентами сайта.
И, конечно же, мы не забываем про адаптивный дизайн - вы научитесь создавать сайты, которые выглядят прекрасно на любом устройстве.
Присоединяйтесь к нашему курсу и начните свой путь к успешной карьере в веб-разработке уже сегодня!
Цель курса:
изучение CSS и получение практических навыков.
Структура курса:
1. Описание курса
Краткая информация о курсе и о том, как выполнять задания
2. HTML и CSS: практический модуль
Вспоминаем основную теорию по HTML и CSS: структуру документа, основные HTML-элементы, CSS селекторы, рассматриваем примеры и, конечно же, выполняем практические задания.
3. Больше CSS
Блок с теорией по CSS: комбинаторы и составные селекторы, Box Model, каскадность и наследование. Разбираемся с shadows, gradients, z-index, transitions и анимацией.
4. Практический модуль
Все, что узнали за курс применяем в реальных задачах. Это не верстка огромного сайта по макету - это работа над отдельными компонентами сайта. Как обычно, начинаем с легких частей и заканчиваем сложными.
Программа
Начало курса
HTML и CSS: базовые понятия
Основные моменты HTML
Основные моменты CSS
Больше CSS
Box Model
Селекторы
Каскадность и наследование
Position, z-index
Shadows, Gradients, Filters
Animation
Transitions
Практический модуль
Flexbox | Теория + Практика
Меню
Header + Карточки
Формы
Введение в адаптив
Min-width, min-height, max-width, max-height
Медиа-запросы @Media
Вычисляемые значения и Переменные CSS
Бургер-меню
Проект
Заключение
Заключение
Для кого этот курс
Все, интересующиеся версткой и вебом в целом. Если вы знаете что такое селектор класса, но хотите узнать больше про CSS или вам не хватает практики - этот курс для вас! Если вы имеете начальные представления о HTML и CSS, но вы не знаете, где взять практические задания, чтобы они были в меру сложными - вам сюда!
Как проходит обучение
Практико-ориентированный подход, который позволяет сразу же применять полученные знания на практике. Немного теории - тест - практика и так далее. И в конце большой раздел с реальными задачами, разбитый на блоки.
Здесь вас не бросят в омут с головой верстать огромный сайт с первого урока. Обучение движется от простого к сложному. И весь курс построен так, чтобы в конце вы могли САМОСТОЯТЕЛЬНО сверстать адаптивный лэндинг.
Начальные требования
Уверенный пользователь ПК. Начальные знания HTML и CSS. Это курс для начинающих-продолжающих, которым необходима практика.