HTML5 웹 프로그래밍 입문

Part 1 웹 프로그래밍 첫걸음
Chapter 01 웹 개요와 실습 환경 구축
인터넷과 웹 소개
웹의 동작 원리
보조 웹 표준 기술 소개
HTML5 주요 기능 소개
실습 환경 구축

Chapter 02 HTML5 기본 구조와 작성법
HTML5 기본 용어 정리
HTML5 페이지 기본 주고
HTML5 페이지 기본 작성법
CSS3의 종류와 기본 작성법
자바스크립트의 종류와 기본 작성법
요소 검사를 이용한 에러 확인

Part 2 HTML5 태그
Chapter 03 HTML5 기본 태그
글자 태그
목록 태그
테이블 태그
이미지 태그
공간 분할 태그

Chapter 04 HTML5 멀티미디어 태그와 입력 양식 태그
오디오 태그
비디오 태그
입력 양식 태그

종합 예제1 _ 블로그의 레이아웃 구성

Part 3 CSS3 스타일
Chapter 05 CSS3 선택자
선택자 개요
기본 선택자
속성 선택자
후손 선택자와 자손 선택자
반응/상태/구조 선택자

Chapter 06 CSS3 속성
CSS3 단위
박스 속성
display 속성
배경 속성
글자 속성
위치 속성
float 속성
그림자 속성
그레이디언트

Chapter 07 CSS3 응용과 레이아웃
응용 예제 7-1 수평 정렬
응용 예제 7-2 중앙 정렬 레이아웃 구성
응용 예제 7-3 One True 레이아웃 구성
응용 예제 7-4 절대 위치를 사용해 요소 배치
응용 예제 7-5 절대 위치를 사용한 요소를 중앙에 배치
응용 예제 7-6 고정 위치를 사용해 바 생성
응용 예제 7-7 글자 생략

Chapter 08 반응형 웹
반응형 웹 소개
meta 태그와 viewport meta 태그
@media 규칙과 media 속성
미디어 타입으로 사용자 장치 구분
미디어 특징으로 사용자 화면 구분
반응형 웹 패턴

종합 예제2 _ 블로그에 스타일시트 적용

Part 4 자바스크립트와 jQuery 라이브러리
Chapter 09 자바스크립트 기본
자바스크립트 기본 용어
자바스크립트 출력
자료형
변수
조건문
반복문
함수
객체

Chapter 10 문서 객체 모델
문서 객체 모델 관련 용어
웹 페이지 생성 순서
문서 객체 선택
문서 객체 조작
이벤트

Chapter 11 jQuery 라이브러리
jQuery 라이브러리 설정
문서 객체 선택
문서 객체 조작
이벤트
효과

Chapter 12 자바스크립트와 jQuery 라이브러리 응용
응용 예제 12-1 입력 양식 자동 초점 설정
응용 예제 12-2 프레임 애니메이션 만들기
응용 예제 12-3 문서 객체 생성
응용 예제 12-4 무한 스크롤 기능 구현
응용 예제 12-5 LightBox 플러그인 사용
응용 예제 12-6 Masonry 플러그인 사용
응용 예제 12-7 jQuery 라이브러리로 갤러리 구현

종합 예제3 _ 블로그에 자바스크립트 적용

Part 5 프로젝트
Chapter 13 프로젝트 - 모바일 페이지 제작
미리 알아볼 내용
기본 레이아웃 구성
스타일시트 적용

Chapter 14 프로젝트 - 핀터레스트 스타일의 웹 페이지 제작
반응형 웹
기본 레이아웃 구성
스타일시트 적용
자바스크립트