이제 당신도 Geolocation과 SNS 기능을 탑재한 모바일 웹 사이트를 만들 수 있습니다.
이제는 모바일 웹 애플리케이션을 만들고 싶다고 Objective-C와 Java를 반드시 배워야 할 필요가 없습니다. HTML5/CSS3/JavaScript를 이용하면 브라우저라는 커다란 앱 스토어에서 당신만의 특별한 앱을 만들 수 있기 때문입니다. 이 책에서는 HTML5와 CSS3를 이용한 간단한 모바일 웹부터 다양한 모바일 플랫폼과 브라우저에 적용할 수 있는 웹 개발까지 실제 프로젝트를 바탕으로 모바일 웹 개발부터 런칭까지 단계별로 쉽고 자세하게 소개합니다.
[출판사 리뷰]
이 책의 궁극적인 목적은 개발자들에게 모바일 웹 개발과 관련된 로컬 테스팅, 개발, 품질 향상 및 트윅에 관한 전반적인 내용을 설명하는 것입니다. “모바일 웹 개발의 정석”은 새로운 기술을 이해하는 방법과 그 기술을 실제 애플리케이션과 아이디어에 적용할 수 있는 방법을 제공합니다.
* 이 책의 특징
– HTML5, CSS3를 이용한 빠른 모바일 웹 개발
– jQuery Mobile, Zepto 등의 모바일 프레임워크 사용법
– SQLite를 이용한 데이터베이스 생성 및 관리
– iOS, Android, Chrome/Firefox 시뮬레이터 검사 방법
– 모바일 웹 사이트 런칭
– 최신 기술과 트랜드를 반영한 전문 개발 기법
Part I: HTML5/ CSS3/ JavaScript에 대한 소개
Chapter 1: 모바일 웹 개발 소개
모바일 웹의 예제
네이티브 플랫폼과 웹 플랫폼에 대한 이해
네이티브 플랫폼과 웹 플랫폼의 장단점
Web-to-Native 솔루션
Device와 OS
디자인의 미학
대화상자
iOS 디자인 패턴
Android 디자인 패턴
Viewport
Orientation
폰트
Chapter 2: 모바일 웹 기술 개요
HTML
HTML5 핵심 기능들
CSS3
CSS3의 핵심 기능들
JavaScript
jQuery
XUI
Zepto
jQTouch
UI 프레임워크/유틸리티
Sencha Touch
jQuery Mobile
Modernizr
iScroll
Mustache/JavaScript Templates
Part II: 애플리케이션과 내부 구조 수립
Chapter 3 개발과 프로덕션
개발 계획 수립
로컬 호스팅 구현하기
MAMP 설치하기(Mac OS X 전용)
XAMPP 설치하기(Windows 전용)
IDE를 사용하여 웹 애플리케이션 작성하기
코드 테스팅
프로덕션 환경 설정하기
호스팅
인프라 설정
대역폭 관리하기
Chapter 4 프로토타입(Prototype) 만들기
페이지 구조와 설계에 HTML5 이용하기
HTML5 Mobile Boilerplate 사용하기
애플리케이션 설계(디자인)
페이지 모형 만들기
Settings(설정)/About(이 애플리케이션에 대하여) 페이지
Hash Navigation의 정의
PushState Navigation
Chapter 5 모바일 웹 구조
구축해야 할 요소들
Viewport를 사용하여 콘텐츠를 가운데 정렬하기
Full App Mode 사용하기(iOS 전용)
Header와 탐색 요소 추가하기
Hash Change 이벤트 추가하기
전환(Transitions)
애플리케이션 페이지 스크롤
화면 방향에 따른 애플리케이션 조정
Chapter 6 모바일 웹 데이터베이스 생성
구축해야 할 요소들
HTML5 데이터베이스
Part III: 개발
Chapter 7 Web SQL과의 상호 작용
구축해야 할 요소들
데이터베이스와 테이블 생성
Color 테이블에 값 추가하기
Manage Wine 페이지 구축하기
Chapter 8 Geolocation과 AJAX
구축해야 할 요소들
Find 탭 생성하기
Callback 함수 생성하기
Google Maps를 이용하여 위치 정보 처리하기
Foursquare API를 사용하여 장소 찾기
정보 창 생성하기
새로 고침 버튼 만들기
Chapter 9 Query 실행과 소셜 미디어 연결하기
구축해야 할 요소들
Activity Tab 생성하기
Query 작성하기
템플릿 사용하기
템플릿을 사용하여 Activity Feed 구축하기
올바른 Script 실행 및 결과 표시하기
Wine Detail 페이지 생성하기
Wine Detail 페이지 구조 구축하기
Wine Detail 페이지 로직 구축하기
페이지에 상세 정보 출력하기
외부 사이트 연결하기
템플릿 구축하기
List View 생성하기
Tweet용 템플릿 구축하기
상대적인 타임스탬프로 바꿔주는 사용자 정의 함수 정의하기
타임스탬프 수정하기
List View의 Tweet 수정하기
Twitter와 Facebook에 공유하기
Chapter 10 위치 저장 및 검색
구축해야 할 요소들
myStorage 함수 생성하기
Geolocation 및 장소 캐시하기
Tweet 캐시하기
Settings 탭에서 세부 사항 저장하기
기록 검색하기
Chapter 10 위치 저장 및 검색
구축해야 할 요소들
myStorage 함수 생성하기
Geolocation 및 장소 캐시하기
Tweet 캐시하기
Settings 탭에서 세부 사항 저장하기
기록 검색하기
부록 A: HTML5, CSS3, JavaScript의 개념
HTML5
마크업(Markup)
Geolocation
DOM 저장소
Cache Manifest
CSS3
box shadow(그림자)
Gradient
CSS Animation
JavaScript
Basic Event(기본적인 이벤트)
Touch Event(터치 이벤트)
jQuery
Index