Главная страницаКатегория cssCSS - Полный Курс по CSS

CSS - Полный Курс по CSS

Name: CSS - Полный Курс по CSS
Price: 12.5 USD
Rating: 3.7 (12 reviews)

udemy

★3.7 (всего оценок - 12)

Продолжительность

12 ч 58 мин

Категория

CSS

Количество уроков

158 Видео

Дата добавления

8 февр. 2024 г., 14:32

Язык

Русский

Дата выхода

1 янв. 2024 г., 01:00

Дата обновления

29 апр. 2026 г., 19:52

CSS — ключ к созданию стильных, адаптивных и современных веб‑интерфейсов. В этом курсе вы шаг за шагом освоите язык каскадных стилей: от базовой стилизации элементов до продвинутой работы с Flexbox, Grid и анимациями. Материал подаётся структурировано и понятно, а большое количество практики поможет вам закрепить знания и уверенно применять их в реальных проектах.

Что включает полный курс по CSS

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

Основные темы курса

Синтаксис CSS и базовые правила написания стилей.
Работа с селекторами и комбинаторами.
Блочная модель, отступы, рамки, размеры элементов.
Настройка шрифтов, цветов, фонов и декоративных элементов.
Использование псевдоклассов и псевдоэлементов.
Приоритетность, наследование и каскад.
CSS-анимации, переходы и трансформации.
Flexbox и Grid — современные инструменты позиционирования.
Адаптивный дизайн и медиазапросы.

Практика как основа обучения

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

Какие проекты вы создадите

Мини‑лендинги с современным дизайном.
Гибкие сетки на Flexbox и CSS Grid.
Анимированные элементы и интерактивные блоки.
Адаптивные секции, корректно работающие на любых устройствах.

Преимущества обучения в этом курсе

Курс создан так, чтобы обучение было максимально эффективным и комфортным.

Почему студенты выбирают этот курс

Свободный темп обучения: изучайте материалы тогда, когда вам удобно.
Опытный преподаватель: курс подготовлен специалистом с практическим опытом разработки и обучением тысяч студентов.
Много практики: каждая тема закрепляется упражнениями и реальными задачами.
Задачи с решениями: вы сможете проверить себя и разобрать каждый шаг вместе с объяснениями.

Результат обучения

После прохождения курса вы сможете уверенно применять CSS в своих проектах, создавать адаптивные интерфейсы, работать с Flexbox и Grid, а также проектировать стильные и современные веб‑страницы. Это отличный старт для тех, кто хочет развиваться в веб‑разработке и стать востребованным специалистом.

