추가 적립 안내

풀 스택 개발자로의 전환을 위한 HTML5 이용 웹앱 가이드

『풀 스택 개발자를 위한 HTML5 웹앱 만들기』는 HTML5와 HTML웹-앱을 만드는데 필요한 다양한 기술을 다루고 있다. 이 책은 기획자, 디자이너, 프로그래머 등 초, 중급자 실무자를 위해 쉽고 자세하게 설명되어 있다. 태그에 우선하지 않고 기술적인 부분에 있어 HTML을 다루면서 몇 가지 웹-앱을 만드는 것을 보여준다. 또한, HTML5 웹앱, HTML5 웹게임, jQuery, PHP, Twitter, Facebook, 미투데이에 적용되는 기능을 소개하고, 예제를 수록하여 따라할 수 있도록 구성하였다.

“Twitter+Facebook+미투데이 API를 활용한 실전 HTML5 웹앱 및 웹게임 개발 가이드”

HTML은 누구나 만들 수 있습니다. 누구나 사용할 수 있기에 그만큼 세계 각지의 우수한 웹 기술자들이 모여서 만드는 것이 HTML5입니다. 크로스 부라우징, 크로스 OS 등 풀랫폼에 국한되지 않고 월드 와이드 웹 안에서 표준이 될 수 있는 기술입니다.

이 책은 초.중급자를 위해 만들어졌습니다. 직무를 기준으로 본다면 기획자, 디자이너, 프로그래머 어떤 관점에서도 편견을 갖지 않고 쓰였습니다. HTML5는 사실 꼭 특정한 직무를 위한 기술도 아닙니다. 이 책의 예제를 따라하며 HTML5에 대한 전반적인 기술 부분에 있어서 감을 잡으실 수 있을 것입니다.

태그에 우선하지 않은 기술적인 부분에 있어서 HTML5를 다루고자 하는 것이 이 책의 목적입니다. 아직까지 많은 문헌들이 태그적인 부분만 다루고 있어 실제로 실감할 수 있는 개발은 힘든 부분입니다. 그래서 이 책은 몇 가지 웹-앱을 만드는 것을 보여줍니다. 웹-앱은 간단하기 때문에 더욱더 HTML5의 특성을 익힐 수 있습니다.

저자의 말
웹개발자를 꿈꾸는 많은 예비개발자들이 정작 기업에 입사해서는 오래된 ASP, JSP유지보수나 초창기 웹의 모델에 기반을 둔 개발로 쉽게 지치는 모습을 많이 보았습니다. 그렇게 시간이 흐르면 세상은 발 빠르게 신기술을 사용하고 있는데 나는 구시대의 유물에서 벗어나지 못하고 있을지도 모릅니다. 이제는 제한된 기술에서 벗어나, 풀스택(full-stack) 개발자로 발돋움해야 할 때입니다. 저는 HTML5가 여러분에게 풀스택 개발자로의 전환을 시도할 수 있는 좋은 방편이라고 생각합니다. HTML5가 시도하는 기존의 HTML의 하위호환성을 준수하는 가운데 우리는 작은 조작만으로도 자신의 작품에 큰 변화를 가져올 수 있습니다. 제가 느낀 웹은 더 이상 단순개발이 아닙니다. 웹은 개발과 디자인, 기획, 사회학 등 다채로운 요소가 어우러진 하나의 예술 입니다. 웹을 만들어가는 우리는 한명의 예술자로서, 이 책을 통해 그러한 자신을 발견하고 한걸음 더 나아갈 수 있었으면 좋겠습니다.

PART 1. HTML5와의 첫 만남
CHAPTER 1. 인터넷에서 HTML5까지
CHAPTER 2. HTML5와의 첫 만남
CHAPTER 3. 웹-앱과 하이브리드-앱의 차이점
CHAPTER 4. 웹-앱을 테스트하기 위한 환경 세팅
CHAPTER 5. HTML5 브라우저 호환
CHAPTER 6. 이 책을 공부하는 방법

PART2. 트위터 타임라인 만들기
CHAPTER 1. HTML5란 무엇인가?
CHAPTER 2. 트윗라인 레이아웃 잡기
CHAPTER 3. UI 만들기

PART3. 자바스크립트와 jQuery, CSS3
CHAPTER 1. 자바스크립트의 기본
CHAPTER 2. jQuery의 기본
CHAPTER 3. 트위터 API 사용하기
CHAPTER 4. 트윗 내용 표시하기
CHAPTER 5. CSS3 Transition
CHAPTER 6. 웹 폰트 추가하기

PART 4. 위치정보와 CSS3 미디어 쿼리
CHAPTER 1. CSS3 Media Queries
CHAPTER 2. 회전 감지하기
CHAPTER 3. 위치정보(Geolocation)
CHAPTER 4. (참고)HTML5 웹앱 개발 툴

PART 5. 오프라인 트윗라인 만들기
CHAPTER 1. 브라우저에 데이터베이스 만들기
CHAPTER 2. 트윗 캐싱
CHAPTER 3. Cache Manifest
CHAPTER 4. 온?오프라인 상태의 감지

PART 6. 페이스북 웹-앱 만들기
CHAPTER 1. 페이스북 앱에 트윗라인 추가하기
CHAPTER 2. 트윗라인에 페이스북 로그인 버튼 추가하기
CHAPTER 3. 트윗라인 관심글 내 타임라인에 공유하기

PART 7. 미투라인 만들기
CHAPTER 1. 타임라인 컨텐츠 변경하기
CHAPTER 2. 프로필뷰 변경하기

PART 8. 할일 관리 웹-앱 만들기
CHAPTER1. 기본 틀 만들기
CHAPTER2. CSS 만들기
CHAPTER3. Web DB 만들기

PART 9. 트윗 주소록 웹-앱 만들기
CHAPTER 1. 트윗 주소록을 위한 LocalStorage 만들기
CHAPTER 2. 새로운 폼 요소
CHAPTER 3. CSS3 애니메이션 추가하기

PART 10. 미디어 플레이어 앱 만들기
CHAPTER 1. 새롭게 부상하는 HTML5 VIDEO
CHAPTER 2. HTML5 Video와 Audio 엔진별 지원현황
CHAPTER3. 비디오 플레이어 만들기
CHAPTER 4. 오디오 플레이어 만들기
CHAPTER 5. Progress Bar 추가하기
CHAPTER 6. 이전곡/다음곡 추가하기

PART 11. 캔버스 드로잉
CHAPTER 1. [Canvas] 속성 살펴보기
CHAPTER 2. 다양한 도형 만들기
CHAPTER 3. 선 그리기
CHAPTER 4. 원과 곡선 그리기
CHAPTER 5. 이미지 겹침(Composition) 처리
CHAPTER 6. 이미지 출력하기
CHAPTER 7. 이미지 이동, 크기조절, 회전, 뒤집기
CHAPTER 8. 애니메이션
CHAPTER 9. HTML5 웹 게임

PART 12. HTML5로 RAGEBIRD 만들기(아이폰 전용)
CHAPTER 1. KineticJS
CHAPTER 2. 게임 설계하기
CHAPTER 3. 리소스 띄우기
CHAPTER 4. 리소스 이동
CHAPTER 5. 게임로직 만들기
CHAPTER 6. UI 만들기
CHAPTER 7. 아이폰 가로모드 제약주기
CHAPTER 8. 오프라인 게임 만들기

부록 : 추천 사이트
1. 국내 HTML5 관련 사이트
2. 해외 HTML5 사이트 뉴스&레퍼런스
3. 해외 HTML5 Site Gallery
4. 해외 웹-앱 갤러리