Bông hoa của hoạt hình web, hoạt hình cuộn! Tìm hiểu về ScrollTrigger, một cách sử dụng GSAP mạnh mẽ hơn.
237 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!
Đối tác tiếp thị
Giới thiệu Khóa học và tạo ra sự phát triển cùng thu nhập nhé!
Đánh giá từ những học viên đầu tiên
5.0
Taeyoon
Nó rất nhiều thông tin và thú vị để lắng nghe. Tôi đang nghĩ đến việc xây dựng một danh mục đầu tư để thay đổi công việc. Chúng tôi dự định tạo ra một trang web phổ biến tốt bằng cách sử dụng gsap càng nhiều càng tốt. Tôi dự định tham gia bài giảng SVG vào lần tới. Cảm ơn Nếu bạn dự định dạy React trong tương lai, Bạn cũng có thể chỉ cho tôi cách sử dụng Gsap bằng cách trộn nó với nó. Cảm ơn bạn đã cho thấy nó.
5.0
한봉경
1-3 Tất cả đều cứng đầu! Thành thật mà nói, tôi nghĩ bạn là một thiên tài nếu bạn hiểu mọi thứ sau khi nghe nó một lần. Nhưng tôi đã kiên trì làm đến cùng và có thể nhìn thấy được bức tranh toàn cảnh về GSAP! Tôi dự định sử dụng nó bằng cách đọc và thực hành bất cứ khi nào tôi cần trong thực tế! Nỗi sợ thiếu hiểu biết xuất hiện khi tôi lần đầu tiên gặp GSAP đã phần lớn biến mất và tôi hài lòng với bản thân vì có thể sử dụng nó một cách tự nhiên. Cảm ơn bạn!!
5.0
뽀로링
Tôi đã xem qua Phần 1 đến Phần 3. Tất cả đều có đầy đủ nội dung hữu ích. Chỉ có một vài bài giảng về ScrollTrigger ở Hàn Quốc và nhờ chúng, tôi đã có thể tạo danh mục đầu tư tương tác mà tôi muốn và di chuyển thành công đến nơi tôi muốn! Cảm ơn bạn đã đăng một bài giảng tuyệt vời. Tôi đang mong chờ phần 4 tiếp theo!
Cách sử dụng GSAP
Hiểu hoạt ảnh cuộn
Sử dụng GSAP
Hoa của hoạt hình GSAP, Scroll Trigger
Được tổ chức hoàn chỉnh từ nguyên tắc đến ứng dụng!
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 đã thử dùng ScrollTrigger một cách đại khái, nhưng tôi không biết cách áp dụng nó 😥”
👉 Đừng lo! Tôi sẽ giúp bạn học hiệu ứng cuộn và ScrollTrigger một cách chính xác!
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 3 của GSAP, tiếp nối Phần 1 và Phần 2. Tìm hiểu về hoạt ảnh cuộn, một yếu tố thiết yếu của thiết kế web tương tác , bằng cách chủ động sử dụng các tính năng của GSAP!
H. Tôi có thể làm gì nếu học GSAP ScrollTrigger?
Bạn có thể thoải mái áp dụng hình ảnh động ở bất kỳ đâu trên trang web yêu cầu phải cuộn.
H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?
Cần có kiến thức cơ bản về JavaScript và trình độ kiến thức tương đương với Phần 1 và Phần 2 của khóa học.
H. Nội dung bài học được trình bày ở mức độ nào?
Đây không phải là bài giảng chỉ giải thích các chức năng mà là bài giảng tiến triển đến mức bạn có thể hiểu được cốt lõi và áp dụng ngay vào thực tế.
💾 Hướng dẫn về môi trường thực hành và tài liệu học tập
Khóa học này dành cho ai?
Các nhà phát triển muốn tìm hiểu GSAP
Nhà thiết kế tò mò về hoạt hình web
Các nhà phát triển tò mò về hoạt ảnh cuộn
Cần biết trước khi bắt đầu?
Hướng dẫn GSAP về Hoạt hình trên web Phần 1
Hướng dẫn GSAP về Hoạt hình trên web Phần 2
HTML/CSS
JavaScript
4,526
Học viên
242
Đánh giá
305
Trả lời
4.9
Xếp hạng
5
Các khóa học
---Xin chào, mình là thầy Beom, người luôn tìm thấy niềm vui trong thiết kế và lập trình để tạo ra các bài giảng 🙂 -----------------------------------------------------Mọi thắc mắc về đào tạo Online / Offline vui lòng liên hệ qua seonbeom2@gmail.com 🙇♂
Tôi là Beom-ssaem, người chuyên tạo ra các bài giảng 🙂 ----------------------------------------------------- Mọi thắc mắc về việc giảng dạy online/offline vui lòng liên hệ qua email seonbeom2@gmail.com 🙇♂
Tất cả
55 bài giảng ∙ (13giờ 20phút)
Tài liệu khóa học:
4. Tùy chọn
08:37
7. Chà (1)
15:50
8. Chà (2)
20:44
9. Ghim (1)
13:33
10. Ghim (2)
11:18
11. Thị sai (1)
13:00
12. Thị sai (2)
10:33
13. Thực hành (1)
19:42
14. Thực hành (2)
10:52
15. Thực hành (3)
16:08
16. Ủy quyền (1)
16:38
17. Ủy quyền (2)
13:43
18. Ủy quyền (3)
19:42
19. Gọi lại
19:55
20. ngăn chặncuộn
16:50
21. NhanhCuộnCuối
19:13
28. Thực hành (1)
13:48
29. Thực hành (2)
13:00
30. Thực hành (3)
09:36
31. Thực hành (4)
12:30
Tất cả
20 đánh giá
5.0
20 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
1-3 Tất cả đều cứng đầu! Thành thật mà nói, tôi nghĩ bạn là một thiên tài nếu bạn hiểu mọi thứ sau khi nghe nó một lần. Nhưng tôi đã kiên trì làm đến cùng và có thể nhìn thấy được bức tranh toàn cảnh về GSAP! Tôi dự định sử dụng nó bằng cách đọc và thực hành bất cứ khi nào tôi cần trong thực tế! Nỗi sợ thiếu hiểu biết xuất hiện khi tôi lần đầu tiên gặp GSAP đã phần lớn biến mất và tôi hài lòng với bản thân vì có thể sử dụng nó một cách tự nhiên. Cảm ơn bạn!!
Đánh giá 2
∙
Đánh giá trung bình 5.0
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
Nó rất nhiều thông tin và thú vị để lắng nghe. Tôi đang nghĩ đến việc xây dựng một danh mục đầu tư để thay đổi công việc. Chúng tôi dự định tạo ra một trang web phổ biến tốt bằng cách sử dụng gsap càng nhiều càng tốt. Tôi dự định tham gia bài giảng SVG vào lần tới. Cảm ơn Nếu bạn dự định dạy React trong tương lai, Bạn cũng có thể chỉ cho tôi cách sử dụng Gsap bằng cách trộn nó với nó. Cảm ơn bạn đã cho thấy nó.
Đánh giá 2
∙
Đánh giá trung bình 5.0
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
Tôi đã xem qua Phần 1 đến Phần 3. Tất cả đều có đầy đủ nội dung hữu ích. Chỉ có một vài bài giảng về ScrollTrigger ở Hàn Quốc và nhờ chúng, tôi đã có thể tạo danh mục đầu tư tương tác mà tôi muốn và di chuyển thành công đến nơi tôi muốn! Cảm ơn bạn đã đăng một bài giảng tuyệt vời. Tôi đang mong chờ phần 4 tiếp theo!
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
3.226.048 ₫
![Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] BootcampHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?w=420)
![[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS CoreHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?w=420)
