|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/gsap-scrolltrigger-qudeaudio/
课程评论：没有评论
课程名称：使用 GSAP ScrollTrigger 制作网站（中级）——qudeAudio 克隆编码 课程概述： 本课程由 J.young 讲师主讲，专注于克隆 qude Audio 网站。qude Audio 网站利用了目前国内外最热门的 GSAP ScrollTrigger 技术，通过滚动触发响应式动画，有效吸引用户的注意和激发兴趣。许多国内外优秀的网站都采用了基于滚动位置触发的动画，而 GSAP ScrollTrigger 是实现这一功能的常用工具。 本课程的核心内容包括： 1. 使用 Grid 进行网站布局制作。 2. 利用 GSAP ScrollTrigger 实现炫酷的交互式网页。 3. 讲解实现网页效果所需的 JavaScript 编程。 通过本课程，您将掌握： * 制作时尚网页布局的能力。 * JavaScript 和 GSAP 动画的实现方法。 * 从而提升网页开发和前端制作技能。 课程推荐人群： * 已理解 HTML/CSS 布局制作，并具备 JavaScript 基础知识的学习者。（本课程不包含 CSS 术语或布局基础讲解） 通过本课程，您将学到： 1. 使用 Grid 和 Flex 制作布局。 2. 制作 CSS 动画。 3. GSAP 动画。 4. 利用 GSAP ScrollTrigger 实现动画效果。 5. 实现网页功能所需的 JavaScript 编程。 6. 加载动画。
안녕하세요? 강사 J.young입니다.본강의는 qude Audio사이트에 대한 클론강의입니다. qude Audio사이트는 인터렉티브요소가 국내나 해외에서 가장 핫하게 사용되고 있는 GSAP의 ScrollTrigger를 활용해서 스크롤에 반응해서 진행되는 애니메이션이 사용자의 관심과 흥미를 끌 수 있도록 구현되어 있습니다. 국내나 해외사이트를 밴치마킹해보시다보면 잘만들어졌다 싶은 사이트들 대부분은 스크롤의 위치 반응해서 애니메이션이 진행되는 것을 보실 수 있으셨을텐데요. 대부분의 사이트가 GSAP의 ScrollTrigger를 활용해서 구현하고 있습니다. 본강의에서 핵심으로 다루는 내용은Grid를 통한 레이아웃 제작과 , GSAP의 ScrollTrigger를 활용한 화려한 인터렉티브웹 구현, 그리고 웹구현에 필요한javaScript 구현을 다루고 있습니다.본 강의를 통해 트렌디한 웹페이지 레이아웃제작과 javaScript와 GSAP animation구현방법을 터득함으로써 보다 웹개발 및 퍼블리싱 능력을 향상시킬 수 있습니다.* 이런분께 추천드립니다.- html/css를 통한 레이아웃 제작에 대한 이해도 있으시며, + JS기초이해가 있으신분들 들으시길 추천드립니다 (본강의는 html/css 용어기초나 레이아웃 기초를 설명하는 과정이 아닙니다.)* 강의를 통해 배울 수 있는 점1.Grid와 Flex를 통한 레이아웃 제작2.CSS Animation제작3. GSAP Animation4..GSAP ScrollTrigger를 통한 애니메이션구현5.웹구현에 필요한 javaScript구현6.Loading animation
