프롤로그

1부 인터넷과 웹
인터넷이란 무엇인가
웹이란 무엇인가
웹 브라우저의 이해
도메인과 호스팅
다양한 웹사이트의 형태
웹 개발 준비하기

2부 HTML
HTML의 기본 개념과 문서 구조
HTML 파일 생성과 시멘틱 태그 사용
웹 문서에 콘텐츠 추가
텍스트와 목록
이미지와 하이퍼링크
오디오와 비디오 콘텐츠
사용자 입력 폼 작성
HTML 폼의 기초
다양한 〈input〉 태그와 속성

3부 CSS
CSS의 기본 개념과 작성법
스타일 시트의 이해
CSS의 상속과 우선순위
텍스트와 레이아웃 스타일링
글꼴과 텍스트 스타일
웹 폰트와 아이콘 폰트
목록과 표 스타일링
박스 모델
CSS 박스 모델의 이해
테두리와 여백 조정
레이아웃 만들기와 위치 지정
배경과 그래픽 효과
배경색과 배경 이미지 설정
그러데이션 효과 활용하기

4부 반응형 웹
반응형 웹이란 무엇인가
유연한 디자인 요소 만들기
미디어 쿼리 사용법
플렉스박스 레이아웃
플렉스박스의 기본 속성
반응형 배치를 위한 플렉스박스 활용
CSS 그리드 레이아웃
그리드 레이아웃의 기본 개념
그리드 영역과 라인을 활용한 배치

5부 고급 CSS
CSS 고급 선택자와 함수
연결 선택자와 속성 선택자
가상 클래스와 가상 요소
CSS 함수 활용
애니메이션과 전환 효과
트랜스폼으로 요소 변형하기
트랜지션으로 부드러운 전환 효과 만들기
애니메이션 활용

6부 JavaScript
JavaScript의 기본 개념
JavaScript의 역할과 기능
JavaScript 문법의 기본 요소

7부 문서 객체 모델(DOM)
JavaScript 객체 이해하기
객체의 개념과 구조
JavaScript의 내장 객체와 브라우저 객체 모델(BOM)
DOM 구조와 요소 접근
DOM 요소의 내용 수정 및 노드 추가·삭제
DOM 이벤트 처리와 클래스 관리

8부 Git
Git의 이해
원격 저장소 활용
Git 기본 사용법

에필로그