
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
[Website Creation Step By Step] This is a beginner-level course that will walk you through the creation of the main page of the Korea Consumer Era webzine (currently renewed).
656 learners
Level Basic
Course period Unlimited
Creating web page layouts
CSS Animation Production
Hover effect
Transform effect
Transition effect
How to use virtual content
How to use developer tools
I know the basic HTML and CSS tags...
Are you afraid of creating layouts??
Step By Step!
Get started right now.
You can learn everything from the basics of HTML/CSS to its use in creating web pages.
We help you create dynamic elements using CSS Animation, Transform, and Transform.

For a smoother learning experience, join the Jalnan Webdi open chat room run by J.young.
We'll share some great tips and free webinar links related to Figma, UI/UX, coding, and portfolio creation.
- Open chat room name: Jalnan Webdi
- Code: jyoung
After listening to all the lectures,
Try the next level!
Real-World Website Development Step-By-Step Series
h tml, css, html/css, website, website, coding, layout, interactive web, web design, portfolio, publishing
Who is this course right for?
People who have basic knowledge of HTML/CSS but have never created a layout
For those who find layout creation difficult and overwhelming
For those who want to solidify the basics of layout creation
Anyone who wants to know how to create CSS Animations
For those who want to know about transform and transition effects
For those who want to learn how to use developer tools
Anyone who would like to add a web portfolio work
Need to know before starting?
html/css basics
8,833
Learners
354
Reviews
227
Answers
4.8
Rating
14
Courses
안녕하세요? 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
All
7 lectures ∙ (1hr 59min)
Course Materials:
All
32 reviews
4.9
32 reviews
Reviews 8
∙
Average Rating 5.0
5
I'm so happy that I can take such great lectures for free! I've always been confused about how to set up layouts, so thank you! I'm also watching the lectures you upload on YouTube!! It would be great if you uploaded responsive lectures on YouTube too. Thank you~~~
Thank you, janey23. I'm glad that it helped you with your layout design. I'm currently preparing another course, so please continue to show interest.. Please subscribe and like the Jalnanwebdi YouTube channel. Thank you^^ Have a happy afternoon^^ J.youngdream
Reviews 7
∙
Average Rating 5.0
5
Thank you for uploading the lecture for free!!! I had some difficulties studying on my ownㅜㅜ I got the feel of it as I followed along while listening to the lecture, and I was at a loss when I looked it up on my own, but I am so grateful that I can learn in such detail...!!!!>< I will finish the other lectures and properly study coding on my own
headong2 It's really great that you're studying on your own. I'll actively help you so that you can study more smoothly than when you were studying on your own. Please pay a lot of attention to Jalnanwebdi. Thank you^^ J.young Dream
Reviews 8
∙
Average Rating 5.0
5
I'm a backend developer, but I was about to start studying publishing and frontend, and you're explaining it in such detail. Thank you.
Thank you, gmdwns6297, for the high praise. I'm glad it was helpful for your publishing. I'll continue to create great lectures. Thank you. J. Young Dream
Reviews 9
∙
Average Rating 5.0
Limited time deal ends in 3 days
$178,923.00
25%
$8.80
Check out other courses by the instructor!
Explore other courses in the same field!