이야기로 배우는 CSS

HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. (반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식입니다. 현재로서는 기존 웹사이트가 기존 방식으로 제작된 레이아웃이 대부분이기 때문에 Flex와 Grid도 학습해야 하지만 기존 방식 레이아웃을 반드시 학습하시고 잘 사용해야 합니다.)

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

피그마의 오토 레이아웃, 그리드, 컨스트레인츠 기능을 제대로 활용해 반응형 디자인을 마스터하고 싶은가요? 이 강의에서는 작은 UI 요소부터 카드, 테이블, 컴포넌트, 웹과 앱 화면까지 반응형 디자인으로 만들어내는 실력을 단계별로 키워갑니다. 취업 준비와 실무에서 바로 써먹을 수 있는 피그마 활용법을 익히고, 다양한 디바이스에 최적화된 반응형 인터페이스 디자인 능력을 마스터해보세요!

피그마 입문: 기초부터 웹사이트 디자인까지 | 피그마 기초, 디자인시스템을 배우실 수 있어요 전세계 가장 많은 사람들이 사용하는 협업 툴 피그마를 배워보세요

HTML+CSS+JS 실전 포트폴리오(시즌3)는 퍼블리싱 실전 예제를 제작하는 과정입니다. 다양한 실전 예제 제작을 통해서 퍼블리싱 실력을 중상급으로 성장할 수 있습니다. 34시간 이상의 충분한 강의 시간과 다양한 종류의 실전 제작 과정이므로 제작 노하우와 응용 방법을 충분히 익힐 수 있습니다.

웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다! 모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요. Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다. 이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우를 나눠드리겠습니다. 함께 시작해볼까요?

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

애플 웹사이트에 자주 등장하는 고급 인터랙션 효과들을 처음부터 직접 개발하는 방법을 배울 수 있습니다.

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

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

디자인은 어렵고, 피그마는 복잡해 보였다면? 이제는 비디자이너도 직접 화면을 만들 수 있는 시대! 도형·텍스트·마스크 같은 기본 기능부터 배경 제거, AI 이미지 생성, UI 자동 제작까지 피그마 AI 기능을 실무 흐름 안에서 자연스럽게 활용하는 방법을 배웁니다. 상세페이지 제작부터 쇼핑몰 UI 화면 구성까지, 디자이너 도움 없이도 결과물을 완성할 수 있는 실전형 피그마 활용법을 경험해보세요. Point 1. 피그마의 핵심 기능만 익혀도 직접 화면을 만들 수 있다 - 프레임·도형·텍스트·마스크 등 꼭 필요한 드로잉 기능만 실습 중심으로 학습 - 상세페이지 전 섹션을 처음부터 끝까지 직접 제작하며 결과물 완성 경험 Point 2. 피그마 AI를 활용해 작업 속도를 확 줄이자 - 배경 제거, 이미지 생성, 레이어 정리 등 AI 기능을 실무 흐름 안에서 자연스럽게 활용 - 단순 기능 소개가 아니라 실제 디자인 작업에 연결되는 활용법 중심 구성 Point 3. 쇼핑몰 UI까지 만드는 실무형 디자인 감각을 익히자 - 오토레이아웃·컴포넌트·Make Designs 기능으로 UI 화면 세트 제작 - 비디자이너도 혼자 화면을 설계하고 완성할 수 있는 실전 감각 학습

초보자도 무료로 세련되고 전문적인 웹사이트나 랜딩 페이지를 제작하고 싶은 분들을 위해. Canva를 사용해서 빠르게 매력적인 웹사이트를 만드는 방법을 배워보세요. 창업·부업 비즈니스용 LP나 프로필 페이지에도

부트스트랩(BOOTSTRAP)을 사용하지 않고 순수하게 html/css/js 만을 활용하여 디바이스별로 다양한 레이아웃을 구현할 수 있는 반응형 웹페이지 만들기[2024년 최신판] 수업의 실전 제작수업입니다.

글로벌 모션디자인 플랫폼 LottieFiles의 공식 첫 한글화 강의, 지금 인프런에서 단독으로 만나보세요. 강의를 다 수강하면 LottieFiles 공식 수료증을 받아보실 수 있어요.

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

html/css초보 입문자를 대상으로 기초를 탄탄하게 다지며, 물론 반응형 레이아웃 제작 실전을 배울 수 있습니다.