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

Name: Web Design Development Technician [2025] Complete Practical Course (KakaoTalk Q&A Available)
Price: 39600 KRW

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

(5.0) 2 reviews

26 learners

dunopi

자격증

시험

HTML/CSS

jQuery

What you will learn!

html
css
Jquery
Web Design Craftsman Practical Exam Pass

18 out of 20 people passed in 2020

18 out of 19 people passed in 2021

14 out of 14 passed in 2022

15 out of 17 people passed in 2023

As of 2024, 8 out of 8 people passed

Our class's passing rate is over 90%, with a national passing rate of 60%.

The method is that the web design technician exam only requires you to create something that looks exactly like it is intended.

2024 Web Design Technician Practical HTML/CSS, jQuery

1) There isn't much you need to know to pass the exam.

You can create it with just 5 to 8 tags and 15 styles.
There are only 3 or 4 more that I would like to write out of greed, so if you add them all up, it is about the same number of consonants and vowels in Korean .

2) I also explained mistakes you should not make when taking the test.

Even if you can solve all the problems, you will fail because of the parts you shouldn't do.
Then you have to know what mistakes to avoid because you will have to wait another few months.

3) The scripts (Jquery) for slides, fades, notices, and galleries are prepared in three formats.

If the slide script is too difficult, you can also use html+css.
I have uploaded 3 different methods. You can choose the code that suits you and use it.

Recommended for
these people

Who is this course right for?

Web Design and Development Engineer Exam Candidates
Those who struggled with the book

Hello
This is

1,259

Learners

Reviews

Answers

5.0

Rating

Courses

웹디자인기능사 실기

전국 평균 합격률 60%에

우리반은 90% 합격중이지용~용용~

Curriculum

All

261 lectures ∙ (45hr 26min)

Course Materials:

Lecture resources

Section 1. 😄 Web Design Craftsman Exam Essentials

2 lectures ∙ (21min)

Section 2. Visual Studio Code: Folder Linking & Setup

2 lectures ∙ (28min)

3. Connect working folder to Visual Studio Code and prepare.
18:24
4. Useful features (plugins) to install, separate from tests.
09:49

Section 3. 😄 HTML Basic Practice

5 lectures ∙ (1hr 45min)

5. HTML and CSS: Just the Basics 1
21:34
6. Key to HTML + CSS creation.
30:04
7. html and css - Summary Table
33:55
8. Jquery Basics: The Essentials
19:55
9. HTML creation steps

Section 4. 😄 Only for those who've studied it before.

10 lectures ∙ (1hr 54min)

Section 5. 😲 A-1 type

9 lectures ∙ (1hr 45min)

Section 6. 😲 A-2 type

11 lectures ∙ (1hr 47min)

Section 7. 😲 A-3 Type

12 lectures ∙ (1hr 32min)

Section 8. 😲 A-4 type

11 lectures ∙ (1hr 17min)

Section 9. 😲 B-1 Type

10 lectures ∙ (1hr 28min)

Section 10. 😲 B-2 Type

5 lectures ∙ (46min)

Section 11. 😲 B-3 type

10 lectures ∙ (1hr 18min)

Section 12. 😲 B-4 Type

10 lectures ∙ (1hr 8min)

Section 13. 😲 C-1 Type

8 lectures ∙ (1hr 50min)

Section 14. 😲 C-2 Type

10 lectures ∙ (1hr 16min)

Section 15. 😲 C-3 type

10 lectures ∙ (1hr 6min)

Section 16. 😲 C-4 Type

10 lectures ∙ (1hr 18min)

Section 17. 😲 D-1 type

11 lectures ∙ (1hr 51min)

Section 18. 😲 D-2 Type

9 lectures ∙ (1hr 58min)

Section 19. 😲 D-3 Type

10 lectures ∙ (1hr 38min)

Section 20. 😲 D-4 Type

11 lectures ∙ (1hr 39min)

Section 21. 😲 E-1 Type

8 lectures ∙ (2hr 27min)

Section 22. 😲 E-2 Type

10 lectures ∙ (1hr 28min)

Section 23. 😲 E-3 Type

9 lectures ∙ (1hr 25min)

Section 24. 😲 E-4 type

9 lectures ∙ (2hr 5min)

