PART 01 웹과 HTML5

Chapter 01 HTML5와 웹 프로그래밍
01 인터넷과 웹
1. 인터넷의 탄생
2. 웹 시스템
3. HTML
02 웹 시스템의 발전
1. 웹 관련 기술의 발전
2. XML
3. HTML5
03 웹 페이지 제작을 위한 기초 지식
1. 컴퓨터의 색상 표현
2. 이미지 사용
3. 웹 페이지 제작 시 주의할 점
요약
연습문제

Chapter 02 HTML5로 기본 문서 만들기
01 HTML5와 기본 태그
1. HTML5 개요
2. HTML 기본 태그
02 고급 문서 만들기
1. 이미지 삽입
2. 하이퍼링크
3. 리스트
4. 테이블
5. 멀티미디어
[미니 프로젝트] 나만의 햄버거 이야기
요약
연습문제

Chapter 03 문서 구조화와 웹 폼
01 문서 구조화
1. 문서 영역 나누기
2. 문서 구조화
3. 태그 관련 이야기
02 웹 폼 만들기
1. 입력 관련 주요 태그
2. 웹 폼 전달하기
[미니 프로젝트] 나만의 동물 이야기
요약
연습문제


PART 02 CSS3

Chapter 04 CSS3로 웹 페이지 꾸미기
01 CSS 이해하기
1. CSS의 역할
2. CSS 작성 방법
3. 선택자 사용하기
02 기본적인 CSS 사용법
1. 단위와 배경 스타일
2. 폰트와 문자 스타일
3. 박스 모델
[미니 프로젝트] 나만의 음식 이야기
요약
연습문제

Chapter 05 CSS의 고급 기능
01 레이아웃 만들기
1. 박스 제어하기
2. 태그 위치를 지정하는 CSS 속성
02 태그 꾸미기
1. 리스트 꾸미기
2. 테이블 꾸미기
3. 웹 폼 꾸미기
03 시각적 효과
1. 그림자
2. 움직임 만들기
3. 커서 모양 바꾸기
[미니 프로젝트] 여행을 떠나요
요약
연습문제


PART 03 자바스크립트

Chapter 06 자바스크립트와 ES6
01 자바스크립트 이해하기
1. 자바스크립트
2. 변수
3. 연산자
4. 사용자 입력 받기
5. 디버깅
02 조건문과 반복문
1. 조건문
2. 반복문
03 함수와 변수의 범위
1. 함수
2. 변수의 범위
[미니 프로젝트] 가위바위보 게임
요약
연습문제

Chapter 07 자바스크립트 객체 다루기
01 자바스크립트 객체 이해하기
1. 자바스크립트 객체
2. 배열과 Array 객체
3. 문자열과 String 객체
4. Date 객체
5. Math 객체
02 사용자 객체 만들기
1. 사용자 객체
2. class를 이용하는 객체 상속
요약
연습문제

Chapter 08 문서 객체모델
01 문서 객체모델 이해하기
1. 문서 객체모델
2. 웹 시스템 관련 객체
3. 공통 CSS 파일
02 DOM 객체 다루기
1. HTML 요소에 접근하기
2. HTML 요소에서 값 가져오기
3. HTML 요소 변경하기
4. HTML 요소 추가하거나 삭제하기
요약
연습문제

Chapter 09 이벤트 처리하기
01 이벤트 이해하기
1. 이벤트
2. 이벤트 객체의 특성
03 다양한 이벤트 사용하기
1. 마우스 이벤트
2. 윈도우 이벤트
3. 입력 이벤트
요약
연습문제

Chapter 10 브라우저 객체모델과 반응형 웹
01 브라우저 객체모델 다루기
1. 브라우저 객체모델
2. window 객체 사용하기
3. BOM의 그 외 객체 사용하기
02 반응형 웹 만들기
1. 반응형 웹
2. flex 레이아웃
3. grid 레이아웃
요약
연습문제

Chapter 11 캔버스로 그림 그리기
01 캔버스 기본 기능
1. 〈canvas〉 태그 사용하기
2. 도형 그리기
3. 문자와 이미지 그리기
02 캔버스 고급 기능과 애니메이션
1. 캔버스 속성
2. 애니메이션을 이용한 고급 캔버스 코드
요약
연습문제

Chapter 12 도전 프로젝트
01 경마 게임
02 무지개 문자열
03 슬롯머신