О курсе

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

Курс начинается с освоения базовых правил и синтаксиса CSS, а также особенностей каскадности и специфичности правил. Ученики узнают, как применять стили к элементам HTML и создавать различные эффекты, такие как изменение цвета, размера и формы элементов, использование фоновых изображений и текстур, а также создание теней и градиентов.

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

Курс также рассматривает различные техники позиционирования элементов, включая относительное, абсолютное и фиксированное позиционирование, а также использование flexbox и grid для создания гибких и сеточных макетов.

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

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

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

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

Группа для взаимодействия с учениками – https://t.me/rbsudoteach

Содержание курса

Базовая теория

1.1. Что такое CSS?

1.2. Кэш-память браузера

1.3. Цветовая модель RGB

1.4. Как добавить CSS на сайт и выбрать цвет

1.5. Виды селекторов

1.6. Наследование и шрифты

1.7. Каскадность

1.8. Единицы измерения

1.9. Работа с текстом. Часть 1

1.10. Работа с текстом. Часть 2

1.11. Блочная модель

1.12. Свойство overflow и схлопывание полей

Теория и практика

2.1. Настройка фона

2.2. Создаем меню. Часть 1

2.3. Создаем меню. Часть 2. Свойство margin

2.4. Создаем меню. Часть 3. Свойство float

2.5. Создаем меню. Часть 4. Псевдоклассы

2.6. Раздел main. Часть 1. Свойства text-shadow и box-shadow

2.7. Раздел main. Часть 2. Свойства filter и transition

2.8. Раздел main. Часть 3. Свойство border и переменные

2.9. Раздел main. Часть 4. Свойство border-image

2.10. Трейлер игры. Значения initial и inherit

2.11. Системные требования и рецензии на сайте. Flexbox

2.12. Настраиваем таблицу и рецензии

2.13. Селектор атрибутов. Настраиваем подвал сайта

2.14. Свойства animation и perspective

2.15. Анимация. Практика

2.16. Свойство position

2.17. CSS-сетка. Часть 1

2.18. CSS-сетка. Часть 2

2.19. CSS-сетка. Часть 3

2.20. Медиа-запросы. Теория

2.21. Медиа-запросы. Практика

2.22. Бургер-меню. Теория и практика. Комбинаторы

2.23. Псевдоэлементы

БОНУС. Новое в CSS

3.1. Введение

3.2. @container

3.3. Псевдокласс :has()

3.4. text-wrap и balance

3.5. initial-letter

3.6. lvh, svh, dvh

3.7. Вложенность

3.8. Слои

3.9. <, >, =, <=, >=

Преподаватель:

Руслан Брантов

Начинал карьеру как графический дизайнер в типографии. Работал на данной должности около 5 лет, затем перешёл в веб-дизайн и параллельно стал разрабатывать компьютерные игры.

500 ₽

-275 ₽

225 ₽