Section 25. F-1 Type

11 lectures ∙ (1hr 53min)

Section 26. F-2 Type

10 lectures ∙ (1hr 24min)

Section 27. F-3 Type

10 lectures ∙ (1hr 34min)

Section 28. F-4 type

10 lectures ∙ (2hr 17min)

Section 29. How to slightly improve Web Design Craftsman practical scores

1 lectures ∙ (6min)

Section 30. Try HTML for practical use, not for exams.

7 lectures ∙ (2hr 26min)

Published:

Last updated:

Reviews

All

2 reviews

5.0

2 reviews

sy4562
Reviews 2
∙
Average Rating 5.0
5
72% enrolled
선생님 덕분에 합격 할 수 있었어요! 여러 기능사실기시험 강의가 있지만, 두노피선생님 강의가 가장 깔끔하다고 생각합니다. 미리 들어보시고, 왜 그렇게 말한것인지 아시게 될거에요! 두노피선생님~ '합격' 선물주셔서 감사합니다:)
- 두노피
  Instructor
  오앙~~~~~ ㅊㅋㅊㅋㅊㅋㅊㅋㅊㅋ 합격할줄 알았지만 이렇게 글도 남겨줘서 고맙습니다. 치킨데이가 되셨길~ ㅎㅎㅎ 다른 질문이 생겨도 물어보셔도 되요~~ ㅊㅋㅊㅋㅊㅋㅊㅋ
두노피
Reviews 6
∙
Average Rating 5.0
5
31% enrolled
디자인부터 HTML까지 20가지 유형을 모두 해봤습니다. 보시고 이해가 안되거나 어려운 부분이 있을땐 언제든 문의주세요 카톡이나 원격으로라도 설명해드릴게요 뽜이팅!
- sy4562
  카톡으로는 어떻게 질문 드려야 하나요?
- 두노피
  Instructor
  카톡 아이디는 coditown 입니다~

$30.80

dunopi's other courses

Check out other courses by the instructor!

Flex 빠른영상 - 2025 웹디자인개발기능사 (A3, B4, C1, D3, E4, F3)

두노피

이 강의를 통해 웹디자인개발기능사 A3, B4, C1, D3, E4, F3 문제를 display:flex로 풀이하는걸 배우실 수 있습니다. 작업 속도가 빠릅니다. 멈추면서 보아요

Basic

HTML/CSS, jQuery

Flex 빠른영상 - 2025 웹디자인개발기능사 (A3, B4, C1, D3, E4, F3)

두노피

html - SVG scroll animation 효과 - 특별한 포트폴리오를 위한 그림 15종 증정

두노피

svg를 이용하여 간단한 그림을 그리고 사이트에 적용시킵니다. 포트폴리오에 적용하면 돋보이는 페이지가 됩니다.

Basic

HTML/CSS, JavaScript

html - SVG scroll animation 효과 - 특별한 포트폴리오를 위한 그림 15종 증정

두노피

[환상의족발] 디자인부터 코딩까지

두노피

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

Basic

Photoshop, HTML/CSS, 클론코딩

[환상의족발] 디자인부터 코딩까지

두노피

귀멸의칼날 쇼핑몰 디자인

두노피

디자인과정의 영상입니다. 트랜드는 아니지만 재미로 볼만한 영상입니다.

Intermediate

Photoshop

귀멸의칼날 쇼핑몰 디자인

두노피

웹디자인 기능사 실기 (디자인편)

두노피

웹디자인 기능사 (디자인) 하는 수업입니다. 몇번 해보면 어렵지 않게 따라할 수 있을거에요 단, 포토샵을 할 줄 알아야 합니다.

Basic

Photoshop

웹디자인 기능사 실기 (디자인편)

두노피

웹디자인기능사 실기 B-3 유형 html+css

두노피

자격증 시험이 아니더라도 연습하기 좋은 예제입니다. 웹디자인 기능사 실기 B-3 유형을 천천~~히 따라해보아요

Basic

HTML/CSS

웹디자인기능사 실기 B-3 유형 html+css

두노피

가볍게 실전 html (인터넷 업로드까지)

두노피

입문편에서 연습으로 만들어봤던 VD 사이트 메인페이지를 실전으로 만들어볼거에요~

