2017. 6. 18. 19:34






책소개


'웹 표준이라는 약속'에 대한 이야기를 바탕으로, 누구나 쉽게 단계적으로 따라갈 수 있도록 HTML과 HTML5/CSS와 CSS3/Javascript와 jQuery까지 표준형 웹 제작을 위한 모든 도구들을 기본부터 활용까지 리드하는 책. PC와 스마트폰, 태블릿 등 사용자의 기기에 따라 유연하게 구현되는 차세대 웹 기술 '반응형 웹'을 소재로 하였다. 

도서가 집필된 이후 제작되는 기간까지도 실무에 종사하는 전문가 그룹 및 웹 퍼블리싱을 공부하는 대학생 그룹을 상대로 폭넓은 베타 테스트를 진행하여 신뢰도를 높였으며, 기본편에서 시작하여 마지막 '프로젝트' 단계에까지 이르는 순차적인 진행을 통해 보다 효율적이고 친절한 표준형 반응형 웹 퍼블리싱 바이블이 되도록 구성하였다.

[알라딘 제공]




목차


시작하기 전에
1 쏟아지는 디바이스 시대, 이제는 반응형 웹이다!
2 프로젝트 진행에 필요한 설치 프로그램들
아이콕스 반응형 웹 페이지 미리보기
실습용 예제 소스 다운로드 안내
PARTⅠ 반응형 웹 사이트 마크업 (XHTML 구조)
01 반응형 웹 제작을 위한 XHTML 
01-1 HTML 기본 문법(BASIC HTML GRAMMAR)
01-2 기본 문서 구조(DOCUMENT STRUCTURE)
01-3 DTD 선언(DOCUMENT TYPE DEFINITION)
01-4 블록 요소(BLOCK ELEMENT)
01-5 인라인 요소(INLINE ELEMENT)
01-6 제목(TITLE)
01-7 단락(PARAGRAPH)
01-8 주소(ADDRESS)
01-9 구분선(HORIZONTAL LINE)
01-10 인용문(QUOTATION)
01-11 텍스트(TEXT)
01-12 이미지(IMAGE)
01-13 링크(LINK)
01-14 리스트(LIST)
01-15 테이블(TABLE)
01-16 폼(FORM)
01-17 그룹핑(GROUPING)
02 반응형 웹 제작을 위한 HTML5 
01-18 새로운 구조(NEW STRUCTURE)
01-19 새로운 태그(NEW TAG)
01-20 폼 요소(FORM FACTOR)
PARTⅡ 반응형 웹 사이트 디자인 (CSS 표현)
01 반응형 웹 제작을 위한 CSS 
02-1 CSS 기본 문법(BASIC CSS GRAMMAR)
02-2 선택자(SELECTOR)
02-3 서체(FONT)
02-4 문단(PARAGRAPH)
02-5 배경(BACKGROUND)
02-6 상자(BOX)
02-7 레이아웃(LAYOUT)
02-8 조건 주석문(CONDITIONAL COMMENT)
02 반응형 웹 제작을 위한 CSS3 
02-9 경계선(BORDER)
02-10 배경(BACKGROUNDS)
02-11 문자 효과(TEXT EFFECTS)
02-12 2차원 변형(2D TRANSFORM)
02-13 속성 전환(TRANSITION)
02-14 애니메이션(ANIMATION)
02-15 다단 편집(MULTIPLE COLUMN)
02-16 사용자 환경(USER INTERFACE)
PARTⅢ 반응형 웹 사이트 액션 제어 (JAVASCRIPT 동작)
01 반응형 웹 제작을 위한 JAVASCRIPT
03-1 선언문(DECLARATION)
03-2 변수 및 데이터 형(VARIABLES & DATA TYPE)
03-3 연산자(OPERATOR)
03-4 제어문(CONTROL STATEMENT)
03-5 객체(OBJECT)
03-6 함수(FUNCTION)
03-7 이벤트(EVENT)
03-8 브라우저 객체(BROWSER OBJECT MODEL) 
03-9 문서 객체(DOCUMENT OBJECT MODEL)
02 반응형 웹 제작을 위한 JQEURY(MOBILE)
03-10 제이쿼리 라이브러리(JQUERY LIBRARY)
03-11 선택자 및 속성(SELECTOR & ATTRIBUTE)
03-12 문서 객체 조작(DOM CONTROL)
03-13 이벤트(EVENT)
03-14 효과(EFFECT)
03-15 애니메이션(ANIMATION)
03-16 플러그인 활용(PLUG-IN)
03-17 제이쿼리 모바일(JQUERY MOBILE)
PARTⅣ 실전 PROJECT! - ICOX 반응형 페이지 제작
01 실전! 아이콕스 사이트 HTML5 마크업
04-1 기본 문서 구조 마크업
04-2 헤더 영역 마크업
04-3 신간추천 영역 마크업
04-4 메인 컨텐츠 영역 마크업
04-5 푸터 영역 마크업
04-6 유효성 검사
02 실전! 아이콕스 사이트 CSS3 디자인
04-7 전체 레이아웃 디자인
04-8 PC 버전 디자인
04-9 TABLET 버전 디자인
04-10 MOBILE 버전 디자인
04-11 IE9 이하 환경을 위한 디자인
03 실전! 아이콕스 사이트 JAVASCRIPT 제어
04-12 HEADER 영역 - PC/TABLET/MOBILE GNB
04-13 SECTION 영역 - CLICK & TOUCH 슬라이드 배너
04-14 CONTENT 영역 - 탭 메뉴(TAB MENU)
<부록> JAVASCRIPT 객체표