Погружайтесь в CSS, изучайте инструменты современного дизайна и создавайте впечатляющие веб‑проекты!

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:02:54
Введение в Курс по CSS
Урок 2. 00:03:49
Обзор CSS
Урок 3. 00:07:29
Начало работы с CSS
Урок 4. 00:05:13
Синтаксис CSS
Урок 5. 00:02:07
Проекты для курса
Урок 6. 00:09:32
Установка и настройка Visual Studio Code
Урок 7. 00:07:37
Установка расширения Live Server
Урок 8. 00:04:45
Создание HTML и CSS файлов
Урок 9. 00:03:28
Практика 1.1 - Встроенный CSS
Урок 10. 00:05:24
Практика 1.2 - Внутренний CSS
Урок 11. 00:04:28
Практика 1.3 - Внешний CSS
Урок 12. 00:04:31
Практика 1.4 - Несколько селекторов
Урок 13. 00:03:09
Практика 1.5 - CSS Комментарии
Урок 14. 00:11:09
CSS селекторы
Урок 15. 00:02:26
Практика 2.1 - Универсальный селектор
Урок 16. 00:00:50
Практика 2.2 - Селектор типов
Урок 17. 00:00:25
ЗАДАЧА - Селектор типов
Урок 18. 00:01:17
РЕШЕНИЕ - Селектор типов
Урок 19. 00:05:18
Практика 2.3 - Селектор классов
Урок 20. 00:02:04
Практика 2.4 - Селектор по ID
Урок 21. 00:00:21
ЗАДАЧА - Селектор по ID
Урок 22. 00:02:11
РЕШЕНИЕ - Селектор по ID
Урок 23. 00:04:39
Практика 2.5 - Групповой селектор
Урок 24. 00:00:19
ЗАДАЧА - Групповой селектор
Урок 25. 00:02:03
РЕШЕНИЕ - Групповой селектор
Урок 26. 00:01:56
Практика 2.6 - Селектор атрибутов
Урок 27. 00:00:30
ЗАДАЧА - Селектор атрибутов
Урок 28. 00:03:44
РЕШЕНИЕ - Селектор атрибутов
Урок 29. 00:05:08
Практика 2.7 - Селектор атрибутов без чувствительности к регистру
Урок 30. 00:09:05
Комбинаторы CSS
Урок 31. 00:06:31
Использование разных комбинаторов
Урок 32. 00:03:25
Практика 3.1 - Комбинатор потомков
Урок 33. 00:02:37
РЕШЕНИЕ - Комбинатор потомков
Урок 34. 00:02:11
Практика 3.2 - Комбинатор прямых потомков
Урок 35. 00:00:38
ЗАДАЧА - Комбинатор прямых потомков
Урок 36. 00:02:58
РЕШЕНИЕ - Комбинатор прямых потомков
Урок 37. 00:04:33
Практика 3.3 - Комбинатор соседнего родства
Урок 38. 00:01:38
РЕШЕНИЕ - Комбинатор соседнего родства
Урок 39. 00:03:03
Практика 3.4 - Комбинатор общего родства
Урок 40. 00:00:41
ЗАДАЧА - Комбинатор общего родства
Урок 41. 00:03:22
РЕШЕНИЕ - Комбинатор общего родства
Урок 42. 00:08:30
Блочная модель
Урок 43. 00:03:36
Практика 4.1 - Ширина и высота
Урок 44. 00:01:23
РЕШЕНИЕ - Ширина и высота
Урок 45. 00:07:07
Практика 4.2 - Проценты
Урок 46. 00:00:29
ЗАДАЧА - Проценты
Урок 47. 00:07:00
РЕШЕНИЕ - Проценты
Урок 48. 00:13:06
Padding, border, margin
Урок 49. 00:05:25
Практика 4.3 - Граница (border)
Урок 50. 00:02:03
РЕШЕНИЕ - Удаление границы
Урок 51. 00:05:51
Практика 4.4 - Закругленные края
Урок 52. 00:00:58
РЕШЕНИЕ - Отсутствие границы у круглого изображения
Урок 53. 00:00:17
ЗАДАЧА - Граница (border)
Урок 54. 00:01:20
РЕШЕНИЕ - Граница (border)
Урок 55. 00:05:03
Практика 4.5 - Внутренний отступ (padding)
Урок 56. 00:01:44
РЕШЕНИЕ - Внутренний отступ (padding)
Урок 57. 00:10:02
Практика 4.6 - Внешний отступ (margin)
Урок 58. 00:00:15
ЗАДАЧА - Внешний отступ
Урок 59. 00:00:36
РЕШЕНИЕ - Внешний отступ
Урок 60. 00:07:14
Альтернативная блочная модель
Урок 61. 00:09:33
Практика 4.7 - Альтернативная блочная модель
Урок 62. 00:07:38
Свойство display
Урок 63. 00:08:25
Практика 4.8 - Display
Урок 64. 00:09:49
Практика 4.8 - Display (продолжение)
Урок 65. 00:10:54
Подведение итогов по блочной модели
Урок 66. 00:09:01
Фон в CSS
Урок 67. 00:08:17
Практика 5.1 - Фоновое изображение
Урок 68. 00:05:15
РЕШЕНИЕ - Фоновое изображение
Урок 69. 00:04:27
Практика 5.2 - Размер фонового изображения
Урок 70. 00:08:31
Стилизация текста
Урок 71. 00:13:01
Практика 6.1 - Стилизация текста
Урок 72. 00:14:57
Практика 6.1 - Стилизация текста (продолжение)
Урок 73. 00:00:46
ЗАДАЧА - Стилизация текста
Урок 74. 00:03:11
РЕШЕНИЕ - Стилизация текста
Урок 75. 00:08:15
Шрифты
Урок 76. 00:09:54
Практика 6.2 - Шрифты
Урок 77. 00:00:19
ЗАДАЧА - Шрифты
Урок 78. 00:02:40
РЕШЕНИЕ - Шрифты
Урок 79. 00:05:38
Цвета
Урок 80. 00:04:43
Практика 7.1 - Форматы цветов RGB и RGBA
Урок 81. 00:03:56
Практика 7.2 - Цвета в формате hex
Урок 82. 00:00:30
ЗАДАЧА - Цвета
Урок 83. 00:03:05
РЕШЕНИЕ - Цвета
Урок 84. 00:04:25
Псевдоэлементы
Урок 85. 00:01:55
Практика 8.1 - Первая буква текста
Урок 86. 00:04:14
Практика 8.2 - Маркеры в текстовых списках
Урок 87. 00:05:33
Практика 8.3 - Стилизация полей ввода
Урок 88. 00:00:31
ЗАДАЧА - Псевдоэлементы
Урок 89. 00:02:37
РЕШЕНИЕ - Псевдоэлементы
Урок 90. 00:10:53
Псевдоклассы
Урок 91. 00:04:54
Практика 9.1 - Наведение курсора (hover)
Урок 92. 00:00:46
ЗАДАЧА - Нажатие на кнопку
Урок 93. 00:04:21
РЕШЕНИЕ - Нажатие на кнопку
Урок 94. 00:03:22
Практика 9.2 - Состояние disabled
Урок 95. 00:05:36
Практика 9.3 - Поля ввода
Урок 96. 00:05:18
Практика 9.4 - Первые и последние элементы
Урок 97. 00:08:39
Практика 9.5 - Индекс дочернего элемента
Урок 98. 00:00:40
ЗАДАЧА - Парные ряды в таблице
Урок 99. 00:05:25
РЕШЕНИЕ - Парные ряды в таблице
Урок 100. 00:05:02
Практика 9.6 - Отрицание
Урок 101. 00:00:29
ЗАДАЧА - Отрицание not
Урок 102. 00:03:17
РЕШЕНИЕ - Отрицание not
Урок 103. 00:05:40
Практика 9.7 - Упрощение селекторов-потомков
Урок 104. 00:00:34
ЗАДАЧА - Последний элемент
Урок 105. 00:01:57
РЕШЕНИЕ - Последний элемент
Урок 106. 00:03:17
Подведение итогов по псевдоклассам
Урок 107. 00:06:39
Наследование
Урок 108. 00:06:21
Практика 10 - Наследование
Урок 109. 00:09:44
Приоритетность селекторов
Урок 110. 00:03:30
Сравнение специфичностей
Урок 111. 00:03:22
Примеры конфликтов стилей
Урок 112. 00:05:21
Встроенные стили и !important
Урок 113. 00:08:33
Практика 11 - Специфичность
Урок 114. 00:00:31
ЗАДАЧА - Специфичность
Урок 115. 00:04:29
РЕШЕНИЕ - Специфичность
Урок 116. 00:11:50
Переходы
Урок 117. 00:06:45
Практика 12 - Переходы
Урок 118. 00:00:37
ЗАДАЧА - Переходы
Урок 119. 00:05:20
РЕШЕНИЕ - Переходы
Урок 120. 00:11:36
Анимация
Урок 121. 00:07:10
Практика 13 - Анимации
Урок 122. 00:01:24
ЗАДАЧА - Создание спиннера
Урок 123. 00:08:36
РЕШЕНИЕ - Создание спиннера
Урок 124. 00:11:42
Расположение элементов
Урок 125. 00:06:30
Практика 14.1 - Относительная позиция
Урок 126. 00:06:26
Практика 14.2 - Абсолютная позиция
Урок 127. 00:05:50
Практика 14.3 - Фиксированная позиция
Урок 128. 00:04:20
Практика 14.4 - Липкая позиция
Урок 129. 00:04:18
Подведение итогов по позиционированию
Урок 130. 00:05:18
Введение в Flexbox
Урок 131. 00:04:34
Главная и поперечная оси в Flexbox
Урок 132. 00:04:33
Перенос flex элементов
Урок 133. 00:15:25
Выравнивание flex элементов
Урок 134. 00:09:48
Управление размерами flex элементов
Урок 135. 00:08:36
Практика 15.1 - Основы Flexbox
Урок 136. 00:05:26
Практика 15.1 - Увеличение и уменьшение размеров flex элементов
Урок 137. 00:06:30
Практика 15.1 - Перенос flex элементов
Урок 138. 00:07:14
Практика 15.1 - Распределение flex элементов по главной и поперечной осям
Урок 139. 00:03:27
Практика 15.1 - Изменение положения отдельных flex элементов
Урок 140. 00:09:55
Практика 15.2 - Навигационное меню
Урок 141. 00:10:58
Сетка (Grid)
Урок 142. 00:11:35
Практика 16.1 - Сетка
Урок 143. 00:00:46
ЗАДАЧА - Сетка
Урок 144. 00:02:33
РЕШЕНИЕ - Сетка
Урок 145. 00:04:53
Выравнивание элементов сетки
Урок 146. 00:02:52
Практика 16.1 - Выравнивание элементов сетки
Урок 147. 00:03:16
Зоны сетки
Урок 148. 00:04:58
Практика 16.2 - Зоны сетки
Урок 149. 00:06:28
Практика 16.3 - Выравнивание элементов сетки
Урок 150. 00:00:56
ЗАДАЧА - Выравнивание элементов в сетке
Урок 151. 00:02:31
РЕШЕНИЕ - Выравнивание элементов в сетке
Урок 152. 00:04:46
Подведение итогов по Сеткам
Урок 153. 00:04:38
Медиа запросы
Урок 154. 00:06:02
Практика 17.1 - Адаптивное меню
Урок 155. 00:02:48
Практика 17.2 - Адаптивная сетка
Урок 156. 00:02:45
ЗАДАЧА - Адаптивная сетка
Урок 157. 00:07:57
РЕШЕНИЕ - Адаптивная сетка
Урок 158. 00:02:07
Подведение итогов по медиа-запросам

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии

alex.broad
9 февр. 2024 г., 00:52
по css на 12часов? дожили
Segment Tree
8 февр. 2024 г., 23:39
О, Курс Богдана. У него хорошие курсы)
alex.broad Segment Tree
14 февр. 2024 г., 15:56
курсы может и хорошие , но из-за массовости нет глубины (в частности по ноде)