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

[Zero]

Web-технологии - практический курс CSS

Stepik

О чём курс:

Материал «Web-технологии - практический курс CSS» (Stepik, 2024) посвящён изучению CSS с упором на практику. В нём рассматриваются селекторы, Box Model, каскадность и наследование, position и z-index, shadows, gradients, filters, а также animation и transitions. Отдельные разделы посвящены практическим заданиям, Flexbox, формам, меню, адаптивной верстке, медиа-запросам, переменным CSS и бургер-меню. Курс рассчитан на тех, кто уже знаком с HTML и 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

Медиа-запросы

Вычисляемые значения и Переменные CSS

Бургер-меню

Проект

Заключение

Заключение

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

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

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

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

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

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

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

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

Мария Ажгихина

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

Продажник:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.