
Creating a portfolio using GSAP's ScrollTrigger
jyoung
Let's create an interactive, responsive web portfolio that reacts to scrolling using GSAP's ScrollTrigger!
Basic
HTML/CSS, scrolltrigger, gsap
Đây là khóa học ứng dụng sản xuất trang web hướng dẫn bạn cách tạo và triển khai trang chính của trang web thực tế. Một trang web được hoàn thiện bằng cách sửa đổi và cải thiện từng mã hóa bằng cách thêm Tiêu đề cố định, Thanh trượt hình ảnh, Điều hướng trên thiết bị di động, Hoạt ảnh cuộn, khả năng phản hồi, v.v. vào cấu trúc mã hóa đơn giản tập trung vào bố cục và hoạt ảnh của Khóa học cơ bản, một trang web được mở dưới dạng bài giảng miễn phí. Đây là một bài giảng. (Đối với khóa học này, bạn phải tham gia Khóa học Trợ giúp Cơ bản để thấy được hiệu quả học tập lớn nhất.)
152 học viên
FixHeader jQuery thay đổi thiết kế khi cuộn
Hoạt hình sự kiện cuộn Cách sử dụng và ứng dụng jQuery (scrolla.js)
Sử dụng và ứng dụng jQuery (slick.js) cho slide ảnh có hiệu ứng động
Tạo thanh điều hướng GNB xuất hiện khi nhấp vào nút Mở
Bây giờ bạn đã hiểu về cách tạo bố cục và hoạt ảnh, chúng ta hãy chuyển sang triển khai một số thành phần hoạt động hơn.
Bạn có thể tìm hiểu mọi thứ bạn cần biết về jQuery, từ những kiến thức cơ bản đến cách sử dụng trong việc tạo trang web và chúng tôi sẽ giúp bạn tạo ra những trang web tuyệt đẹp, đầy màu sắc trong thời gian ngắn bằng cách sử dụng các thư viện và plugin.
Bạn có thể có được cả kỹ năng làm việc và kiến thức thực tế cốt lõi thông qua các bài giảng trên trang web bao gồm các yếu tố tương tác cần thiết cho công việc thực tế.
Vấn đề thực sự nằm ở tốc độ và khả năng mở rộng.
Chỉ những người có thể hoàn thành nhanh chóng các dự án chất lượng cao trong khung thời gian nhất định mới được công nhận và coi là nhà thiết kế và nhà xuất bản có tay nghề cao.
Hãy cùng tìm hiểu cách tạo nhanh một trang web tuyệt đẹp bằng cách tạo Khóa học ứng dụng cùng với trang web trợ giúp!





Để có trải nghiệm học tập dễ dàng hơn, hãy tham gia phòng trò chuyện mở Jalnan Webdi do J.young điều hành.
Chúng tôi sẽ chia sẻ một số mẹo hữu ích và liên kết hội thảo trực tuyến miễn phí liên quan đến Figma, UI/UX, mã hóa và tạo danh mục đầu tư.
- Tên phòng chat mở: Jalnan Webdi
- Mã: jyoung
Khóa học này dành cho ai?
Những người có kiến thức cơ bản về HTML/CSS nhưng ngại tạo trang web
Bất kỳ ai muốn nhanh chóng tạo hồ sơ xin việc làm nhà thiết kế web hoặc nhà xuất bản
Ai muốn học mã nguồn jQuery cần thiết trên web
Bất kỳ ai muốn dễ dàng triển khai một trang web tương tác cần thiết trong thực tế mà không cần kiến thức cơ bản về JavaScript
Những người hiện đang là nhà thiết kế đồ họa và muốn chuyển sang làm nhà phát triển hoặc nhà xuất bản front-end
Bất cứ ai muốn cải thiện kỹ năng làm việc của mình với tư cách là một nhà thiết kế web
Bất kỳ ai muốn nhanh chóng triển khai một trang web tương tác có tính đến khả năng mở rộng
Cần biết trước khi bắt đầu?
Khái niệm cơ bản về HTML/CSS
Trong thực tế! Tạo trang web! Từng bước một! ('Trợ giúp' Tạo trang web_Khóa học cơ bản) Bạn có thể nghe bài giảng và sau đó tiếp tục tham gia khóa học.
8,777
Học viên
352
Đánh giá
227
Trả lời
4.8
Xếp hạng
14
Các khóa học
안녕하세요? J.young 임자영입니다.
20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.
디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!!
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.
그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.
-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터
어떻게 시작할지 막막하신 분들..
- 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 -
도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....
J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.
* 오픈채팅방운영
보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.
오픈채팅방명 : 잘난웹디
코드 : jyoung
실무경력
- 2017~현) 웹개발 Director
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- 2003년: 서우씨앤디 디자인실장
- 현) UIUX & 웹포트폴리오 강의 진행 중(실무 진출 90프로 이상)
감사합니다^^
운영중인유튜브
잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ
Tất cả
17 bài giảng ∙ (2giờ 54phút)
Tài liệu khóa học:
Tất cả
5 đánh giá
5.0
5 đánh giá
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
Jay Young!!!! I'm listening to all the lectures ㅋㅋㅋ I finished the free lectures on YouTube and wanted to try out the slides and responsiveness like the actual site, so thank you for the clean lecture!!! The editing is tight and clean, so I love that I can hear the content right away as if I was teaching in person!!! Please continue to provide many good lectures!!! Thank you1!!
janey23 Thank you for completing the course quickly this time as well. After reading janey23's course review... I feel greedy to upload the course more diligently with a good homepage. Thank you again... Have a good day today^^ J.young Dream
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Thank you for the good lecture.
Thank you jdho5678 for your class review. I will come back with a better class~~ It's raining a lot, but have a nice afternoon~~ J.young Dream
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
It was a really good lecture, from the basic lecture to the application lecture. It can be boring if it flows mainly with technology, but I think I definitely learned a lot because I made a homepage together.^^ It was great to learn the overall flow by covering not only html/css coding, but also maintenance(?) with Chrome developer mode. I hope there will be additional lectures on detailed parts (submenus, mobile submenus, etc.) Thank you for the great lecture.
Thank you, Seokmun. I'm so glad that it was helpful and good in many ways~~ I'm currently preparing a lecture...I'll prepare it so that you can learn more. Thank you^^
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Thank you for the great lecture~!
Thank you, Mr. Kim Eung-min, for the encouraging class review^^ We will come back with better lectures Thank you^^ J.young Dream
Đánh giá 7
∙
Đánh giá trung bình 5.0
478.081 ₫
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!