Javascipt и анимации - взаимодействие с CSS

Организация управления классами с помощью javascript для организации анимаций при отображение, скрытии, добавлении и удалении элементов.
Библиотека для анимаций: www.npmjs.com/...
Скоро стартуют:
js.dmitrylavrik...
js.dmitrylavrik...

[@ПётрСеров-ш4в]

Видео от мастера подъехало, да сразу по классной теме! Спасибо!

[@dmytromakarenko6495]

Спасибо за вебинар! Очень интересно рассказываете.

[@zanedexter990]

I guess I am kinda off topic but does anyone know of a good place to stream new tv shows online ?

[@royjacoby2768]

@Zane Dexter meh I'd suggest flixportal. You can find it through google =) -roy

[@zanedexter990]

@Roy Jacoby Thanks, signed up and it seems like a nice service :D I appreciate it!

[@royjacoby2768]

@Zane Dexter No problem :)

[@dimovich85]

Дима, спасибо за вебинар!

[@freedomtv2295]

Лучший контент)

[@hayem9090]

Спаибо лаврику, я всё его платные курсы, на торренте скачал и неплохо и джаваскрипт и вёрстку выучил!

[@МаксимТе]

Поделись линком на торрент!

[@ДмитрийХолост-ь5у]

+

[@militer4994]

Зачем всё усложнять??? Все же проще делается. display:none прописывается в кейфрейме, а у addEventListener есть флаг once

[@ВадимЯковенко-я1в]

как всегда огромное спасибо!

[@ВладимирПетров-о7ы]

Почему нельзя кийфрэйм прописать в процентах, к примеру 1% дисплэй блок который не анимируется а с 2% до 100% транзишн и прочие трансформации накидать, и плюсануть в кучу обработчик onanimationend, так кажись попроще все это можно будет реализовать

[@farm_planets]

Спасибо за урок.

[@alexandrka4696]

Столкнулся с такой проблемой: Сделал слайдер блоков, анимацию сделал по этой библиотеке. Использовал только свойства "opacity" и "translateX". И через время она ломается. Не удаляет классы. Сначала тестировал, быстро нажимая в одну или другую сторону, через минуту сломалась (последнему элементу присвоены все классы сразу). Потом сделал защиту от быстрого нажатия, проработала чуть дольше, но все равно сломалась и опять же присвоила одному элементу все классы сразу. Может если появится время, посмотрите библиотеку.

[@dmitrylavrik]

Да, эта библиотека ещё в очень сырой версии. Туда нужно добавить обрыв анимации, т.е. ситуацию когда, например, show ещё идёт, а уже дали команду hide.

[@alexandrka4696]

Понятно, попробую) А так очень крутая библиотека

[@vitalijslavrinovics8756]

Давай СЕРВЕРНЫЙ JS ! )

[@eldartailov1473]

не совсем понял 32:43 , ведь мы подписаны на кнопку btnHide и при нажатии же на btnShow мы же не должны находиться внутри подписки на транзицию btnHide же

[@СыктымКутакбаев]

Тоже не уловил как слушатель одного элемента подтягивает transitionend из колбэка другого элемента?!

[@RedCat-mg4ee]

Не понимаю, что именно делает эта проверка if в конкретном примере? Что там может быть вложено в ul? Какую именно ситуацию мы предотвращаем?

[@_diemydarling]

мда.. лаврику не задашь вопрос что бы он не смог ответить. А он вообще фронт разраб?

[@PacoOfficial]

он веб-разработчик, и по бэку и по фронту

[@ВладиславДидковский-м1м]

Бывало и такое, но редко.

[@davidtavadze2396]

Добрый день. А на курсы по js ещё актуально записываться. Они ведутся в группе? Когда ближайшие даты? Заранее благодарю.

[@Mister113X]

Здравствуйте. Тестировал вашу библиотеку dl-animate и заметил что метод "remove(DOMElemenet, options)" работает не корректно. После удаления элемент остается в дом, он только скрывается свойством displey: none. Ошибку нашел в 71 строчке кода "options.systemOnEnd && options.systemOnEnd();" в 145 строке кода вы объявляете "systemDoneCallback(el){}" а вызываете почему-то options.systemOnEnd();. При исправлении данной ошибки все заработало.

[@forestspirit5446]

Все круто!!!! но увы ломается если поставить на одну кнопку тогл - или клацать туда сюда то сломается

[@forestspirit5446]

вообщем бросал пример удалило задржку ставите больше и сломается ;)

[@alexandrka4696]

Вопрос: Почему при добавлении в элемент(например li в ul) создается пустой атрибут style (в элементе li).

[@BGTM-tx2hz]

Есть ли курсы по UNIX?

[@Toxyo]

а в какой файл писать ? import DLAnimate from 'dl-animate/dist/dl-animate-module'; let anyName = new DLAnimate(); не получается подключить

[@PacoOfficial]

для меня и то и то другое и после нг хочется уже что то новое изучить и просто потому что это нужно для работы

[@abdumalikkochkorov5344]

ваххх круто )

[@user-cb9eo6vq1r]

А что за шрифт в саблайме, никто не знает случайно?

[@alexandrka4696]

monaco

[@FA1F.W]

+

[@___________S_t_a_s___________]

Анимешки все просто любят, вот и набежало.

[@PacoOfficial]

ураааа

[@frontenddeveloper7987]

Это

[@thepigeon3355]

Черт как же раздражают люди в комментариях в чате на трансляции

[@timurkash]

не "листэнер", а можно "лиснер"

[@ОлегКосарев-ю1ы]

всё конечно крутно но некоторые вещи пересказывать по 5 минут и постоянно слушать плюсуйте минусуйте раздражает....

[@АлександрВасильев-ы1й2х]

Ну так это запись вебинара, а не видео урок