Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)

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.

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.

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~

Prepare faithfully for the web design technician practical exam. Solve problems in various ways.

This is a lecture that creates and implements the actual website main page by creating the 'Hotel Hyundai Lahan_Mokpo Branch' site. It is a practical lecture on web page creation that teaches the skills essential for the web, such as understanding HTML Markup and Layout creation, as well as Fixheader, Image Slider, MenuOpen Bar, and Scroll Animation creation, for those who have basic knowledge of HTML/CSS.

We have prepared a short and easy course for those preparing for the Web Design Technician practical exam. Even if it's not just for the exam, anyone interested in implementing a site that meets web standard formats is welcome.

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.

“GSAP is capable of this?” Breaks the stereotype that animation is complex and difficult.

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

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.

The process of creating a responsive website portfolio (App Official Landing) is through HTML+CSS+JQUERY publishing, and through the entire process of creating a responsive website, you will gain the basics of intermediate publishing skills and practical publishing know-how. In particular, you will gain confidence in creating your own portfolio website by experiencing the entire process of creating a website through sufficient explanations and practical work. You will learn how to use jQuery plugins that must be used, such as Scroll Reveal Animation and Slick Slider. The responsive production method is produced using the existing method of responsive layout production using float and position. However, there are also parts where Flex is used for certain elements.

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.

This is a lecture that creates and implements the actual website main page as an application course for the Dopda site production. It is a lecture that completes the web page production by modifying and supplementing each coding, adding Fixed header, Image Slider, Mobile navigation, Scroll Animation, and responsiveness, from the simple structure coding centered on the layout and animation of the Dopda site Basic Course that was opened as a free lecture! (You can see that the learning effect is greater if you take this lecture after listening to the Dopda-Basic Course.)

Real! Website Creation Step By Step! This is a process of creating the main page of Crewalamode (https://crewalamode.com/) as is. This is a process of creating and implementing the gorgeous interactive web contained in the site as is, and it teaches you the core practical know-how to easily and quickly create even complex layouts.

The third step of the planning-design-implementation process - creating a responsive web portfolio template

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!

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.

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

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.