Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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) 29 đánh giá

270 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

Dịch cái này sang tiếng Việt

  • 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,377

Học viên

221

Đánh giá

291

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ả

29 đánh giá

5.0

29 đánh giá

  • hjux님의 프로필 이미지
    hjux

    Đánh giá 20

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đã hoàn thành khóa học!! 😆 Bài giảng dài hơn tôi mong đợi vì nó trình bày sâu hơn về gsap sau phần cơ bản cuối cùng. Tôi đã có thể tìm hiểu thêm các mẹo và tính năng mới khi triển khai hoạt ảnh. Lần này, có nhiều ví dụ cho mỗi phần hơn phần cơ bản cuối cùng và các giải thích js cần thiết được đưa vào giữa. Tôi thích phần mà học sinh có thể nắm bắt và giải thích trước những điều mà các em có thể tò mò. Tôi luôn có cảm giác như vậy mỗi lần đến lớp của thầy Beom, thầy dạy rất hay và vui vẻ. Tôi thực sự mong đợi bài giảng kích hoạt cuộn tiếp theo. Tôi hy vọng nó sẽ sớm ra mắt! Tôi thực sự rất thích mỗi buổi học 👍👍 Cảm ơn bạn đã bỏ công sức biên soạn một bài giảng chi tiết!!🐯🐯

    • hooncli님의 프로필 이미지
      hooncli

      Đánh giá 50

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Tôi thực sự lưỡng lự trước khi mua vì giá của khóa học rất cao nhưng nội dung phần 2 thực sự rất nhiều thông tin nên tôi nghĩ đó là một giao dịch mua tốt. Các plugin, phương thức, lệnh gọi lại gsap, v.v. đều cơ bản và bản thân các ví dụ cũng như nguồn làm tài liệu thực hành dường như có nhiều công dụng. Và về cảm giác của tôi sau khi hoàn thành cuộc đua lần đầu tiên, tôi vừa vui vừa lo lắng về việc mình sẽ cần luyện tập bao nhiêu để áp dụng những gì đã học ở đây vào đúng chỗ. Tôi đang mong chờ bài giảng kích hoạt cuộn tiếp theo.

      • aldald95058004님의 프로필 이미지
        aldald95058004

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Tiếp theo Phần 1, Phần 2 cũng là một bài giảng rất bổ ích.

        • dldustn15115743님의 프로필 이미지
          dldustn15115743

          Đánh giá 2

          Đánh giá trung bình 4.0

          5

          100% đã tham gia

          Tôi sẽ quay lại thường xuyên để xem xét. Khả năng giải thích mọi thứ của bạn thực sự tuyệt vời. Trước khi nghe bài giảng, tôi đã sử dụng GSAP trong thực tế mà không hề biết căn bản;; Tôi không hiểu gì cả nên tôi xem rất nhiều trang web sử dụng gsap và cố gắng theo dõi nhưng có quá nhiều ngữ pháp khiến tôi bối rối. Vì vậy, tôi đã hỏi gpt và yêu cầu anh ấy viết nó, và tôi chỉ sao chép và dán các tài liệu tham khảo và hoàn thành dự án trong khi gần như thất bại. Nhờ bài giảng này, tôi đã có thể hiểu biết tổng quát và ứng dụng được gsap! Nếu bạn nghe bài giảng của một giáo viên gsap khác thì sẽ thấy có điều như thế này. Có một bài giảng tôi rất muốn hoàn lại vì tôi đã bỏ qua nó như một quả dưa hấu. Tôi rất ấn tượng với cách cô Beom cố gắng hiểu chuyện gì đang xảy ra bằng cách chỉ ra từng chuyện một. Bài giảng của thầy hay quá, mỗi lần xem bài giảng tôi cảm thấy như phải đóng học phí vậy. Tôi sẽ quay lại thường xuyên để xem xét. Khả năng giải thích mọi thứ của bạn thực sự tuyệt vời.

          • ekgml52338089님의 프로필 이미지
            ekgml52338089

            Đánh giá 2

            Đánh giá trung bình 5.0

            5

            32% đã tham gia

            Dễ hiểu và các ví dụ rất tốt

            3.283.377 ₫

            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!