모바일 웹 개발의 정석(HTML5, CSS3, 자바스크립트를 이용한 모바일 웹 애플리케이션)

이제 당신도 Geolocation과 SNS 기능을 탑재한 모바일 웹 사이트를 만들 수 있습니다.
이 책에서는 HTML5와 CSS3를 이용한 간단한 모바일 웹부터 다양한 모바일 플랫폼과 브라우저에 적용할 수 있는 웹 개발까지 실제 프로젝트를 바탕으로 모바일 웹 개발부터 런칭까지 단계별로 쉽고 자세하게 소개합니다.
 
 

그렉 아볼라, 존 라쉬 저/2013년 11월/336p/22,000원

이제 당신도 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

그렉 아볼라, 존 라쉬 저

■ 저자 소개 ■
그렉 아볼라
Untappd 사의 공동 창립자이자 최고 기술 책임자입니다. Untappd는 맥주를 좋아하는 사람들이 관심 정보를 공유하는 소셜 네트워크로, 모바일 앱은 이 책에 나온 HTML5/CSS3/JavaScript로 만들어졌습니다.

존 라쉬
15년 이상 웹 프로그래밍을 해 온 Front-End 개발자 겸 디자이너로, 최신 프로그래밍 기술을 사용하여 역동적인 유저 인터페이스를 만들어왔습니다. 현재는 디자인, 개발, 브랜드를 통합하여 유저들이 좀 더 접근하기 쉬운 웹 사이트를 만들고 있습니다.

■ 역자 소개 ■
이대호
평소 웹 프로그래밍을 즐기며, 새로운 웹 기술에 대한 탐구 및 적용해보는 것을 즐기는 개발자다.

Loading...