선착순 마감! 국비지원 받고 무료로 4주 완성
HTML/CSS로 웹사이트 만들기
토픽 6개
30,119명 수강
평균 1개월
수많은 강의와 자료에서 헤매지 않게
꼭 필요한 개념으로 핵심만 쏙쏙
5분 단위의 강의를 따라가다 보면
웹사이트 제작, 협업을 위한 지식 완성
실무 수준의 완성도를 가진 프로젝트로
나만의 웹사이트도 만들 수 있게!
로드맵 목표
500만이 이용하는 유튜브 뮤직,
어떻게 만들었을까?
유튜브 뮤직의 기능을 로드맵으로 A to Z까지
구현해 보고 실무 역량을 완성할 수 있어요.
추천 음악 보기
구독 플랜 선택하기
음악 플레이어 컨트롤하기
플레이리스트 만들기
로드맵 소개
유튜브 뮤직 뚝딱 만드는
인재가 되는 빠른 길
로드맵이란?
전문가가 만든 목표를 달성할 수 있는 가장 빠른 길이에요. 스텝을 하나하나 따라가다 보면 목표에 도달할 수 있어요.
로드맵
한눈에 보는 로드맵
STEP 1
Goal
1 / 1
로드맵의 매력
이 로드맵을 들어야 하는 이유
웹 사이트 구조 이해
웹 사이트의 기본 구조를 이해하고 웹 개발의 기초를 다질 수 있어요.
웹 사이트 개발 역량
HTML과 CSS의 핵심 개념에 대해 배우고, 상상하는 아이디어를 직접 웹 사이트로 구현할 수 있어요.
반응형 웹 만들기
PC, 스마트폰, 태블릿 등 다양한 기기에서 자유자재로 동작하는 반응형 웹을 만들 수 있어요.
추천 대상
이런 분들께 추천해요
웹 개발 입문자
웹 개발에 처음 입문하고자 하는 분
직접 만들래!
내 손으로 직접 웹 사이트를 만들어보고 싶은 분
웹 사이트?
웹 사이트가 어떻게 이루어져 있는지 궁금하신 분
만들긴 했는데..
웹 사이트를 예쁘게 꾸미지 못해서 고민이었던 분
다양한 실습 프로젝트
이런 것들도 만들 수 있어요
웹페이지 만들기
뉴스레터 구독 페이지
뉴스레터 구독 페이지를 만들어보며 웹퍼블리싱 필수 언어인 HTML, CSS의 기초를 다질 수 있어요.
웹페이지 만들기
미술관 사이트, 항공사 사이트, 회원가입 페이지 등
30여개의 다양한 웹 퍼블리싱 실습을 진행합니다. 링크, 텍스트, 테이블, 폼 등 HTML의 핵심 내용과 박스 모델, 디스플레이, 선택자 등 CSS와 관련된 여러 가지 핵심 개념을 배우고 실습합니다.
반응형 웹
블루투스 스피커 상세페이지
PC, 태블릿, 모바일 등 어떤 기기에도 대응할 수 있는 퀄리티 높은 반응형 웹을 만드는 방법을 알아봅니다.
웹페이지 만들기
MBTI별 좋아하는 컬러
HTML/CSS 개념을 복습하며, 새 컬러를 등록하거나, 기존 설문조사를 클릭하면 MBTI별로 좋아하는 컬러를 모아서 보는 기능을 구현합니다.
Codeit Original
12만 개의 후기,
98%의 만족도의 비밀
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요
퀄리티 높은 강의를 만들어요
쉽지만 탄탄하게 실력 쌓고 싶다면?
5~10분의 짧은 강의지만 내용의 중복, 누락 없이 꼭 필요한 개념으로만
구성했어요.
구성했어요.
콘텐츠 팀 | 박채운 PD
몰입도 있게 스스로 학습하고 싶다면?
기초부터 실습, 프로젝트, 질문 답변까지 코드잇에서 모두 해결할 수 있어 200% 몰입할 수 있어요.
콘텐츠 팀 | 황준우 PD
효율적으로 목표를 달성하고 싶다면?
무슨 강의를 들을지 고민할 필요 없이 33개 로드맵 중 목표에 맞는 로드맵만 따라가면 돼요.
콘텐츠 팀 | 남수지 PD
100% 자체제작
분야별 전문가 약 20명이 팀을 이뤄
퀄리티 높은 강의를 만들어요
퀄리티 높은 강의를 만들어요
세부 커리큘럼
로드맵 따라가기
자주 묻는 질문
궁금한 점이 있으세요?