홈앤서비스 SK BROADBAND

머리말

Chapter 1 HTML, CSS3, 제이쿼리(jQuery)의 개요
Section 01. HTML, CSS3, jQuery를 알아보자!
Section 02. HTML, CSS3, jQuery는 다양한 곳에 쓰인다
(1) 웹 사이트 작성
(2) 사물 인터넷 구현
(3) 게임 작성
학습정리

Chapter 2 코드를 작성하고 실행하는 개발 환경 설정
Section 01. 이클립스 사용에 필요한 JDK(Java Development Kit) 다운로드, 설치 및 환경 변수 설정
(1) JDK 다운로드
(2) JDK 설치
(3) 자바 환경 변수 설정
(4) 자바 환경 변수 설정 확인

Section 02. 웹 컨테이너 톰캣(Tomcat) 다운로드, 설치 및 환경 변수 설정
(1) 톰캣 다운로드
(2) 톰캣 설치, 환경 변수 설정 및 실행

Section 03. 통합 개발 환경 이클립스(Eclipse) 다운로드, 설치 및 실행
(1) 이클립스 다운로드
(2) 이클립스 설치 및 실행

Section 04. 이클립스에서 웹 애플리케이션 작성
(1) 웹 서버 작성
(2) 동적 웹 프로젝트 작성
(3) 웹 페이지 작성 및 실행
학습정리

Chapter 3 문서를 구조화하는 HTML과 HTML5
Section 01. HTML 개요 및 기본 태그
(1) HTML 개요
(2) HTML 기본 태그

Section 02. HTML5 문서 구조 및 주요 태그
(1) HTML5 문서 구조
(2) HTML5 주요 태그와 속성
학습정리

Chapter 4 태그를 표현하는 CSS와 CSS3
Section 01. CSS 개요 및 CSS 기본 사용법
(1) CSS 개요
(2) CSS 기본 사용법

Section 02. CSS의 주요 속성과 값
(1) 색상과 배경(Colors and Backgrounds) 지정
(2) 폰트(Fonts) 지정
(3) 텍스트(Text) 지정
(4) 테이블(Table) 지정
(5) 테두리(Border) 지정
(6) 박스 모델(Box mode) 지정
(7) 가시성(Visibility)과 위치(Positioning) 지정

Section 03. 미디어 쿼리(Media Query)
(1) 미디어 쿼리의 개요
(2) 미디어 쿼리 사용 방법

Section 04. CSS3의 개요

Section 05. CSS3의 추가 기능
(1) 테두리와 배경 : border-radius, box-shadow, border-image, background-size
(2) 텍스트 효과 : text-shadow
(3) 그래디언트 : linear-gradient, radial-gradient
(4) 트랜스폼 : transform
(5) 트랜지션 : transition
(6) 애니메이션 : @keyframes, animation
(7) 필터 : filter
(8) 이미지 스타일 : 각종 기능을 사용한 이미지 표현
(9) 웹 폰트 : @font-face
(10) 다단 : column-count, column-width
학습정리

Chapter 5 동작을 처리 하는 제이쿼리(jQuery) 기반의 자바스크립트(JavaScript)
Section 01. 자바스크립트의 개요
(1) 자바스크립트란?
(2) 자바스크립트 사용 방법
(3) 자바 스크립트의 문장 구조

Section 02. 제이쿼리의 개요 및 사용법
(1) 개요
(2) 사용법

Section 03. 제이쿼리를 사용한 태그 제어
(1) 제이쿼리 기본 사용법
(2) HTML 엘리먼트 내용에 접근하기 - get/set
(3) 제이쿼리 이벤트 처리
(4) 제이쿼리 Ajax
학습정리

Chapter 6 애니메이션을 만드는 캔버스(Canvas)
Section 01. 자바스크립트로 Canvas 제어
(1) HTML5 캔버스의 사용법
(2) 캔버스 제어하기
(3) 도형, 문자열, 이미지 그리기

Section 02. 캔버스를 사용한 애니메이션
(1) 캔버스에서 애니메이션을 구현하는 순서
(2) 애니메이션 제어
학습정리

Chapter 7 뭔가 만들어 보죠! - 반응형 웹 사이트 만들기
Section 01. 프로젝트 구조 설계
(1) 웹 앱의 구조도 작성
(2) 필요 페이지 명세서

Section 02. 프로젝트 작성
(1) 웹 앱 프로젝트 작성 및 구조 생성
(2) HTML5 보일러 플레이트를 사용한 반응형 웹 사이트 템플릿 사용

Section 03. 실행 및 배포하기
(1) 웹 앱 실행하기
(2) 웹 앱 배포
학습정리