웹 사이트를 만들 줄 아는 인재가 되는 빠른 길
로드맵이란?
전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.
한 눈에 보는 로드맵
STEP 1
Goal
1 / 1
이 로드맵을 들어야 하는 이유
웹 사이트 구조 이해
웹 사이트의 기본 구조를 이해하고 웹 개발의 기초를 다질 수 있어요.
웹 사이트 개발 역량
HTML과 CSS의 핵심 개념에 대해 배우고, 상상하는 아이디어를 직접 웹 사이트로 구현할 수 있어요.
반응형 웹 만들기
PC, 스마트폰, 태블릿 등 다양한 기기에서 자유자재로 동작하는 반응형 웹을 만들 수 있어요.
이런 분들께 추천해요
웹 개발 입문자
웹 개발에 처음 입문하고자 하는 분
직접 만들래!
내 손으로 직접 웹 사이트를 만들어보고 싶은 분
웹 사이트?
웹 사이트가 어떻게 이루어져 있는지 궁금하신 분
만들긴 했는데..
웹 사이트를 예쁘게 꾸미지 못해서 고민이었던 분
이 로드맵에서는 이걸 만들어 볼 수 있어요
뉴스레터 구독 페이지
뉴스레터 구독 페이지를 만들어보며 웹퍼블리싱 필수 언어인 HTML, CSS의 기초를 다질 수 있어요.
미술관 사이트, 항공사 사이트, 회원가입 페이지 등
30여개의 다양한 웹 퍼블리싱 실습을 진행합니다. 링크, 텍스트, 테이블, 폼 등 HTML의 핵심 내용과 박스 모델, 디스플레이, 선택자 등 CSS와 관련된 여러 가지 핵심 개념을 배우고 실습합니다.
블루투스 스피커 상세페이지
PC, 태블릿, 모바일 등 어떤 기기에도 대응할 수 있는 퀄리티 높은 반응형 웹을 만드는 방법을 알아봅니다.
코드잇 뮤직
여러 정보를 담은 음악 스트리밍 사이트를 구현해봅니다. HTML/CSS의 핵심 개념 및 웹 퍼블리싱에서 필수적으로 숙지해야하는 Flexbox, Grid와 같은 CSS 레이아웃에 대한 내용까지도 완벽하게 익힐 수 있습니다.
MBTI별 좋아하는 컬러
HTML/CSS 개념을 복습하며, 새 컬러를 등록하거나, 기존 설문조사를 클릭하면 MBTI별로 좋아하는 컬러를 모아서 보는 기능을 구현합니다.
평균 만족도 4.9점의 생생한 후기
HTML/CSS 핵심 개념
HTML로 20년전 홈페이지를 만들었던 기억에 다시 수업을 들어 보았습니다. 과거의 HTML을 기본 틀로 CSS를 통해서 다양한 디자인 변화를 주는 부분이 신기했구, 재미있게 배웠습니다.
로드맵 따라가기