[Fantasy Pig's Feet] From design to coding

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.

Using svg, draw simple images and apply them to your site. If applied to a portfolio, it will become a standout page.

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

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.

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

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.

This is a practical course for creating a website (Hanwha Chemical/Solution) using HTML5 and CSS3. This is a practical course for creating a web page! Step by Step! To fully understand and utilize PC mode layout and responsive page creation. (Attached is the completed lecture file!)

AI Design Secrets to Create High-Quality Work Start Designing Right Away with Midjourney & Photoshop, Accessible to Everyone

This is a revised version of a lecture on how to use Bootstrap to create responsive web pages that change layout depending on the device.

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.

Learn TailwindCSS from the basics to practical use in one class! Learn everything from layout composition to responsive design and dark mode with two projects!

Learn why you should learn Photoshop and learn in detail about the various functions required for image editing, including menus, tools, panels, palettes, and filters.

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

This course covers everything from the emoticon design of Kim Young-sam, a lecturer who works as an emoticon artist for Kakao and Line, to the entire process of creating and proposing emoticons for KakaoTalk and Line and making a profit.

Let's learn sophisticated functions through Photoshop, which continuously adds new features.

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.

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~

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.

CSS is a designer's language that makes HTML look beautiful. I think CSS is like a brush stroke for those who produce digital content. In this lesson, I will teach you how to use a digital brush stroke.

We will create various pattern image effects that complete the scattered image pieces into one image using JavaScript and CSS and process them to appear randomly. I think that if you apply this lesson, you will be able to create your own unique effects!

Clone YoutubeMusic website with React, Next.JS 14, TailwindCss, RadixUI, Shadcn, and zustand. You can master the basics of web front-end with a focus on UI, starting from NextJS basics.!

This is how to use Photoshop, taught in [Photoshop Revolution Broadcast].

We provide theories and practices of webtoon production, including scenarios, storyboards, drawings, coloring, and concept design, so that anyone can easily create webtoons. We will teach you from start to finish easily based on practical experience. This is the second lecture following Part. 1.

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.