강의

멘토링

로드맵

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á

275 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,418

Học viên

225

Đánh giá

292

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

    受講完了しました!! 😆 前回の基礎パーツに続き、gsapについてもう少し深く取り上げたので、思ったより講義が長かったです。 アニメーションを実装するとき、より多くのヒントと新機能を学ぶことができました。 今回は前回の基礎パーツより各セクションごとに例も多くなり、途中で必要なjsの説明と 受講生の立場で気になるような部分をあらかじめキャッチして説明してくれる部分が良かったです。 いつもバンサムの授業を聞くたびに感じるのですが、簡単で楽しくよく教えてくれると思います。 次のスクロールトリガーレッスンもとても期待されますすぐに出てきてほしい! クラス一つ一つ本当に楽しかったです👍👍 丁寧な講義を作るのに苦労しました。

    • hooncli님의 프로필 이미지
      hooncli

      Đánh giá 50

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      川の価格が忙しくて購入前に本当に躊躇していましたが、part2の内容が本当にわかりましたのでよく買いました。 gsap プラグイン、メソッド、コールバックなどは基本であり、実習資料で与えられる例やソース自体も活用する部分が多く見えます。 そして、1回完走した感想は、果たしてここで学んだことを積載適所に活用するには、どれほど練習をしなければならないか嬉しくも心配になりますね。 次のスクロールトリガー講義も期待されます。

      • aldald95058004님의 프로필 이미지
        aldald95058004

        Đánh giá 2

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        1編に続いて2編もあまりにも十分な講義でした

        • dldustn15115743님의 프로필 이미지
          dldustn15115743

          Đánh giá 2

          Đánh giá trung bình 4.0

          5

          100% đã tham gia

          復習に頻繁に来ます。説明してくれる能力本当に最高です。 講義を聞く前に、gsapの基礎概念もなく、まさに本番で活用されました。 理解度がまったくない状態なのでgsap使ったホームページをたくさん見てフォローしてみても文法が多すぎて混乱してㅠ それでgptに尋ねて作成してほしいと、リファレンスを最初から腹付いて使っていたか、ほぼ底を寄せながらプロジェクトを終えました。 この講義のおかげで、gsapの全体的な理解と応用が可能になりました! gsap 他の先生の講義聞いてみると~こんなことある。ながらスイカの表側式ですっぽり渡って本当に払い戻したい講義がありましたが、、 ボム先生は何が何か一つずつしっかりとわかって理解させようと努力する姿に感動しました。 この先生講義は名講義です、、講義を見るたびに受講料を払わなければならないような気がします。 復習に頻繁に来ます。説明してくれる能力本当に最高です。

          • ekgml52338089님의 프로필 이미지
            ekgml52338089

            Đánh giá 2

            Đánh giá trung bình 5.0

            5

            32% đã tham gia

            理解しやすくて例題が良いです

            3.283.003 ₫

            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!