Верстка сайтов [Stepik] Web-технологии - практический курс CSS (2024)

[Moderator]

Автор: Stepik

Название: Web-технологии - практический курс CSS (2024)

Описание
Чему вы научитесь
- разберетесь с селекторами;
- освоите позиционирование и свойство 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
Медиа-запросы
Вычисляемые значения и Переменные CSS
Бургер-меню
Проект

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

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

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

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

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

Наши преподаватели
Мария Ажгихина
Full-Stack QA engineer и репетитор по информатике Имею высшее техническое и педагогическое образование. Окончила аспирантуру МПГУ по направлению "Теория и методика обучения и воспитания (информатика)". Являюсь призером олимпиады "Московский учитель" и высшую категорию как учитель информатики. Кроме основной работы готовлю обучающихся к экзаменам ОГЭ и ЕГЭ, а также разрабатываю свои авторские курсы по вебу.

 

Подробнее:

Ссылки и информация для скачивания: