Чему вы научитесь

разберетесь с селекторами;
освоите позиционирование и свойство 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. Практический модуль

Все, что узнали за курс применяем в реальных задачах. Это не верстка огромного сайта по макету - это работа над отдельными компонентами сайта. Как обычно, начинаем с легких частей и заканчиваем сложными.

Пример одно из заданий:

5. Введение в адаптив

Разбираемся с медиа-запросами, вычисляемыми значениями и переменными.

Выполняем промежуточные задания. А в конце вы сможете сверстать адаптивный сайт и опубликовать его.

6. Заключение

Для кого этот курс

Все, интересующиеся версткой и вебом в целом. Если вы знаете что такое селектор класса, но хотите узнать больше про CSS или вам не хватает практики - этот курс для вас! Если вы имеете начальные представления о HTML и CSS, но вы не знаете, где взять практические задания, чтобы они были в меру сложными - вам сюда!

Начальные требования

Уверенный пользователь ПК. Начальные знания HTML и CSS. Это курс для начинающих-продолжающих, которым необходима практика.

Наши преподаватели

Как проходит обучение

Практико-ориентированный подход, который позволяет сразу же применять полученные знания на практике. Немного теории - тест - практика и так далее. И в конце большой раздел с реальными задачами, разбитый на блоки.

Здесь вас не бросят в омут с головой верстать огромный сайт с первого урока. Обучение движется от простого к сложному. И весь курс построен так, чтобы в конце вы могли САМОСТОЯТЕЛЬНО сверстать адаптивный лэндинг.