1 환경설정 Hello World 앱 프리미티브 대신 오브젝트 사용 첫 지시어 구현 Node.js와 NPM 설치 OS X 윈도우 리눅스(우분투) Bower를 이용한 클라이언트측 종속성 관리 Hello World 앱 테스트 단위 테스트 카르마와 재스민 설치 통합/Protractor를 이용한 단대단 테스트 애플리케이션 개발 그런트에서 Protractor 실행 깃을 이용한 소스 코드 관리 정리 2 AngularUI 도입과 유틸리티 AngularUI 다운로드 AngularUI-Utils 빌드 프로젝트에 AngularUI-Utils 통합 uiMask 지시어 이벤트 바인더 키프레스 제이쿼리 전달 정리 3 AngularUI 확장 구글 맵 적용 지도 위의 마커 이벤트 바인딩 Bower를 이용한 애플리케이션 종속성 관리 .gitignore 파일 변경 캘린더 컴포넌트 데이터 포맷화를 위한 필터 사용 캘린더 스타일 적용 컨트롤러 변경 테스트 추가 컨트롤러 테스트 필터 테스트 애플리케이션 빌드 정리 4 ng-grid의 커스터마이징과 분석 프로젝트 설정 AngularJS를 이용한 서비스 생성 그리드 뷰 그리드 그룹핑 마스터와 디테일 뷰 사용 정리 5 애니메이션 학습 프로젝트 설정 애니메이션 기능이 포함된 할 일 리스트 프로젝트 개발 페이지에서 요소 이동 Easing 함수 전체 애니메이션을 확대할 수 있는 LESS 사용 animate.css 파일 사용 스태커링 애니메이션 스태거 애니메이션 동작 이해 자바스크립트로 정의하는 애니메이션 정리 6 차트와 데이터 기반의 그래픽 사용 차트의 중요성 막대 차트 작성 데이터 기반의 막대 차트 생성 막대 차트를 위젯으로 변환 막대 차트 지시어 작성 Angular Google 차트 도구 사용 GitHub REST API를 이용한 대시보드 작성 대시보드 애플리케이션 확장 정리 7 CSS와 CSS 프레임워크를 이용한 AngularJS 커스터마이징 반응형 디자인의 혁명 미디어 쿼리 소개 @media @media 익스프레션 트위터 부트스트랩을 이용한 진보된 디자인 애플리케이션에 Foundation 프레임워크 사용 정리 8 AngularUI 부트스트랩 개발 왜 AngularUI 부트스트랩을 사용해야 하는가? 프로젝트 관리 애플리케이션 개발 accordion 생성 탭 생성 숨김 기능을 이용한 개연성이 적은 콘텐츠 숨김 데이트피커를 이용한 타임라인 설정 버튼 사용 비율 폼에 대한 우선 순위 변경 사용자에게 알림 메시지 표시 캐로설 사용 이슈의 상태를 표시하는 프로그래스 바 typeahead를 이용한 효과적인 추천 드롭다운으로 된 애플리케이션 전용 메뉴를 위한 범용 하우징 정리 9 AngularUI 부트스트랩 커스터마이징 외부 템플릿 개요 스크립트 태그를 이용한 템플릿 로딩 $templateCache를 통한 템플릿 로딩 외부 템플릿 사용 AngularUI 부트스트랩 페이지 위젯 커스터마이징 AngularUI 부트스트랩 탭 위젯 확장 정리 10 AngularJS와 부트스트랩을 이용한 모바일 앱 개발 왜 모바일 때문에 고민하는가? 모바일을 우선 고려한 북마크 앱 개발 동적 애플리케이션 개발 북마크를 통한 검색 기능 모바일 단말용 애플리케이션의 기초 설계 더 나은 사용자 경험을 위한 애니메이션 더 나은 사용자 경험을 제공하기 위한 모바일 최적화 탭 이벤트를 위한 주기적인 지연 트랜지션과 애니메이션 가속 시작 페이지 로딩 성능 개선 정리