HTML5 초보자도 단시간에 HTML5 프로그래머로 !!!

이 책은 HTML 초보자가 처음부터 차근차근 학습하는 것을 목적으로 합니다. 주요 기본인 HTML 태그의 사용법부터 HTML5의 주요한 태그를 상세히 학습하고, CSS의 기본 작성법부터 다양한 CSS3의 사용 예시 및 사용법 그리고 CSS라이브러리 부트스트랩을 다룹니다. 자바스크 립트 기본문법과 함수형 자바스크립트, 그리고 자바스크립트 라이브러리 jQuery의 기본문법, Ajax요청, 캔버스제어 등도 쉬운 예제부터 고급 예제까지 차근차근 학습하면서 익힙니다. 마지막으로 보일러플레이트를 사용해서 반응형 웹사이트의 템플릿을 얻어내서 쉽게 만드는 방법을 예제를 통해 배웁니다.

- 준비 단계가 확실합니다. : HTML5 초보자가 익힐 필수 기능 탑재

HTML5 프로그래밍 작성에 필요한 JDK나 톰캣(Tomcat), 이클립스 등 프로그램의 다운로드 방법, 설치 방법 등을 자세히 알려줍니다. 버전이 업그레이드되면 해당 사이트의 화면 구성이나 다운로드 과정도 바뀌게 됩니다. 이 책은 어떤 버전이든 손쉽게 사용할 수 있도록 다운로드 과정과 설치 과정을 먼저 보여줍니다.

- 개념과 예제가 확실합니다. : 쉬운 예제부터 고급 예제까지

웹 사이트를 만든다는 것은 단순히 지식을 늘리는 것이 아니라 사용되는 여러 가지 객체와 태그, 이에 관련된 CSS3, jQuery 등 핵심 개념을 확실하게 이해하고 적용한다는 것입니다. 이 책은 프로그래머가 의도한 대로 결과를 얻을 수 있도록 웹 사이트 작성에 필요한 풍부한 예제를 제공하여 확실하게 이해하고, 이를 응용할 수 있도록 합니다.

- 마무리가 확실합니다. : 보일러플레이트를 사용한 반응형 웹사이트 완성

HTML5, CSS3, jQuery, 자바스크립트 등 웹사이트 작성에 사용되는 모든 기능을 알 수는 없습니다. 이 책은 초보자에게 꼭 필요한 기능을 익힌 후 태그나 미디어 쿼리, 애니메이션 등에 대한 다양한 예제를 풀어봄으로써 확실히 익힐 수 있도록 구성하였습니다. 웹 사이트 구축 예제를 통하여 HTML5, CSS3, 자바스크립트의 관계와 전체 흐름을 파악할 수 있습니다.

저자의 말

좋은 프로그래머가 되기 위해서는 언제나 기본이 중요합니다. 기본을 제대로 쌓아야 응용을 할 수 있고, 응용을 할 수 있어야 좀 더 어려운 기술을 습득할 때 이해가 빨라지기 때문입니다. 즉, 입문자는 입문자가 가져야 할 필수 기술을 반드시 습득해서 응용할 수 있어야 하고, 중급자나 고급자도 그에 걸맞는 기술을 반드시 알고 사용할 수 있어야 합니다. 사용자 여러분의 마음가짐과 노력에 따라 결과에 대한 만족도 역시 달라짐을 알고 끊임없이 노력하시기 바랍니다. - 김은옥

Chapter 1 HTML5, CSS3, 자바스크립트의 개요
Section 01. HTML5, CSS3, JavaScript를 알아보자 !
Section 02. HTML5, CSS3, JavaScript는 다양한 곳에 쓰인다
(1) 웹 사이트 작성
(2) 사물 인터넷 구현
(3) 게임 작성
(4) 인공지능 프로그래밍
학습정리

Chapter 2 코드를 작성하고 실행하는 개발 환경 설정
Section 01. 자바, 톰캣, 이클립스 기반의 웹 개발 환경
(1) JDK(Java Development Kit) 다운로드, 설치 및 환경 변수 설정
(2) 웹 컨테이너 톰캣(Tomcat) 다운로드, 설치 및 환경 변수 설정
(3) 통합개발 환경 이클립스(Eclipse) 다운로드, 설치 및 실행
(4) 이클립스에서 웹 애플리케이션 작성
Section 02. 클라우드 기반의 코드 학습 및 테스트 사이트를 사용한 웹 프로그래밍
(1) w3schools.com
(2) jsbin.com
학습정리

Chapter 3 문서를 구조화하는 HTML
Section 01. HTML 개요 및 기본 태그
(1) HTML 개요
(2) HTML 기본 태그
Section 02. HTML5 문서 구조 및 주요 태그
(1) HTML5 문서 구조
(2) HTML5 주요 태그와 속성
학습정리

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

Chapter 5 동작을 처리하는 자바스크립트(JavaScript)와
제이쿼리(jQuery) 라이브러리
Section 01. 자바스크립트의 개요
(1) 자바스크립트란?
(2) 자바스크립트 사용 방법
(3) 자바 스크립트의 문장 구조
(4) 데이터타입
(5) 자바스크립트 프로그래밍 권고사항
Section 02. 제어문
(1) 조건문
(2) 반복문
(3) 기타 제어문
Section 03. 함수와 객체
(1) 함수개요와 내장함수
(2) 사용자 정의 함수
(3) 클로저
(4) 객체
Section 04. 제이쿼리를 사용한 태그 제어와 Ajax
(1) 개요
(2) 제이쿼리 기본 사용법
(3) HTML 엘리먼트 내용에 접근하기
(4) 제이쿼리 이벤트 처리
(5) 제이쿼리 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 보일러 플레이트를 사용한 반응형 웹 사이트 템플릿 사용
(3) 필요 페이지 작성
Section 03. 실행 및 배포하기
(1) 웹 앱 실행하기
(2) 웹 앱 배포
학습정리