이야기로 배우는 CSS

생성형 AI 시대, 누구나 사용할 수는 있지만 잘 쓰는 사람은 다릅니다. GPT, Gemini, Claude를 처음 접하는 분들을 위해 실제로 입력하며 배우는 100가지 실습 프롬프트로 AI의 세계를 완전히 이해하게 됩니다.

HTML을 단순히 태그 나열로 가르치는 대신, 캐릭터의 여정을 따라가며 자연스럽게 배우는 스토리텔링 강의입니다.

HTML과 CSS로 아름답게 완성한 카페 홈페이지에 JavaScript로 인터랙티브한 기능을 추가하는 실전 프로젝트 강의입니다. 버튼 클릭, 메뉴 필터링, 예약 폼, 다크모드 토글부터 API 연동까지 JavaScript의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 5시간의 학습으로 초보자도 동적인 웹 애플리케이션을 만들 수 있습니다.

AI와 자동화 도구를 활용해 나만의 전자책을 효율적으로 제작하는 완전한 워크플로우를 배웁니다. Marp를 활용한 슬라이드 제작부터 Pandoc으로 PDF/EPUB 변환, MySQL 데이터베이스 관리, 커버 디자인, 출판 준비까지 실무에서 바로 적용할 수 있는 체계적인 제작 과정을 단계별로 안내합니다.

스타일 파운데이션은 색상, 간격, 폰트 등 디자인의 기본을 체계화해 작업 시간을 줄이고 결과물의 완성도를 높입니다. UI가 정돈되지 않아 고민하거나 협업에서 일관성을 잃고 있다면, 이 강의를 들어보세요. 초보 디자이너도 실무에 바로 활용할 수 있는 기초와 체계를 배울 수 있습니다.

현재, 그리고 미래의 표준이 될 CSS 레이아웃 작성 방식인 Flex와 Grid에 대해 배울 수 있습니다.

피그마를 다룰 줄 알지만, 컴포넌트에 대한 활용이 다소 익숙하지 않은 경우 이 강의가 도움되리라 생각합니다.

카페 24에 올라온 베스트 쇼핑몰 디자인을 직접 클론코딩해보며 빠르게 HTML과 CSS를 학습할 수 있습니다. HTML + CSS에 대한 기본적인 이론을 학습하고 직접 클론코딩을 통해 쇼핑몰 디자인을 완성하여 이론에서 배웠던 내용을 적용하고 견고하게 HTML과 CSS의 틀을 잡을 수 있게 강의를 구성했습니다

Figma라는 새로운 디자인 툴에 대해 아직 고민하고 계신가요? 쉽고 빠르게 하나씩 따라 하다 보면 어느새 나도 피그마 전문가!

[Tailwind CSS로 만드는 멋진 웹 UI 스타일링] 강의는 현재 가장 핫한 프레임워크인 Tailwind CSS v3.4.1을 이론부터 실전 반응형 웹사이트까지 19시간 충실하게 다루고 있습니다. 수업 시간이 길다고 좋은 강의는 아닙니다. 하지만 해당 강의는 시간도 긴 좋은 강의라고 자부합니다. 특히, Tailwind CSS 모든 이론을 8시간 30분 동안 상세하게 다루기 때문에 CSS 이론이 부족한 사람에게 CSS 이론을 충실히 학습할 수 있습니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

쉽게 만드는 반응형 웹 실무 포트폴리오! #설화수 포트폴리오

이 과정은 웹디자인 기능사 자격증 필기를 합격해야 하는 분을 대상으로 하는 과정입니다. 디자인 개론, 인터넷 일반, 웹 그래픽 디자인 과목중 첫번째로 "디자인 과목 기출 문제 풀이"과정입니다. 꼼꼼하게 이해하고 합격하는 것이 목표입니다.

초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

반응형 웹사이트 포트폴리오(App Official Landing) 제작 과정은 HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. 필수로 사용해야 하는 제이쿼리 플러그인으로 Scroll Reveal Animation과 Slick 슬라이더 사용법을 학습합니다. 반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식으로 제작합니다. 하지만 어느 특정 요소에서는 Flex를 사용하는 부분도 있습니다.

코딩웍스가 다년간의 강의 노하우를 집대성한 자체제작 HTML+CSS+FLEX+JQUERY 퍼블리싱 핵심 이론서 교재. 불필요한 내용없이 딱! 필요한 핵심 내용만 정리된 최고의 퍼블리싱 이론교재. 퍼블리싱 입문을 위한 핵심 이론서 PDF 교재와 예제파일 다운로드 컨텐츠입니다.

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

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

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