ihatetomatoes
Создатель ihatetomatoes - профессиональный разработчик с более чем пятилетним опытом работы в одном из крупнейших электронных агентств Австралии.
Продолжительность
5 ч 33 мин
Категория
JavaScriptКоличество уроков
42 Видео
Дата добавления
3 дек. 2020 г., 20:53
Язык
Английский
Создавайте веб-анимации с нуля, разберитесь как они создаются, и научитесь новым творческим навыкам!
Устали от того, что ваш веб-сайт не похож на другие отмеченные наградами сайты, несмотря на бесконечные обучающие материалы на YouTube и онлайн-курсов?
Курс Bella создан для того, чтобы помочь вам взять #creativeideas и превратить их в мощный веб-сайт, который выделяется и не похож на любой другой. В этом курсе я буду учить JavaScript, анимацию и эффекты с помощью GreenSock и ScrollTrigger.
В серии сжатых пошаговых руководств я научу вас создавать анимацию вручную с помощью GreenSock и ScrollTrigger! Этот курс научит вас добавлять анимацию на ваш сайт с помощью CSS и стандартной платформы анимации GreenSock (GSAP).
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:05:47PGB – 01 – Course Introduction
- Урок 2. 00:08:01PGB – 02 – Navigation Links
- Урок 3. 00:03:49PGB – 03 – Navigation toggleClass
- Урок 4. 00:10:48PGB – 04 – Navigation Away
- Урок 5. 00:07:01PGB – 05 – Padding bottom hack
- Урок 6. 00:07:04PGB – 06 – Mouse move event
- Урок 7. 00:11:15PGB – 07 – Header left images
- Урок 8. 00:01:54PGB – 08 – Header completed
- Урок 9. 00:07:09PGB – 09 – Reveal Gallery Overview
- Урок 10. 00:06:16PGB – 10 – Reset image position
- Урок 11. 00:07:15PGB – 11 – Reveal Image
- Урок 12. 00:08:43PGB – 12 – Center Text
- Урок 13. 00:10:06PGB – 13 – Reveal Text
- Урок 14. 00:09:21PGB – 14 – Media Queries in JS
- Урок 15. 00:09:54PGB – 15 – Remove Event Listeners, killTweensOf
- Урок 16. 00:07:05PGB – 16 – Portfolio Overview
- Урок 17. 00:10:37PGB – 17 – Portfolio mouse enter
- Урок 18. 00:03:42PGB – 18 – Portfolio mouse leave
- Урок 19. 00:09:41PGB – 19 – Portfolio mouse move
- Урок 20. 00:04:35PGB – 20 – Parallax Images Overview
- Урок 21. 00:08:51PGB – 21 – Parallax ScrollTrigger
- Урок 22. 00:06:07PGB – 22 – Pin Navigation
- Урок 23. 00:09:58PGB – 23 – Highlight active item
- Урок 24. 00:07:02PGB – 24 – Update CSS custom property
- Урок 25. 00:09:08PGB – 25 – Scroll-jacking
- Урок 26. 00:02:43PGB – 26 – Smooth Scrolling Overview
- Урок 27. 00:05:35PGB – 27 – ScrollTo Section
- Урок 28. 00:10:28PGB – 28 – Smooth Scrolling with GSAP Part I
- Урок 29. 00:10:09PGB – 29 – Smooth Scrolling with GSAP Part II
- Урок 30. 00:03:08PGB – 30 – Smooth ScrollBar Setup
- Урок 31. 00:12:59PGB – 31 – Smooth ScrollBar
- Урок 32. 00:07:20PGB – 32 – Loading Animation Overview
- Урок 33. 00:11:05PGB – 33 – Loading Animation In
- Урок 34. 00:11:44PGB – 34 – Loading Animation Out
- Урок 35. 00:06:17PGB – 35 – Optimizing Loader
- Урок 36. 00:08:56PGB – 36 – Loading Progress Bar
- Урок 37. 00:12:34PGB – 37 – Images Loaded
- Урок 38. 00:11:12PGB – 38 – Setup Barba.js
- Урок 39. 00:05:44PGB – 39 – How to use VSCode Debugger
- Урок 40. 00:09:04PGB – 40 – Page Transition Timeline Part I
- Урок 41. 00:06:01PGB – 41 – Page Transition Timeline Part II
- Урок 42. 00:07:26PGB – 42 – Animate Barba.js Containers
Автор - ihatetomatoes
Комментарии
list of video that are missing:
Unit 1Final Integration & Overview
Unit 2Launch Bonuses
Could you update, please ? thank you.