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

[PODON]

[HTML Academy] Онлайн‑курс «Анимация для фронтендеров» (2020)
Посмотреть вложение 47899
Анимация для фронтендеров — новый курс 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.

ПРОДАЖНИК

СКАЧАТЬ

Скрытое содержимое. Вам нужно войти или зарегистрироваться.

 

[mr_scrpt]

Как это смотреть? Какие-то куски видосов, нет ни порядка ни контекста, в общем тут или много чего не хватает или я с этим не разобрался=))))))

 

[PODON]

Как это смотреть? Какие-то куски видосов, нет ни порядка ни контекста, в общем тут или много чего не хватает или я с этим не разобрался=))))))

Радуйтесь всему, что имеете в данный момент. Это не пустой призыв быть счастливым по определению. Иногда обстоятельства складываются так, что быть довольным очень трудно. Но с чисто практической точки зрения выражать недовольство очень невыгодно. Ведь вы хотите попасть на те линии жизни, где вас все устраивает? Но как же вы туда попадете, если ваше излучение наполнено недовольством?

 

[NFS_93]

Как это смотреть? Какие-то куски видосов, нет ни порядка ни контекста, в общем тут или много чего не хватает или я с этим не разобрался=))))))

На офф.сайте 8 разделов, в ссылке есть 2 папки (part_1, part_2). В этих папках все по разделам, да и по названиям внутренних папок понятно, что к чем

 

[KPATOC]

На офф.сайте 8 разделов, в ссылке есть 2 папки (part_1, part_2). В этих папках все по разделам, да и по названиям внутренних папок понятно, что к чем

на сайте все норм)) но на складчике так выдали.. то кто сливал ... по этому довольствуемся что есть )
к сожалению многие криво сливают

 

[Stelka_a]

.