Basic

HTML/CSS, upload-file

가볍게 실전 html (인터넷 업로드까지)

두노피

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

개념을 외우는게 아니라 실습을 통해 개념도 배우는 수업입니다. 다른곳에서 코드를 보면 울렁거리거나 토할것같은 분들도 오세요. 누구나 할 수 있습니다.

Beginner

HTML/CSS, 웹 디자인

바~로 실습! 개념몰라도 됨, HTML 시작

두노피

Similar courses

Explore other courses in the same field!

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

Beginner

HTML/CSS, jQuery, 웹 디자인

[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

코딩웍스(Coding Works)

가볍게 실전 html (인터넷 업로드까지)

두노피

입문편에서 연습으로 만들어봤던 VD 사이트 메인페이지를 실전으로 만들어볼거에요~

Basic

HTML/CSS, upload-file

가볍게 실전 html (인터넷 업로드까지)

두노피

웹디자인기능사 실기 문제풀이 A-1

Dongho Lee

웹 디자인 기능사 실기시험을 충실하게 준비합니다. 다양한 방법으로 문제를 해결합니다.

Basic

HTML/CSS, 웹 디자인

웹디자인기능사 실기 문제풀이 A-1

Dongho Lee

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

LIZ.B

웹디자인기능사 실기 시험을 준비하시는 분들에게 짧고 쉽게 배우는 강좌를 준비했습니다. 단지 시험 때문이 아니더라도, 웹표준 양식에 맞는 사이트 구현에 관심있으신 분이라면 환영합니다.

Basic

HTML/CSS, jQuery, 웹 디자인

쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기

LIZ.B

웹 애니메이션을 위한 GSAP 가이드 Part.01

범쌤

GSAP을 통해 인터랙티브 웹 개발에 한 단계 다가갈 수 있으며, 애니메이션을 보는 관점이 달라질 겁니다.

Basic

gsap, 인터랙티브 웹, JavaScript

웹 애니메이션을 위한 GSAP 가이드 Part.01

범쌤

[환상의족발] 디자인부터 코딩까지

두노피

맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

Basic

Photoshop, HTML/CSS, 클론코딩

[환상의족발] 디자인부터 코딩까지

두노피

웹디자인기능사 실기 B-3 유형 html+css

두노피

자격증 시험이 아니더라도 연습하기 좋은 예제입니다. 웹디자인 기능사 실기 B-3 유형을 천천~~히 따라해보아요

Basic

HTML/CSS

웹디자인기능사 실기 B-3 유형 html+css

두노피

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

깡코딩

단순히 특정 사이트를 따라 만드는 강의가 아니라 지식공유자가 공유하는 스크롤 인터렉션 노하우, 핵심요소를 기초부터 탄탄히 배워 애플 등 국내 기업에서 많이 사용하는 UI 스크롤 인터렉션의 다양한 기법들과 모션 등을 배우고 만들어 봅니다.

Basic

JavaScript, HTML/CSS, 인터랙티브 웹

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

깡코딩

[웹개발 입문] 혼자서도 개발하는 HTML과 CSS with 당근마켓

MJ코딩

필수적인 개념과 함께 HTML / CSS를 스스로 잘 활용하기 위한 강의에요.

Beginner

HTML/CSS

[웹개발 입문] 혼자서도 개발하는 HTML과 CSS with 당근마켓

MJ코딩

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

HTML&CSS, 자바스크립트를 배웠다면 이를 활용하여 직접 포트폴리오 사이트를 만들고 배포해 보세요. 실제로 써 보는 것은 우리의 실력을 향상시키는 데 큰 도움이 될 것입니다.

Beginner

HTML/CSS, JavaScript, github-pages

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편

짐코딩

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

Basic

포트폴리오, HTML/CSS, jQuery

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

코딩웍스(Coding Works)

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

Basic

HTML/CSS, jQuery, JavaScript

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

webstoryboy

Figma 디자인부터 퍼블리싱까지

Michael Kwon

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

Basic

Figma, HTML/CSS

Figma 디자인부터 퍼블리싱까지

Michael Kwon

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

취업을 위해 면접을 자주 봐야 합니다. 면접을 자주 보기 위해서는 괜찮은 퍼블리셔 개인 포트폴리오 홈페이지가 반드시 있어야 합니다. 코딩웍스가 심혈을 기울여 만든 괜찮은 개인 포트폴리오 홈페이지 제작 가이드 교재(PDF)입니다. 해당 교재는 인터넷에서 구글링 해서 구할 수 있는 내용이 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 개인 포트폴리오 홈페이지 제작 방법을 상세하게 담은 세상에 하나뿐인 퍼블리셔 취업 개인 포트폴리오 홈페이지 제작 가이드(PDF) 입니다.

Basic

포트폴리오, 웹 디자인, HTML/CSS

퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

코딩웍스(Coding Works)

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.

Beginner

HTML/CSS

퍼블리셔 취업 진짜 실전 가이드(PDF)

코딩웍스(Coding Works)

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

HTML과 CSS를 배워서 웹사이트 제작에 필요한 기본 지식을 배울 수 있습니다. 코딩을 처음 접할 때 두려움이 없도록 정말 알기 쉽게 설명한 강의입니다.

Beginner

HTML/CSS

입문자를 위한, HTML&CSS 웹 개발 입문

짐코딩

CSS 기본부터 활용까지

Egoing Lee

CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니다.

Basic

HTML/CSS

CSS 기본부터 활용까지

Egoing Lee

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

Basic

HTML/CSS, jQuery, XD

효과적인 모바일 UX 만들기 (디자인 + 코딩)

유용한IT학습

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

What you will learn!

★---- If a student still does not understand the lecture, I will provide 2-hour 1:1 tutoring.----★

18 out of 20 people passed in 2020

18 out of 19 people passed in 2021

14 out of 14 passed in 2022

15 out of 17 people passed in 2023

As of 2024, 8 out of 8 people passed

Our class's passing rate is over 90%, with a national passing rate of 60%.

The method is that the web design technician exam only requires you to create something that looks exactly like it is intended.

After taking the lecture, you can create results like this.

A-1 DESIGN - "JUST SHOPPING MALL"

A-2 DESIGN - "GREEN Welfare Foundation"

A-3 DESIGN - "Gangwon Astronomical Observatory"

A-4 DESIGN - "Eugene Construction"

B-1 DESIGN - "Daehan Bank"

B-2 DESIGN - "Daehan Tour Company"

B-3 DESIGN - "Artworks of the World"

B-4 DESIGN - "Industrial University"

C-1 DESIGN - "Haeundae Light Festival"

C-2 DESIGN - "Buyeo Autumn Lotus Festival"

C-3 DESIGN - "Namdo Taste Festival"

C-4 DESIGN - "VALLERY FESTIVAL"

Learning Contents

Things to note before taking the class

Practice environment

Learning Materials

Player Knowledge and Notes

Recommended for
these people

Hello
This is

Curriculum

Reviews

dunopi's other courses

Similar courses

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

What you will learn!

★---- If a student still does not understand the lecture, I will provide 2-hour 1:1 tutoring.----★

18 out of 20 people passed in 2020

18 out of 19 people passed in 2021

14 out of 14 passed in 2022

15 out of 17 people passed in 2023

As of 2024, 8 out of 8 people passed

Our class's passing rate is over 90%, with a national passing rate of 60%.

The method is that the web design technician exam only requires you to create something that looks exactly like it is intended.

After taking the lecture, you can create results like this.

A-1 DESIGN - "JUST SHOPPING MALL"

A-2 DESIGN - "GREEN Welfare Foundation"

A-3 DESIGN - "Gangwon Astronomical Observatory"

A-4 DESIGN - "Eugene Construction"

B-1 DESIGN - "Daehan Bank"

B-2 DESIGN - "Daehan Tour Company"

B-3 DESIGN - "Artworks of the World"

B-4 DESIGN - "Industrial University"

C-1 DESIGN - "Haeundae Light Festival"

C-2 DESIGN - "Buyeo Autumn Lotus Festival"

C-3 DESIGN - "Namdo Taste Festival"

C-4 DESIGN - "VALLERY FESTIVAL"

Learning Contents

Things to note before taking the class

Practice environment

Learning Materials

Player Knowledge and Notes

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

dunopi's other courses

Similar courses

Recommended for
these people

Hello
This is