Part 01 자바스크립트 프레임워크와 Jindo 프레임워크01_ 자바스크립트 프레임워크와 UI 개발 AJAX 기술의 등장과 UI 개발의 시작웹 애플리케이션과 UI 개발자바스크립트 프레임워크02_Jindo 프레임워크Jindo 프레임워크의 역사Jindo의 특징Jindo 프레임워크의 구조Jindo 프레임워크 사용Part 02 Jindo 프레임워크03_요소 선택과 조작문서 객체 모델(DOM)과 요소 선택CSS 선택자(Selector)와 요소 선택요소 조작04_ 브라우저와 문서 영역 조작하기 브라우저 창과 문서 영역브라우저와 문서 영역 조작05_이벤트와 이벤트 처리이벤트와 이벤트 처리Jindo의 이벤트 핸들링과 함수 바인딩06_데이터 다루기데이터 타입과 래퍼 객체Jindo의 데이터 래퍼 객체07_폼 데이터 검증이벤트를 활용한 폼 데이터 검증간단한 데이터 검증08_서버와 통신하기XHR 객체 이해하기XHR 객체로 통신하기$Ajax( ) 객체 기본 사용법$Ajax( ) 객체 실습하기그 외의 $Ajax( ) 객체 사용법09_클래스와 템플릿객체지향적으로 설계하기템플릿을 활용한 DOM 구성10_ 그 밖의 유용한 객체날짜 조작하기쿠키 사용하기브라우저 정보 확인Part 03 자바스크립트 UI 개발 실전 사례11_레이어 다루기레이어 보이기와 숨기기레이어 배치하기영역 크기 구하기레이어 응용하기12_드래그 앤드 드롭드래그 앤드 드롭 과정기본 구현고급 구현 및 문제 해결HTML5의 드래그 앤드 드롭13_타이머기본 사용법응용 패턴 익히기14_애니메이션 구현방법CSS 속성을 이용한 애니메이션타이머를 이용한 애니메이션15_AJAX 고급 응용크로스 도메인 문제AJAX 히스토리16_실시간 급상승 검색어의 롤링 UI 요구사항롤링 동작 구현마우스 오버 동작 처리재사용 가능한 클래스 객체로 만들기17_ 도서 관리 웹 애플리케이션 만들기 웹 애플리케이션 기획요구사항인터페이스 만들기애플리케이션 설계모델 만들기컨트롤러 만들기이벤트 적용기능 개선Part 04 부록부록 A _코드 최소화를 통한 성능 향상최소화(Minification)의 원리최소화 도구 - YUI Compressor최소화 코드 복원 - 코드 포매팅부록 B _디버깅브라우저 개발 도구HTTP 트래픽 정보를 활용한 디버깅부록 C _정규 표현식정규 표현식과 문자열정규 표현식 선언하기캡처링(Capturing) 사용하기비캡처링(Non-Capturing) 활용test( ) 메서드와 exec( ) 메서드의 성능 차이lastIndex 속성과 g플래그 옵션부록 D _자바스크립트 코딩 컨벤션네이밍 규칙코드 작성 규칙AJAX 응답 포맷 작성 규칙소스 코드 표기법