|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-javascript-animations-with-greensock/
课程评论:没有评论
课程名称:使用Greensock掌握JavaScript动画 课程概述:前端开发是一个充满魅力的领域,但想要掌握这项行业所需的所有技能往往令人倍感压力。别担心!我会帮助你。在本课程中,我们将一起探索如何使用最优秀的库——GreenSock,创建令人惊叹的JavaScript动画。这个库已经存在超过10年,给世界带来了无数创新工具,助力创意的极限发挥。你不会找到比这更好的工具,它强大、安全、可靠且功能丰富。 通过GreenSock,我们可以: - 使用三种核心动画进行元素动画。 - 通过其令人愉悦的ScrollTrigger插件进行滚动动画。 - 创建时间轴或我称之为“动画容器”。 - 使用多种实用属性和方法。 - 动画每个网页元素,支持随机值、关键帧、错落效果、丰富的缓动等。 - 使用位置参数创建复杂的序列。 此外,我们还可以将GSAP与Canvas、three.js、Barba.js及所有著名动画库结合使用。最后,我们可以在原生JS或所有主流JS框架中使用它。 我为本课程准备了一个文件夹,其中包含三个子文件夹: 1. 一个沙盒,用于探索和使用不同的方法和属性。 2. 一个滚动动画沙盒,用于发现全新的ScrollTrigger插件。 3. 最后一个项目文件夹,包含所有源代码和起始文件。 听起来很有趣吧?期待在课程中与您开始编程!✔️
Front-End development is a wonderfull world, but it can quickly become hard to master all the different skills to shine in that industry.Fear no more! I'm here to help you.In this course we are going to discover how to build breathtaking JavaScript animations with the best library out there: GreenSock!It's been more than 10 years that this library is giving the world some nice tools to pushing the limits of creativity.You actually can't find a better tool in that domain, it's strong, secure, reliable and very rich.With GreenSock we can:Animate elements using the three core tweens(animations)Animate on Scroll with their lovely ScrollTrigger plugginCreate timelines or "animations containers" as I like to call themUse plenty of utily properties and methodsAnimate every webpage elements with random values, keyframes, stagger effect, rich easings, etc...Create some complex sequences with the position parametersWe can also use GSAP with the canvas, three.js, Barba.js and all the famous animation libraries.And finaly we can use it in vanilla JS or with all the major JS FrameworksI've prepared a folder to follow this course that countains three subfolders:One sandbox that we are going to use to discover and play with the different methods and properties.One Scroll Animation sandbox to discover the brand new ScrollTrigger plugginAnd finally a projects folder, with all the source code and starting filesSounds interesting ins't it ?See you on the other side to start coding. ✔️