AngularJS 반응형 웹앱 개발과 성능 최적화

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와 부트스트랩을 이용한 모바일 앱 개발
__왜 모바일 때문에 고민하는가?
__모바일을 우선 고려한 북마크 앱 개발
____동적 애플리케이션 개발
____북마크를 통한 검색 기능
____모바일 단말용 애플리케이션의 기초 설계
____더 나은 사용자 경험을 위한 애니메이션
__더 나은 사용자 경험을 제공하기 위한 모바일 최적화
____탭 이벤트를 위한 주기적인 지연
____트랜지션과 애니메이션 가속
______시작 페이지 로딩 성능 개선
__정리