Обучение длится 2 часа
Автор: Мария Ажгихина
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.
  • Это курс для начинающих-продолжающих, которым необходима практика.
Дата последнего обновления: 17 сентября 2024

Темы

Другие курсы

JavaScript: от теории к практике
JavaScript: от теории к практике
Автор: Мария Ажгихина
Фронтенд-разработчик
Фронтенд-разработчик
Авторы: Группа авторов
Аналитик 1С. Основные инструменты и ввод в профессию
Аналитик 1С. Основные инструменты и ввод в профессию
Автор: Василий Еремин
Введение в Rust
Введение в Rust
Автор: Максим Смирнов
RCodeLab. Большой курс по программированию на Lua в Roblox
RCodeLab. Большой курс по программированию на Lua в Roblox
Автор: Александр Бобуров
-22%
Создание и настройка Progressive Web Apps (PWA) в Ruby on Rails
Создание и настройка Progressive Web Apps (PWA) в Ruby on Rails
Автор: Владимир Долгий
Подробнее
6 900
8 900
Указатели и память С++
Указатели и память С++
Автор: Виталий Богодухов
Javascript. Часть 1
Javascript. Часть 1
Автор: Hayk Inants
Введение в АСУ ТП. Основы ПЛК
Введение в АСУ ТП. Основы ПЛК
Автор: Виталий Олейников
Назад
Смотреть дальше