Перейти к содержимому













Фотография
Скачать

[HTML Academy] Онлайн‑курс Анимация для фронтендеров (2020)



  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Off   НЛО

НЛО

    Запись опубликована анонимно ✔

  • Анонимный сливапер
  • Сообщений: 9 985
    • Онлайн: 1ч 33м 1с
  • Регистрация: 04.06.2018
  • Заработано: 1 руб.
Репутация: -473

Награды: 40

  
  
  
  
  
  
  
  

Отправлено 15 Сентябрь 2020 - 16:47

Название: Онлайн‑курс Анимация для фронтендеров (2020)

Автор: HTML Academy


htmlacademy2.png

 

 

 

 

 

 

 

Анимация для фронтендеров — новый курс HTML Academy. В программе: линейная и покадровая анимация, анимация CSS и SVG, Canvas, WebGL и шейдеры, 3D в браузере и будущее анимации в браузере. Курс проходит в асинхронном формате, записаться на него можно в любой момент и заниматься в удобном темпе под присмотром наставника
 
Программа курса
 
Раздел 1
Основы анимации, линейные анимации
Мы разберёмся, что такое анимация, почему человек видит движения на экране, какие бывают виды анимации и как благодаря анимации повысить качество UX. Разберем основные идеи Material Design. Также рассмотрим самый простой вид линейных анимаций и их временные функции.
Линейные анимации.
Покадровая анимация.
transition.
Кривые Безье.
 
Раздел 2
CSS-анимация
Продолжим изучать линейные анимации и изучим группу свойств animation в CSS. Также мы рассмотрим, как запустить анимацию на основе событий в JavaScript. Научимся отлаживать анимации и профилировать производительность, чтобы увеличить их скорость и скорость перерисовки страницы в целом.
Animation.
@Key-Frame.
Intersection Observer API.
 
Раздел 3
SVG-анимация
В этой части мы погрузимся в изучение SVG. Рассмотрим, как анимировать отрисовку кривых. Заставим двигаться один SVG-объект по граням другого объекта и научимся создавать цепочки анимаций с помощью тега animate.
SVG Path.
stroke-dasharray.
Тег animate.
 
Раздел 4
Покадровые анимации. Canvas
Начиная с этой части курса мы изучим покадровые анимации — это более низкоуровневый вид анимации. Научимся анимировать изображения на canvas, добьемся эффективной работы анимации и в итоге получим заветные 60 кадров в секунду.
Покадровая анимация.
canvas.
window.requestAnimationFrame.
Math.sin(), Math.cos().
 
Раздел 5
WebGL. Шейдеры
В этом разделе научимся создавать необычные и сложные анимационные эффекты. Поймём отличия вычислений на CPU и GPU, а также научимся писать специальные микропрограммы для GPU — шейдеры.
WebGL.
OpenGL.
GLSL.
 
Раздел 6
3D в браузере
Наконец-то изучим основы 3D-моделирования и рассмотрим разные библиотеки для реализации 3D в браузере. Создадим сцену, свет для неё, добавим 3D модель с текстурами и элементы управления.
 
Раздел 7
Будущее анимации в браузере
Раздел посвящён Web Animation API, который расширяет возможности линейных анимаций благодаря JavaScript, но пока является экспериментальным. Ещё в разделе разберемся с Houdini API, благодаря которому можно получить низкоуровневый доступ к движку CSS.

Anonymous poster hash: 57243...a85


Скрытый контент:

  Для просмотра необходимо войти или зарегистрироваться


Скачать:

Скрытый контент:

  Для просмотра содержимого необходимо 100 очков репутации (100 осталось)
                          Или
  Купить доступ и получить доступ ко всему контенту сайта навсегда



🔔 Подпишись на наш канал telegram @slivup_live и бота @slivupbot, что бы следить за крутыми новинками форума

  • 4

#2 Off   sano1141

sano1141
  • Platinum
  • Сообщений: 79
    • Онлайн: 14д 20ч 37м 8с
  • Регистрация: 23.06.2017
  • Заработано: 12 руб.
Репутация: 12

Награды: 12

  
  
  
  
  
  
  
  

Отправлено 16 Сентябрь 2020 - 22:37

НЛО, прошу обновить ссылку, а так же делаю запрос на восстановление в специальном разделе.
  • 0

#3 Off   StaryyGnom

StaryyGnom
  • Platinum
  • Сообщений: 127
    • Онлайн: 16д 21ч 24м 23с
  • Регистрация: 21.07.2016
  • Заработано: 173 руб.
Репутация: 143

Награды: 14

  
  
  
  
  
  
  
  

Отправлено 17 Сентябрь 2020 - 10:12

+++

Скрытый контент:

  Для просмотра содержимого необходимо 100 очков репутации (100 осталось)
                          Или
  Купить доступ и получить доступ ко всему контенту сайта навсегда


  • 2



Похожие темы Collapse

Количество пользователей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных



×

Зарегистрируйся моментально!