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

Декоративные эффекты

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

Подробнее


Компания: html academy (html академия)

Язык: ru

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

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

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

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

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

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

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

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

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

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

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

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

Применять декоративные эффекты с помощью CSS-свойств

- Изменять расположение элементов на странице
- Использовать приёмы трансформаций для создания декоративных эффектов
- Подключать к работе свойство 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 академия)
(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)
html academy (html академия)
(0)
html academy (html академия)
(0)
1 770 руб