[인터넷 교보문고 제공]




책 두께만큼 내용도 얕다. 

얇은 책 한권에 HTML, CSS, JAVASCRIPT, JQuery 뿐만 아니라 반응형웹까지 담겨있다.

가볍게 기초적인 부분을 쑥 훑어보기엔 좋은 책

'' 카테고리의 다른 글

TCP/IP가 보이는 그림책  (6) 2017.06.30
프로그래밍이 보이는 그림책  (0) 2017.06.28
알고리즘이 보이는 그림책  (0) 2017.06.18
명품 JAVA Programming  (2) 2017.06.18
Posted by EL2A
알고리즘(CF)2017. 6. 18. 10:43

Given an array of integers, find the maximal absolute difference between any two of its adjacent elements.




Example

For inputArray = [2, 4, 1, 0], the output should be
arrayMaximalAdjacentDifference(inputArray) = 3.




Code

function arrayMaximalAdjacentDifference(inputArray) {

    

}

'알고리즘(CF)' 카테고리의 다른 글

22. avoidObstacles  (1) 2017.06.20
21. isIPv4Address  (1) 2017.06.19
19. areEquallyStrong  (1) 2017.06.18
18. palindromeRearranging  (1) 2017.06.17
17. arrayChange  (1) 2017.06.17
Posted by EL2A
알고리즘(CF)2017. 6. 18. 10:42

Call two arms equally strong if the heaviest weights they each are able to lift are equal.

Call two people equally strong if their strongest arms are equally strong (the strongest arm can be both the right and the left), and so are their weakest arms.

Given your and your friend's arms' lifting capabilities find out if you two are equally strong.




Example

  • For yourLeft = 10yourRight = 15friendsLeft = 15 and friendsRight = 10, the output should be
    areEquallyStrong(yourLeft, yourRight, friendsLeft, friendsRight) = true;
  • For yourLeft = 15yourRight = 10friendsLeft = 15 and friendsRight = 10, the output should be
    areEquallyStrong(yourLeft, yourRight, friendsLeft, friendsRight) = true;
  • For yourLeft = 15yourRight = 10friendsLeft = 15 and friendsRight = 9, the output should be
    areEquallyStrong(yourLeft, yourRight, friendsLeft, friendsRight) = false.





Code

function areEquallyStrong(yourLeft, yourRight, friendsLeft, friendsRight) {

  

}


'알고리즘(CF)' 카테고리의 다른 글

21. isIPv4Address  (1) 2017.06.19
20. arrayMaximalAdjacentDifference  (1) 2017.06.18
18. palindromeRearranging  (1) 2017.06.17
17. arrayChange  (1) 2017.06.17
16. areSimilar  (1) 2017.06.17
Posted by EL2A