Доступно

[HTML Academy] Онлайн-курс «Анимации, часть 1. CSS-анимации»

Тема в разделе "Курсы по программированию", создана пользователем pikylbkaNomer, 30 дек 2021.

Цена: 7800р.
Взнос: 400р.-94%
100%

Основной список: 39 участников

Резервный список: 20 участников

Статус обсуждения:
Комментирование ограничено.
  1. 30 дек 2021
    #1
    Топикстартер
    Топикстартер ЧКЧлен клуба
    [HTML Academy] Онлайн-курс «Анимации, часть 1. CSS-анимации»

    [​IMG]
    Пройдя курс, вы получите востребованный навык и сможете:
    • Улучшать пользовательский опыт взаимодействия с вашими интерфейсами
    • Делать анимации по наведению, скроллу или движениям мыши
    • Реализовывать задумки дизайнеров и делать современные анимации
    • Добавлять как простые микро-анимации, так и сложносоставные анимации

    После прохождения курса вы сможете:
    • Самостоятельно добавлять в проект микро-анимации любого уровня
    • Собирать сложносоставные анимации: лоудеры, эффект Кена Бернса и т.п.
    • Добавлять анимации, зависимые от движения мыши --- например, параллакс
    • Менять положение элементов и их видимость по скроллу

    Раздел 1
    Введение в анимацию и веб-анимацию
    --- Что такое анимации, какие они бывают и какой эффект дают
    — С чего начать делать анимацию
    — Теория анимации

    Раздел 2
    CSS-анимации по ховеру
    — CSS Transitions, свойство и его применение
    — Использование анимаций по ховеру и по клику

    Раздел 3
    CSS правило @keyframes и группа свойств Animation CSS
    --- @keyframes и его применение
    --- CSS аnimation или CSS переходы. CSS аnimation на практике

    Раздел 4
    Работа с анимациями с помощью JavaScript
    — Какие анимации можно делать на CSS, используя JavaScript
    — Как подружить CSS и JavaScript
    — Использование CSS-анимаций по клику
    — Использование CSS-анимаций по движению мыши
    — Использование CSS-анимаций по скроллу

    Раздел 5
    Параллакс
    — Параллакс на чистом CSS
    — Параллакс на JavaScript

    Раздел 6
    Производительность CSS-анимаций
    — Отслеживания изменений в CSS. Процесс перерисовки страницы
    — Таймлайн для проектирования сложных анимаций
    --- Инструменты для отладки анимации и производительности анимации
    — Производительность. CSS анимация на GPU
    — Медиазапросы prefers-reduced-motion и update

    Раздел 7
    Дополнительные материалы
    --- Web Animation API
    --- CSS Houdini
    --- Библиотеки и инструменты для упрощения работы с анимациями, таймлайнами, SVG, canvas, WebGL
    --- GSAP

    Нужен организатор, который сможет выдать материал в удобном html формате как здесь

    Продажник
     
    2 пользователям это понравилось.
  2. Последние события

    1. skladchik.com
      Складчина доступна.
      1 май 2022
    2. Rancid1
      Rancid1 участвует.
      28 апр 2022
    3. Barashkish
      Barashkish участвует.
      28 апр 2022
    4. ams_8
      ams_8 участвует.
      23 апр 2022

    Последние важные события

    1. skladchik.com
      Складчина доступна.
      1 май 2022
    2. skladchik.com
      Взнос составляет 200р.
      3 мар 2022
    3. skladchik.com
      Складчина активна.
      3 мар 2022
    4. skladchik.com
      Сбор взносов начинается 03.03.2022.
      1 мар 2022
  3. Обсуждение
  4. 1 мар 2022
    #2
    sasd99
    sasd99 ДолжникДолжник
    Курсы по веб-разработке. Присоединяйтесь!
    Ссылки в подписи:
     
  5. 19 мар 2022
    #3
    Ozornik
    Ozornik ЧКЧлен клуба
    Посоветуйте курс по JavaScript
     
Статус обсуждения:
Комментирование ограничено.

Поделиться этой страницей