강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Hướng dẫn GSAP dành cho hoạt hình trên web Phần 02

“GSAP có khả thi không?” Chúng tôi sẽ phá bỏ định kiến ​​hiện có rằng hoạt hình là phức tạp và khó khăn.

(5.0) 31 đánh giá

281 học viên

  • kindtiger
gsap
프론트엔드
인터랙티브웹
html/css
Interactive Web
JavaScript
HTML/CSS

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • Cách sử dụng GSAP

  • Hiểu hoạt hình

  • Hiểu về Web

  • Cấu trúc HTML

  • Plugin GSAP

Với nhiều mã và nhiều hình ảnh động khác nhau
GSAP mạnh mẽ và tuyệt vời hơn! 😎

GSAP, một thư viện hoạt hình JavaScript

Hiểu sâu hơn về GreenSockAnimationPlatform (GSAP) và tìm hiểu cách xây dựng và quản lý hoạt ảnh một cách có hệ thống.

✅ Nếu bạn muốn sử dụng GSAP tốt hơn!
Thêm mã, hình ảnh động và tài liệu thực hành!

Tôi muốn sử dụng GSAP tốt hơn...
Bạn đang nói là không có đủ tài liệu tiếng Hàn phải không? 🥲

Bạn đã sử dụng GSAP một thời gian, nhưng muốn hiểu sâu hơn và sử dụng hiệu quả hơn? Bạn vẫn cảm thấy choáng ngợp vì thiếu tài liệu hoặc hướng dẫn tiếng Hàn phù hợp? GSAP cho phép bạn thêm nhiều hiệu ứng động chỉ với cú pháp cơ bản, nhưng khi bạn tìm hiểu sâu hơn về các thuộc tính của nó, bạn sẽ có thể xử lý ngày càng nhiều hiệu ứng động.

Bài giảng này là Phần 2 của khóa học Cơ bản GSAP nâng cao, tiếp nối khóa học trước. Khóa học được thiết kế để giúp bạn áp dụng các khái niệm đã học trong khóa Cơ bản để tạo ra nhiều loại mã và hoạt ảnh hơn.

Điều khiển hoạt ảnh

👉 Tìm hiểu các phương pháp điều khiển hoạt ảnh khác nhau do GSAP cung cấp.

Lặn sâu

👉 Hiểu sâu hơn về các tính năng công cụ của GSAP bằng cách xử lý các lệnh gọi lại cho các hoạt ảnh thường dùng và sử dụng hiệu ứng 3D.

Chênh vênh nâng cao

👉 Tìm hiểu về các ứng dụng và phương pháp sử dụng khác nhau của Stagger và cách xử lý.

Dòng thời gian nâng cao

👉Tìm hiểu cách quản lý dòng thời gian và thiết kế hoạt ảnh theo chức năng một cách hiệu quả.

* Toy Story, ví dụ về lớp học, là tác phẩm thiết kế của Go Yu-jin.

Bằng cách trải nghiệm các tính chất và phương pháp khác nhau của GSAP mà bạn chưa từng quen thuộc, bạn có thể nâng cao khả năng học tập và học cách xây dựng và quản lý hoạt ảnh một cách có hệ thống ! Nếu bạn thực hiện phương pháp tiếp cận GSAP từng bước một cách vững chắc, cuối cùng bạn sẽ có thể áp dụng nó một cách tự do. 😄

Bạn có thể làm được điều đó sau khi tham gia lớp học!

  • ✅ Bằng cách xem hình ảnh động, bạn có thể suy ra thuộc tính và phương thức nào của GSAP được sử dụng bên trong.
  • ✅ Bạn sẽ có thể tự mình thực hiện hoạt ảnh mà bạn muốn tạo mà không gặp khó khăn gì.
  • Tài liệu thực hành được cung cấp cho từng phần để bạn có thể áp dụng những gì đã học!

💡 Nếu bạn hiểu rõ Phần 02, bạn sẽ học được nhiều hơn từ bài giảng ScrollTrigger trong Phần 03 tiếp theo.


Hỏi & Đáp 💬

H. Tại sao tôi nên học GSAP?

Đối với các nhà phát triển web, nơi năng suất là tối quan trọng, việc triển khai hoạt ảnh chỉ bằng JavaScript là không hợp lý và không cần thiết. Chẳng phải sẽ tiện lợi hơn nếu sử dụng một công cụ được thiết kế tốt sao? Giống như dùng búa thay vì tay để đóng đinh vậy.

H. Lợi ích của việc học GSAP là gì?

Bạn sẽ có khả năng phân tích hoạt ảnh và dễ dàng kết hợp chúng vào các dự án của mình.

H. Tôi có thể làm gì nếu học GSAP?

