Чему вы научитесь:
- разберетесь с селекторами;
- освоите позиционирование и свойство 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.
- Это курс для начинающих-продолжающих, которым необходима практика.
