
Figma UI3 Basics + Practical Skills Solid Ultra-Fast Completion Course
jyoung
It is structured so that you can systematically, easily, and quickly complete the course from basics to practical application using Figma UI3.
Beginner
Figma, ui
[Website Creation Step By Step] This is a 3-step lecture, and it is a process of creating the main page of Daebang Industry as it is. It is a lecture that is as difficult as it is fancy, as it is a process of creating and implementing the gorgeous interactive web contained in the site.
237 learners
Level Basic
Course period Unlimited
Reviews from Early Learners
5.0
LHooOoo
I'm a first year middle school student learning front-end development on my own, and since there aren't many good free lectures, I quickly finished them and looked for paid lectures. I started with the Daebang Industrial Development site because it looked cool, but it was fun to learn from because it explained things in detail and even touched on parts that I couldn't learn well from the free lectures :) It was a really fun lecture, and I think middle school students would be able to complete it if they work hard! I really liked how J. Young kindly responded to my requests for schoolwork and consistently answered my questions!
5.0
김혜경
I took all of Instructor J. Young's lectures and completed them^^ This Daebang Industry website is a gorgeous interactive web that can be implemented as is, so I followed along more enjoyably than other lectures. More than anything, with the various jQuery animations I learned here, I'm burning with the will to level up my portfolio site!! Next time, if you open a lecture focused on mobile app creation, I think it would be very helpful. I ask for a lot of good lectures from J. Young to the many people who are having a hard time learning on their own online due to COVID-19. Thank you.
5.0
baam baam
It was a very informative lecture. Thank you!!
GNB jQuery showing 2depth on mouse over
FixHeader jQuery that changes design when scrolling
Text Animation jQuery (Splitting.js) Utilization and Application
Scroll event animation jQuery (scrolla.js) usage and application
Image slide with animation jQuery (slick.js) usage and application
This course covers the three-step process of website creation, replicating the main page of Daebang Industries (https://www.db-dvp.co.kr/). This course will teach you how to create and implement the vibrant interactive web experience found on the site.
Step By Step!
Get started right now.
This course is designed for those with basic knowledge of HTML and CSS, and will proceed by implementing actual web pages . Even without advanced JavaScript and jQuery knowledge, you can quickly create beautiful, vibrant web pages using HTML and CSS- based libraries and plugins . By taking this course, which features essential interactive elements for practical work, you'll gain three benefits: practical expandability, guaranteed skill improvement, and portfolio completion .
- GNB jQuery that shows 2 depths when the mouse hovers
- Create a submenu bar that slides smoothly when the mouse hovers over the GNB menu bar.
- Various mouse over effects using virtual selectors (before, after)
- Header jQuery that changes design when scrolling and is fixed at the top
- Text animation created using Splitting.js
- Creating slide images using Slick .js
- Create slide 'prev', 'next' buttons
- Creating a slide indicator
- Gauge bar animation
-Image segmentation animation
- Slide animation that doesn't show two at a time with Scrolla.js
- Creating a dot button with CSS
- jQuery that smoothly moves to the desired location when the scroll button is clicked
- Various mouse over effects (underline effect, border effect, image scale effect) using virtual selectors (before, after)
- Scroll animation jQuery (scrolla.js)
- Import YouTube videos
- Apply gradient color
- Apply motion animation
After the lecture is over
What you get :D
When creating a web page, creating an accurate layout based on HTML and CSS is paramount . Even if you have a basic understanding of HTML and CSS but no sense of layout design , if you diligently follow this lecture, which thoroughly covers the basics , you will soon feel that you have a solid foundation in layout creation !
To increase your work productivity, you need to be able to quickly create interactive websites using libraries and plugins. This course will cover everything from webpage layout creation to responsive page creation. You'll also learn practical skills like scripts, plugins, and animations to create webpages. By consistently practicing while attending the lectures, you'll find yourself improving your work skills in no time!
A high-quality portfolio is one of the most effective tools for demonstrating your professional capabilities and seizing new opportunities. By attending lectures and practicing, you'll build your own portfolio. By consistently implementing web pages in subsequent website creation workshops, in addition to this lecture, you'll be able to build a portfolio that will become your most valuable weapon in your job search.
4. Open chat room operation
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
html, css, html/css, website, website, coding, jquery, jQuery, layout, interactive web, web design, portfolio, publishing
Who is this course right for?
1. People who have basic HTML/CSS knowledge but are afraid of creating web pages.
2. Those who want to quickly create a portfolio for employment as a web designer or publisher
3. Those who want to learn the JQuery source code required on the web
4. Those who want to easily implement interactive web required in practice without basic JavaScript knowledge
5. Those who are currently graphic designers and want to transition to a front-end developer or publisher
6. As a web designer, you want to improve your work skills.
7. Those who want to quickly implement an interactive web that takes scalability into account
Need to know before starting?
HTML/CSS
Career Verified
10,792
Learners
469
Reviews
247
Answers
4.8
Rating
15
Courses
Hello.
I have over 20 years of practical experience in web and app service planning, design, and development,
and I am currently working as an instructor for UI/UX web planning, design, and front-end bootcamps.
Based on my practical experience, I have helped over 500 students find employment in the design and IT fields, and I am currently focusing on teaching practical skills and new portfolio creation methods suited for the AI era.
Instead of simply learning how to use tools, I help you build capabilities that can be applied immediately in the field by experiencing the same process as actual work, from planning to design, development, and deployment.
We focus on learning AI utilization skills, problem-solving abilities, and collaboration skills required in the rapidly changing job market.
We focus on creating projects and portfolios that can capture the interest of interviewers.
Now, you need the
capabilities of a Fullstack Creator who can plan, design, implement, and deploy.
You will gain basic proficiency in design tools and create actual services using Claude, Codex, and Figma,
experiencing how to produce results alongside AI.
- If you are feeling lost on where to start,
- If you want to increase the competitiveness of your portfolio,
- If you want to grow faster by utilizing AI, I will be your reliable guide.
I will be with you until the moment your results are complete.
Professional Experience
2017~Present | Digital Product Director & UX Consultant
2015~2017 | Executive Director, EliEsel Inc.
2003~2015 | Executive Director, Amusingware Inc.
2003 | Head of Design, Seowoo C&D
Lecturing Experience
Employment Portfolio Creation and Project Mentoring
Corporate lectures and practical competency enhancement training
Practical lectures for universities, corporations, and educational institutions
Design · Development Portfolio Consulting and Group Mentoring
Team coaching and portfolio guidance based on practical projects
Practical training for corporate employees and job seekers
AI-based UI/UX · Frontend Practical Education and Consulting
- Current) Full-time Instructor for UIUX Planning · Design · Frontend Bootcamp (EZEN DX Academy - Gangnam Branch)
- Specialized Lectures on Design/Development Portfolios and Team Group Lectures
* YouTube Channel in Operation (Coding Designer)
Open Chatroom Operation
For smoother learning, if you join the Jalnan Web-D open chat room operated by J.young,
I will provide answers to lecture questions and feedback on your portfolio.
- Open Chat Room Name: Jalnan Web-D
- Code: jyoung
All
29 lectures ∙ (4hr 50min)
Course Materials:
All
13 reviews
5.0
13 reviews
Reviews 4
∙
Average Rating 5.0
Reviews 1
∙
Average Rating 5.0
5
Good!
Rulebulnim Thank you for the short and simple but powerful class review. Have a nice day today^^
Reviews 1
∙
Average Rating 5.0
5
I'm a first year middle school student learning front-end development on my own, and since there aren't many good free lectures, I quickly finished them and looked for paid lectures. I started with the Daebang Industrial Development site because it looked cool, but it was fun to learn from because it explained things in detail and even touched on parts that I couldn't learn well from the free lectures :) It was a really fun lecture, and I think middle school students would be able to complete it if they work hard! I really liked how J. Young kindly responded to my requests for schoolwork and consistently answered my questions!
Lim Hyun-woo ~~ I applaud you^^ Your parents must be very strong.... If it's Daebang Industry...even adults can have a hard time, but you've done it so enjoyably and it's really, really great~~ In a word, it's awesome!!! I'm grateful~~~ If you have any questions while studying, please leave a comment anytime....and I'll cheer you on^^ Have a fun afternoon today and a happy weekend^^ J.young Dream^^
Reviews 4
∙
Average Rating 4.8
5
I took all of Instructor J. Young's lectures and completed them^^ This Daebang Industry website is a gorgeous interactive web that can be implemented as is, so I followed along more enjoyably than other lectures. More than anything, with the various jQuery animations I learned here, I'm burning with the will to level up my portfolio site!! Next time, if you open a lecture focused on mobile app creation, I think it would be very helpful. I ask for a lot of good lectures from J. Young to the many people who are having a hard time learning on their own online due to COVID-19. Thank you.
Kate~ Thank you for your class review. I am deeply grateful that you have taken all of my classes.. I will always do my best to come back with better classes. The next class was interrupted during filming because I am moving, but I will come back as soon as it is organized. I plan to prepare a mobile app design class as well^^ Have a nice evening^^
Hello~~ Kate, I posted a notice about the class review event~~^^ Please check it out
Check out other courses by the instructor!
Explore other courses in the same field!