BEST

Programming

Front-end

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

Name: Hướng dẫn GSAP dành cho hoạt hình trên web Phần 03
Price: 156200 KRW

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.

(5.0) 16 đánh giá

221 học viên

kindtiger

실습 중심

gsap

웹페이지

스크롤이벤트

scrolltrigger

Interactive Web

JavaScript

Animation

Đá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 ả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!

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!

Hoạt ảnh cuộn GSAP?
Tôi sẽ làm sao để bạn có thể nói rằng, "Chẳng có gì đặc biệt cả!"

“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!

Chú ý, những người này!

Các nhà phát triển muốn tìm hiểu ScrollTrigger một cách chính xác
Các nhà thiết kế tò mò về hoạt ảnh cuộn
Các nhà phát triển quan tâm đến hoạt hình web

Tôi sẽ giải quyết vấn đề của bạn.

Bạn chỉ mới tạo giao diện người dùng (UI)? Khóa học này sẽ hướng dẫn bạn những kiến thức cơ bản.
Đây không phải là bài giảng chỉ giải thích lý thuyết mà cung cấp những lời giải thích sâu sắc và các cấp độ mã có thể áp dụng trực tiếp vào thực hành.
Bài giảng trình bày nội dung JavaScript cần thiết cho GSAP.
Cung cấp các phần thực hành để thực hành từng phần
Một loạt bài giảng liên quan đến Phần 1 và Phần 2

_{Tìm hiểu về cú pháp cơ bản và hoạt ảnh của ScrollTrigger.}

_{Tạo hoạt ảnh cho một trang web duy nhất dựa trên lý thuyết cơ bản.}

_{Tìm hiểu cách proxy (bỏ qua) tính năng cuộn mượt mà, một tính năng không thể thiếu của web tương tác, miễn phí.}

_{Tìm hiểu về ScrollTrigger CallBacks để kiểm soát hoạt ảnh chi tiết.}

_{Tìm hiểu cách ngăn cuộn và kiểm soát hoạt ảnh.}

_{Tìm hiểu cách tạo hiệu ứng động cho giao diện người dùng khi cuộn.}

_{Tìm hiểu cách bật/tắt hình ảnh động khi cuộn.}

_{Dựa trên những gì đã học, bạn sẽ tạo ra một hình ảnh động hoàn chỉnh cho trang web.}

_{Tìm hiểu về các hoạt ảnh có thể điều khiển phát lại video dựa trên giá trị cuộn.}

_{Tìm hiểu cách tạo hoạt ảnh văn bản động bằng plugin văn bản và quản lý chúng để có khả năng phản hồi.}

_{Kiểm soát cách vẽ SVG khi cuộn bằng plugin.}

_{Tìm hiểu cách Ứng dụng trang đơn (SPA), một thành phần chính của phát triển web tương tác, hoạt động và cách kết nối ScrollTrigger.}

_{Tìm hiểu cách triển khai bố cục theo chiều ngang và cách tích hợp bố cục này với ScrollTrigger.}

_{Tìm hiểu cách triển khai bố cục có hướng ngang và hướng dọc kết hợp và cách tích hợp ScrollTrigger.}

_{Tìm hiểu cách thiết lập hoạt ảnh có hiệu ứng khác nhau cho các ViewPort khác nhau.}

_{Tìm hiểu về Reduced-motion, tính năng này giúp cải thiện khả năng truy cập và cung cấp môi trường để người dùng có thể bật và tắt hoạt ảnh.}

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

✅ Bạn sẽ thấy rằng các hình ảnh động bạn thấy trên các trang web khác hoạt động theo cách này .
✅ 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!

Hỏi & Đáp 💬

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

Bạn có thể học trên môi trường Windows và macOS.
Trong khóa học này, chúng ta sẽ sử dụng Visual Studio Code.
Kiến thức tiên quyết là hiểu biết ở cấp độ chương trình giảng dạy về các bài giảng Phần 1 và Phần 2 trước đó và quen thuộc với JavaScript.
Học viên sẽ được cung cấp tài liệu Notion và các file thực hành. Tài liệu học tập chỉ được hiển thị cho học viên đã đăng ký.

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 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

Xin chào
Đây là

4,377

Học viên

221

Đánh giá

291

Trả lời

4.9

Xếp hạng

Các khóa học

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

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

Tất cả

55 bài giảng ∙ (13giờ 20phút)

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

Tài liệu bài giảng

Phần 1. giới thiệu

3 bài giảng ∙ (28phút)

Phần 2. Kích hoạt cơ bản

12 bài giảng ∙ (2giờ 41phút)

4. Tùy chọn
08:37
5. Kích hoạt cơ bản (1)
11:27
6. Kích hoạt cơ bản (2)
09:59
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