Bạn có thể thêm hoạt ảnh vào bất kỳ trang web nào, làm cho các trang web tĩnh trở nên năng động hơn.

Bạn mới biết đến GSAP? Hãy xem lại các bài giảng trước.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Các nhà phát triển biết GSAP nhưng muốn hiểu sâu hơn về nó

  • Nhà phát triển quan tâm đến web tương tác

  • Các nhà phát triển muốn tạo hoạt ảnh web

  • Nhà thiết kế tò mò về web tương tác

  • Bất cứ ai cần lời giải thích về GSAP

Cần biết trước khi bắt đầu?

  • HTML, CSS, JavaScript

  • Đây là phần tiếp theo của bài giảng Phần 01 vừa qua.

Xin chào
Đây là

4,461

Học viên

233

Đánh giá

300

Trả lời

4.9

Xếp hạng

5

Các khóa học

 

---안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 🙂 -----------------------------------------------------온라인 / 오프라인 출강 문의는 seonbeom2@gmail.com 으로 연락주세요 🙇‍♂

 

Chương trình giảng dạy

Tất cả

47 bài giảng ∙ (12giờ 18phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

31 đánh giá

5.0

31 đánh giá

  • Hyungjin님의 프로필 이미지
    Hyungjin

    Đánh giá 21

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    수강 완료했습니다!! 😆 저번 기초 파트에 이어서 gsap에 대해 좀 더 깊이 있게 다뤄서 그런지 생각보다 강의가 길었습니다 애니메이션을 구현할 때 좀 더 다양한 팁이랑 새로운 기능들을 배울 수 있었고 이번엔 저번 기초 파트보다 각 섹션 별로 예제도 많아지고 중간에 필요한 js 설명이랑 수강생입장에서 궁금해할 거 같은 부분을 미리 캐치하시고 설명해 주시는 부분이 좋았습니다. 항상 범쌤 수업 들을 때마다 느끼는 거지만 쉽고 재밌게 잘 가르쳐 주시는거같아요 다음 스크롤 트리거 강의도 너무 기대됩니다 빨리 나왔으면 좋겠어요! 수업 하나하나 정말 재밌게 봤습니다 👍👍 정성스러운 강의 제작하시느라 고생하셨습니닷!!🐯🐯

    • hoon Cli님의 프로필 이미지
      hoon Cli

      Đánh giá 50

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      강의 가격이 만만찮아서 구매전에 정말 망설였는데 part2 내용이 정말 알차서 잘샀구나 싶습니다. gsap 플러그인, 메서드, 콜백 등은 기본이고 실습자료로 주시는 예시와 소스들 자체도 활용할 부분이 많아보입니다. 그리고 1회 완주한 소감은 과연 여기서 배운 걸 적재적소에 활용하려면 얼마나 연습을 해야할지 기쁘면서도 걱정이 되네요. 다음 스크롤트리거 강의도 기대됩니다.

      • aldald9505님의 프로필 이미지
        aldald9505

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        1편에 이어 2편도 너무나도 알찬 강의였습니다

        • 이연수님의 프로필 이미지
          이연수

          Đánh giá 2

          Đánh giá trung bình 4.0

          5

          100% đã tham gia

          복습하러 자주 오겠습니다. 설명해주시는 능력 정말 최고세요. 강의 듣기 전 gsap에 대한 기초 개념도 없이 바로 실전에서 활용했었습니다;; 이해도가 전혀 없는 상태라 gsap 사용한 홈페이지들을 많이 보고 따라해봐도 문법이 너무 많아서 헷갈리고ㅠ 그래서 gpt 한테 물어보고 작성해 달라하고, 레퍼런스를 아예 복붙해서 쓰던지 거의 바닥을 기면서 프로젝트를 끝냈었습니다 ㅋㅋ.. 이 강의 덕분에 gsap에 대한 전반적인 이해와 응용을 할 수 있게 되었습니다.! gsap 다른 선생의 강의 들어보면 ~이런게 있다. 하면서 수박 겉햝기 식으로 쌩쌩 넘어가서 정말 환불하고 싶은 강의가 있었는데,, 범 선생님은 뭐가 뭔지 하나씩 제대로 짚어가며 이해시키려고 노력하시는 모습에 감동받았습니다. 이 선생님 강의는 명강의입니다,, 강의 볼 때 마다 수강료를 지불해야할 것 같은 기분이 듭니다. 복습하러 자주 오겠습니다. 설명해주시는 능력 정말 최고세요.

          • dada da님의 프로필 이미지
            dada da

            Đánh giá 2

            Đánh giá trung bình 5.0

            5

            32% đã tham gia

            이해하기 쉽고 예제가 좋아요

            3.285.434 ₫

            Khóa học khác của kindtiger

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!