Your cart is empty.
Keep shopping실전 GSAP의 scrollTrigger를 활용한 웹사이트제작(중급)] qudeAudio 클론코딩
281 students
실전 GSAP의 scrollTrigger를 활용한 웹사이트제작(중급)] qudeAudio 클론코딩
웹퍼블리셔, 코딩하는 디자이너로 에이전시, 대기업 400명 이상 진출 및 실무 + 강의 25년차 강사가 알려주는 클론코딩 강의
Created byJ. young
Last updated 12/2023
Korean
What you'll learn
- 웹페이지 레이아웃제작에 대한 이해도를 높이고 제작할 수 있습니다.
- Grid와 Flex를 통한 레이아웃 제작에 대한 이해도를 높일 수 있습니다.
- CSS Animation을 제작할 수 있습니다.
- GSAP Animation제작에 대한 이해도를 높일 수 있으며 제작 구현할 수 있습니다.
- GSAP의 ScrollTrigger를 활용한 Animation을 제작할 수 있습니다.
- 포트폴리오제작에 대한 이해도를 높일 수 있습니다.
- GNB MenuBar 제작할 수 있습니다.
- WEB제작에 필요한 javaScript에 대한 이해도를 높이고 적용할 수 있습니다.
- 2024년 최신 트렌드에 맞고 인텍렉티브 요소가 화려한 웹페이지를 제작할 수 있습니다.
Explore related topics
Course content
11 sections • 29 lectures • 4h 6m total length
Requirements
- HTML/CSS를 통한 레이아웃 제작에 대한 이해가 가능하신 분
- javaScript기초에 대한 이해가 가능하신 분
Description
안녕하세요? 강사 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 Animation
4..GSAP ScrollTrigger를 통한 애니메이션구현
5.웹구현에 필요한 javaScript구현
6.Loading animation
Who this course is for:
- 트렌디한 웹페이지를 빠르게 제작하고 싶으신 분
- 인터렉티브웹을 구현의 실력을 향상시키고 싶으신 분
- GSAP의 ScrollTrigger를 통한 Animation을 구현하고 싶으신분
- 웹퍼브리셔, 프론트엔드개발자로 실무 능력을 키우고 싶으신 분
- 고퀄리티의 포트폴리오를 제작하고 싶으신 분
- 퍼블리셔로 업무의 생산성을 UP시키고 싶으신 분
- 탄탄한 레이아웃 제작 실력을 키우고 싶으신 분