Phần 3. Trình kích hoạt nâng cao

16 bài giảng ∙ (3giờ 55phút)

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
22. Vòng điều hướng (1)
15:23
23. Vòng điều hướng (2)
12:36
24. Tiến trình dựa trên cuộn (1)
16:37
25. Tiến trình dựa trên cuộn (2)
16:14
26. Chuyển đổi hoạt hình (1)
10:09
27. Chuyển đổi hoạt hình (2)
09:39
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

Phần 4. Kích hoạt bằng Plugin

12 bài giảng ∙ (3giờ 16phút)

Phần 5. Cách trình bày

8 bài giảng ∙ (2giờ 9phút)

Phần 6. Đáp ứng & amp; 11 tuổi

3 bài giảng ∙ (47phút)

Phần 7. Tóm lại

1 bài giảng ∙ (2phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

16 đánh giá

5.0

16 đánh giá

Taeyoon
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
너무 유익하고 재밌게 잘 들었습니다. 아무래도 이직하기 위해 슬슬 포트폴리오 만들 생각이였는데 최대한 gsap를 활용해서 좋은 포폴 사이트 만들 예정입니다. 다음에 svg 강의도 들을 예정입니다. 감사합니다. 추후에 리엑트 강의등 하실 계획 있으시면 Gsap도 함께 섞어서 어떻게 사용해서 보여주실 수있는지도 보여주시면 감사합니다.
한봉경
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
1-3 전부 완강했습니당! 솔직히 한번 듣고 다 이해한다면 천재라고 생각해요 ㅠㅠ 그래도 무작정 계속 끝까지 완강해보니 대략적인 GSAP의 큰그림을 볼 수 있었어요! 실무에서 필요할 때마다 중간중간 회독하면서 연습해보면서 활용해보려 합니다! 처음 gsap을 접했을 때 다가왔던 무지성 공포감은 많이 없어진 상태이고, 자연스럽게 만질 수 있는 제 자신이 만족스럽습니다 ㅎ 감사합니당!!
뽀로링
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
파트1 부터 파트3 까지 완강했습니다. 모두 알찬 내용들로만 가득했습니다. scrollTrigger 관련한 강의는 한국에 정말 몇 없는데, 덕분에 원하던 인터랙티브한 포트폴리오를 제작해 원하는 곳으로 이직 성공했습니다! 좋은 강의 올려주셔서 감사합니다. 다음 파트4도 기대가되네요!
gangsugi
Đánh giá 21
∙
Đánh giá trung bình 5.0
5
93% đã tham gia
part1을 듣고 바로 part3를 들었지만 자세한 설명으로 어렵지 않게 완강을 했습니다. 대략적인 부분만 알고 있었는데 강의를 들으면서 좀더 상세하게 알게 되었습니다. 설명도 너무 잘 하시고 강의 만드실때 정성이 많이 들어갔다는게 팍팍 느껴집니다. 좋은 강의 잘 들었구요, part4도 나오면 꼭 듣겠습니다^^
foxball
Đánh giá 32
∙
Đánh giá trung bình 4.8
5
16% đã tham gia
gsap의 기능들을 익혀보려고 영어로된 유튜브 강좌만 보다가 범쌤님의 파트1~파트3 강좌를 듣게되었습니다. 결론부터 말씀드리면 gsap 종결 강의 입니다. 더이상 다른곳에서 헤매실필요 없습니다. gsap 에서 새로운 기능이 나오면 모를까 현재까지 나온 강의중에 최고의 강의입니다. 간지러운곳을 미리 긁어주는 느낌이랄까요 강좌 하나하나가 머릿속을 꽉채우고 지식을 머리에 넣고있는 느낌입니다. 더이상 말로 설명드리기가 어렵네요~~

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!

디자인 시스템 with 피그마

범쌤

이 강의를 통해 디자인 시스템을 구축하고 내 디자인 작업물이 가지는 폭발적인 시너지를 느껴보세요.

초급

Figma, Figma Tokens, 디자인 시스템

디자인 시스템 with 피그마

범쌤

웹 애니메이션을 위한 GSAP 가이드 Part.02

범쌤

“GSAP 이런 것까지 가능했어?” 애니메이션이 복잡하고 어렵다는 기존의 고정관념을 깨드립니다.

초급

gsap, 인터랙티브 웹, JavaScript

웹 애니메이션을 위한 GSAP 가이드 Part.02

범쌤

웹 애니메이션을 위한 GSAP 가이드 Part.01

범쌤

GSAP을 통해 인터랙티브 웹 개발에 한 단계 다가갈 수 있으며, 애니메이션을 보는 관점이 달라질 겁니다.

초급

gsap, 인터랙티브 웹, JavaScript

웹 애니메이션을 위한 GSAP 가이드 Part.01

범쌤

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!

웹 애니메이션을 위한 GSAP 가이드 Part.02

범쌤

“GSAP 이런 것까지 가능했어?” 애니메이션이 복잡하고 어렵다는 기존의 고정관념을 깨드립니다.

초급

gsap, 인터랙티브 웹, JavaScript

웹 애니메이션을 위한 GSAP 가이드 Part.02

범쌤

웹 애니메이션을 위한 GSAP 가이드 Part.01

범쌤

GSAP을 통해 인터랙티브 웹 개발에 한 단계 다가갈 수 있으며, 애니메이션을 보는 관점이 달라질 겁니다.

초급

gsap, 인터랙티브 웹, JavaScript

웹 애니메이션을 위한 GSAP 가이드 Part.01

범쌤

당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스

webstoryboy

다양한 웹 사이트에서 Parallax ScrollTrigger를 사용하여 멋진 효과를 구현하고 있습니다. 우리도 이 라이브러리를 사용하여 창의적이고 인상적인 웹 페이지를 만들어 봅시다.

초급

gsap, parallax, scrolltrigger

당신의 창의적인 웹을 만들어보세요: Parallax ScrollTrigger 마스터 클래스

webstoryboy

디자이너의 스킬업을 위한 Lottie 완벽 이해하기

디자인베이스

더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.

초급

Lottie, 웹 디자인, JavaScript

디자이너의 스킬업을 위한 Lottie 완벽 이해하기

디자인베이스

쌩초보도 4시간 안에 마스터하는 자바스크립트 기초

Code with Dan

자바스크립트의 기본기를 제대로 배우길 원하는 입문자, 비전공자를 위한 강의 입니다. 이 강의는 (1) 최대한 짧은 시간에 (2) 다양한 비유로 자바스크립트의 개념을 이해하는 것부터 (3) 실전 자바스크립트 코드를 작성을 통해 자바스크립트 언어에 익숙해지는 것 까지 포괄적으로 다룹니다.

입문

JavaScript

쌩초보도 4시간 안에 마스터하는 자바스크립트 기초

Code with Dan

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.3

유용한IT학습

자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

중급이상

JavaScript, ES6

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.3

유용한IT학습

Javascript ES6+ 제대로 알아보기 - 중급

정재남

ES6+ 제대로 알아보기 강좌는 Javascript의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 살펴봅니다.

중급이상

JavaScript, ES6

Javascript ES6+ 제대로 알아보기 - 중급

정재남

순수 html/css/js만을 활용한 반응형웹 제작[실전편] 부트캠프

영코디 킴쌤

부트스트랩(BOOTSTRAP)을 사용하지 않고 순수하게 html/css/js 만을 활용하여 디바이스별로 다양한 레이아웃을 구현할 수 있는 반응형 웹페이지 만들기[2024년 최신판] 수업의 실전 제작수업입니다.

초급

HTML/CSS, 반응형 웹, 인터랙티브 웹

순수 html/css/js만을 활용한 반응형웹 제작[실전편] 부트캠프

영코디 킴쌤

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

초급

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

초급

MongoDB, REST API, Node.js

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

시험 전에 꼭 봐야 할 웹디자인기능사 공개 문제 (2020) Part.1

유용한IT학습

웹디자인기능사 실기를 준비하기 위한 기초 내용을 공개 문제를 통해 학습하는 강의입니다. 실무에서 웹 코딩을 활용하고자 하는 웹디자이너에게도 유익한 강의에요.

초급

HTML/CSS, JavaScript

시험 전에 꼭 봐야 할 웹디자인기능사 공개 문제 (2020) Part.1

유용한IT학습

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

JavaScript, React, Node.js

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

초급

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

입문

HTML/CSS, JavaScript, Node.js

조코딩의 코딩 기초와 웹 풀스택 개발

조코딩

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

입문

HTML/CSS, JavaScript, ES6

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

잔재미코딩 DaveLee

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

입문

JavaScript, React, Node.js

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

정현우

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

Node.js+자바스크립트+익스프레스+몽고DB로 서버의 핵심을 향해 한눈팔지 않고 달린다!

초급

Node.js, JavaScript, Express

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

초급

Python, Django, Bootstrap

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

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

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

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

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

Hoạt ảnh cuộn GSAP? Tôi sẽ làm sao để bạn có thể nói rằng, "Chẳng có gì đặc biệt cả!"

Chú ý, những người này!

Tôi sẽ giải quyết vấn đề của bạn.

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

Hỏi & Đáp 💬

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

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

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

Hoạt ảnh cuộn GSAP?
Tôi sẽ làm sao để bạn có thể nói rằng, "Chẳng có gì đặc biệt cả!"

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

Xin chào
Đây là