Акции школ
Войти

Курс «Декоративные эффекты»

Составитель: Денис Сметнёв · Обновлено: 22.06.2026

Окончив интерактивный курс "Декоративные эффекты", веб-разработчики научатся делать красивые интерфейсы на своих сайтах с помощью возможностей уникальных CSS. Программа рассчитана на учеников со знанием базовых основ HTML, CSS, JavaScript и PHP. Обучение предполагает 2 часа занятий в день. Состоит из 6 глав, 119 заданий и 12 испытаний. Выпускник освоит новые возможности на практике и научится изменять расположение элементов на страницах сайта с помощью CSS-свойств при позиционировании. Овладеет приемами трансформации для создания декоративных эффектов. Диплом не выдаётся.

Подробнее


Компания: HTML Academy (HTML академия)

Язык: ru

Уровень: Средний Старт: в любое время

Актуальная программа курса (8 модулей, по данным школы)

  1. Глава 1: Игра теней
  2. Глава 2: Линейные градиенты
  3. Глава 3: Оформление текста. Погружение
  4. Глава 4: Мастерская: декоративные эффекты
  5. Глава 5: Радиальные градиенты
  6. Глава 6: Радиальные градиенты. Часть 2
  7. Глава 7: Конические градиенты
  8. Глава 8: Мастерская. Градиентная заливка текста

Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)

Junior
80 000 ₽
Middle
130 000 ₽

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
Декоративные эффекты (этот) HTML Academy (HTML академия) беспл.
Основы HTML и CSS Netology (Нетология) беспл. 3 недели 4.4 Перейти
Занимательные элементы интерфейса в HTML/CSS GeekBrains (ГикБреинс) беспл. 4.3 Сертификат Перейти
Основы HTML и CSS ФРОО 24 000 ₽ 2 месяца 3.2 Обзор
Длительность курса

Длительность курса

Формат обучения

Формат обучения

Интерактивный курс: теория, задания и испытания Обучение в свободном режиме

Обратная связь

Обратная связь

Общение на форуме учеников

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

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

6 глав 119 заданий 12 испытаний

Чему научитесь

  • Изменять расположение элементов на странице
  • Использовать приёмы трансформаций для создания декоративных эффектов
  • Подключать к работе свойство box-shadow
  • Использовать множественные тени
  • Разбираться в синтаксисе функции linear-gradient
  • Применять фильтры к разным элементам
  • Комбинировать и анимировать элементы
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

Веб-разработчикам

Условия оплаты

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

19 заданий

1 испытание

Глава 1:

Позиционирование

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

29 заданий

3 испытания

Глава 2:

Двумерные трансформации

Будем крутить, наклонять, перемещать, уменьшать и увеличивать объекты, а также взрывать их фаерболами, телепортироваться и использовать телекинез. Ну и, конечно, разберём крутые приёмы использования трансформаций для создания декоративных эффектов.

15 заданий

2 испытания

Глава 3:

Игра теней

Взглянем на процесс создания теней с помощью CSS. Мы по косточкам разберём свойство box-shadow, научимся использовать множественные тени, а также изучим некоторые продвинутые приёмы работы с тенями.

19 заданий

4 испытания

Глава 4:

Линейные градиенты

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

12 заданий

2 испытания

Глава 5:

Кекстаграм: Начало. CSS-фильтры

Вместе станем мастерами фильтров в CSS: разберёмся, как применять фильтры к разным элементам, а также комбинировать и анимировать их.

25 заданий

Глава 6:

Кекстаграм: Эпилог. JavaScript

В сиквеле курса «Кекстаграм» нам предстоит запрограммировать небольшое фотоприложение с фильтрами на JavaScript.

HTML

CSS

JavaScript

Изменение расположеняе элементов на странице с помощью CSS-свойств для позиционирования.

Использование трансформаций для создания декоративных эффектов

Создание теней с помощью CSS, свойство box-shadow.

Создание сложные орнаменты с помощью градиентов.

Создание фотоприложения с фильтрами на JavaScript.

Навыки, которые вы получите

 
ВЕРСТКА РАБОТА С КОМПОЗИЦИЕЙ ТЕНИ С ПОМОЩЬЮ CSS ФОТОПРИЛОЖЕНИЯ НА JAVASCRIPT

Компания, проводящая курс

HTML Academy (HTML академия)

22 курса по 81 теме

Академия HTML запустилась в 2013 году. Является участником Сколково. На платформе насчитывается 67 онлайн-курсов, 6 интенсивов и более 300...

Отзывов об этом курсе пока нет

Ниже — проверенные отзывы о школе HTML Academy (HTML академия): они помогут составить впечатление, но в рейтинге курса не учитываются. Проходили этот курс? Поделитесь — это поможет другим студентам.

Подборки лучших курсов по теме

По темам этого курса на MOOC есть рейтинги лучших программ — сравнение цен, длительности и отзывов в одном месте.

больше курсов

Похожие курсы компании

HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
8 080 
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
1 770