html - SVG scroll animation effects - 15 drawings presented for special portfolios

Through this course, you can learn to solve Web Design Development Technician problems A3, B4, C1, D3, E4, F3 using display:flex. The work speed is fast. Please pause and watch.

Our class's pass rate: 90%! (National: 60%) Possible by grasping exam requirements. Don't buy practical books. Too hard.

It's delicious pig's feet~ Pig's feet are no joke these days...gulp

This is a video of the design process. It's not a trend, but it's a fun video to watch.

This is a class for web design specialists (designers). If you try it a few times, you will be able to follow along without difficulty. However, you must know how to use Photoshop.

This is a good example to practice even if it is not a certification exam. Let's slowly follow the B-3 type of web design technician practice.

I'm going to make the main page of the VD site that I made for practice in the introductory course into a real one~

This is a class where you learn concepts through practice, not memorizing concepts. Come even if you feel like vomiting or shaking when you see code in other places. Anyone can do it.

Through this course, you can learn to solve Web Design Development Technician problems A3, B4, C1, D3, E4, F3 using display:flex. The work speed is fast. Please pause and watch.

I'm going to make the main page of the VD site that I made for practice in the introductory course into a real one~

To create a webpage, you need to be able to build individual components piece by piece. Let's create UI components using pure coding. Recommended for those who know how to use HTML, CSS, and JavaScript.

Vanilla Javascript + fullPage.js + SVG Animation Interactive Web Portfolio! Essential Course for Employment and Career Change!

Rather than simply following a specific site, you will learn the scroll interaction know-how and key elements shared by knowledge sharers from the ground up, and learn and create various techniques and motions of UI scroll interactions widely used by domestic companies such as Apple.

Writing Smart CSS! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)

You need to take interviews frequently to get a job. To take interviews frequently, you must have a good personal portfolio website. This is a good personal portfolio website creation guide textbook (PDF) that Coding Works has made with great care. This textbook is not something you can find by Googling on the Internet. This is a one-of-a-kind publisher employment personal portfolio website creation guide (PDF) that Coding Works has created after teaching publishing theory, practice, and personal portfolio website creation to over 300 students in the field for several years and including detailed methods for creating personal portfolio websites so that students can get jobs at their desired companies quickly.

A real guide to becoming a publisher (PDF) This e-book provides detailed information on how to learn publishing efficiently, how to choose a good publishing course and a good publishing instructor, how to publish like a veteran even if you are a beginner, desirable coding habits and principles, how to create a personal portfolio website, how to collaborate with designers and developers, essential sites that publishers should know, and how to improve Photoshop UI design skills. It also provides detailed information on the government-funded publisher course.

For over 15 years, Young Coder Kim, a star coding instructor, has dedicated himself to coding education, teaching everyone from elementary school students to high school students in IT software departments, university students in computer science, and non-major job seekers. Now, you can experience his easy and fun coding lectures not only offline but also online. With Young Coder Kim, who has trained over 500 front-end, back-end, and full-stack developers, your dream of becoming a developer will soon become a reality!

Have you seen a lecture that only collects CSS? In this lecture, you will implement everything from the most basic layout composition to responsiveness while working on a total of two projects! Now, if you are ready, let's get started.

Coding Works has put its heart and soul into creating this course based on its experience of mentoring over 200 offline academy students on their new publisher job portfolios. The course on creating a publisher ‘personal portfolio website’ that will get you interviews and jobs is a thorough guide that tells you how and where to start preparing your personal portfolio website, which is essential for getting a job as a publisher. The course contains over 19 hours of content. It covers all the essential publishing requirements before creating a personal portfolio website, the publishing basics that are most important for getting a job and working in the field, jQuery and JavaScript & coding missions for getting a job, how to create portfolio results to put on your personal portfolio website, content layouts and details for each section of your personal portfolio website, how to distinguish companies to apply to, and tips for real publisher interviews.

It's delicious pig's feet~ Pig's feet are no joke these days...gulp

All-in-one course for designers and developers! New UI3 included

Our class's pass rate: 90%! (National: 60%) Possible by grasping exam requirements. Don't buy practical books. Too hard.

You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.

This is a good example to practice even if it is not a certification exam. Let's slowly follow the B-3 type of web design technician practice.

This is a specialized practical exam course optimized for the Web Design Development Craftsman (formerly Web Design Craftsman) practical exam content, precisely aligned with the examination standards implemented from 2025.1.1 to 2027.12.31. The Codingworks Web Design Development Craftsman practical exam course, covering HTML+CSS+JQUERY publishing, is different. All instructional videos for perfectly creating all 2026 Web Design Development Craftsman exam types (A, B, C, D, E, F types) are included.

We have created this so that anyone can pass the 2023 version of the Web Design Function Exam Criteria. Let's learn the 5 types and pass quickly!