AngularJS 웹 애플리케이션 개발 블루프린트

1장. AngularJS와 싱글 페이지 애플리케이션 소개
__싱글 페이지 애플리케이션 파헤치기
__간단한 AngularJS 앱의 구성
__모델과 뷰
__주소록 앱 개발하기
____AngularJS에서 스코프 이해하기
__앱에 스타일 넣기
____연락처 정렬하기
__주소록에 연락처 추가하기
____ng-show와 ng-hide 지시자
__요약

2장. 개발 환경 점검
__Node.js 설정
____ExpressJS와 간단한 Node.js 웹 서버 생성
__그런트 설정
____그런트 명령어 입력기 설치
____package.json 파일 생성
____그런트 태스크 생성
____여러 파일들의 병합과 연결
____그런트로 셸 명령어 실행
__요맨: 워크플로우 도구
____요맨 설치
____앱 구동
__카르마로 단위 테스트
__프로트랙터를 사용해 종단 간 테스트하기
____셀레니움 서버 설치
____example_spec.js 파일 분석
____conf.js 파일 분석
____프로트랙터 테스트 케이스 작성
__요약

3장. AngularJS로 빠르게 프로토타입 만들기
__프로토타입으로 만들 애플리케이션의 이해
__그리드 레이아웃과 부트스트랩 소개
__그리드 시스템 이해하기
__Angular UI 소개
____UI-Utils
____UI-Modules
____UI-Bootstrap
____NG-Grid
____UI-Router
____IDE 플러그인
__‘건강한 삶’ 사이트의 프로토타입 제작
____ui.bootstrap 의존성 추가
____내비게이션 바 만들기
____캐로설 추가
____히어로 유닛 수정
____내용 블록 세 개 추가
____새로운 뷰 생성
____경로 이해하기
____기사 목록을 위한 뷰 작성
____Angular 부트스트랩을 사용한 아코디언 뷰
____이미지 갤러리 구축
____부트스트랩 섬네일을 이용한 갤러리 뷰
____별점 평가 추가
____NG-Grid를 이용한 데이터 그리드 작성
____NG-Grid 컴포넌트 추가
____NG-Grid에서 그룹핑
____NG-Grid에서 엑셀 스타일로 편집
____구독자 추가를 위한 모달 창 구현
____실시간 입력 양식 검사
__요약

4장. AngularJS 앱에 REST 적용하기
__REST API의 응답 이해하기
____RESTful 웹 서비스 테스트
__Angular 시드로 앱 개발 끌어올리기
____Angular 시드의 파일과 폴더
____부트스트랩 라이브러리 추가
____노드 웹 서버 구동
__레아아웃 꾸미기
__경로 생성
__AngularJS 서비스에 대한 이해
__첫 번째 팩토리 서비스 작성
____의존성 주입
____파셜 작성
____$http를 사용한 REST 웹 서비스 호출
__비동기 호출을 위해 지연된 응답 사용
__JSON 응답을 표시하기
__예제 애플리케이션 단위 테스트
__단위 테스트 중 $http 모킹하기
__핀터레스트 스타일 레이아웃 생성
__버튼에 액션 추가
__요약

5장. 페이스북 친구 생일 알림이 앱 만들기
__페이스북 SDK의 이해
____소셜 그래프
____그래프 API
____그래프 API 탐색기
____페이스북 앱 생성
__예제 애플리케이션 설정
____예제 애플리케이션 실행
__AngularJS 지시자 자세히 알기
____지시자란?
____지시자 작명의 중요성
____지시자 분석
____첫 번째 지시자 작성하기
__페이스북을 통한 로그인 추가
____fb-root div 태그 추가하기
____페이스북 SDK 로딩
____$watch와 $digest 이해하기
____언제 $apply를 적용하는가
__사용자의 친구 목록 가져오기
__친구들의 프로필 사진과 생일 가져오기
____FB.login으로 추가 권한 요청하기
____격리된 스코프 이해하기
__몇몇 CSS 스타일 추가하기
____경로 파일 수정
__로그아웃 링크 추가
__자동화된 테스트 작성
____카르마로 단위 테스트 작성
____프로트랙터를 사용한 연동 테스트
__요약

6장. 비용 관리 모바일 앱 만들기
__HTML 5 웹 스토리지 이해하기
____지역 저장소
____세션 저장소
__비용 관리 모바일 앱 만들기
__비용 추가 양식 생성
____$rootScope는 무엇인가?
____.run 블록의 이해
____카테고리 리스트 저장을 위한 서비스 생성
____비용 추가 양식 검증하기
____지역 저장소를 사용해 데이터 저장
__D3를 이용한 막대 차트 지시자 생성
__카테고리별 비용 요약하기
____전용 막대 차트 지시자 생성하기
__반응형 앱 만들기
____CSS 미디어 쿼리 추가
____윈도우 크기에 따른 D3 차트 크기 변경
__터치 이벤트 추가
____ngTouch를 사용해 밀어 넘기기 활성화
__ngAnimate를 이용한 페이지 전환
____ngAnimate 모듈 불러오기
____CSS3 전환 효과 추가
__앱을 네이티브 앱처럼 꾸미기
____터치 아이콘 추가
____전체 화면에서 앱 실행
__부가 기능 추가
__요약

7장. MEAN 스택을 이용한 CMS 개발
__MEAN 스택을 사용하는 이유
__MEAN 스택 시작하기
____몽고DB 설정
____ExpressJS와 MongooseJS 설정
__서버 애플리케이션 개발
____몽구스 스키마 생성
____CRUD를 위한 경로 생성
____컬렉션에 새 항목 추가하기
____컬렉션 수정
____컬렉션 삭제
____단일 항목 보여주기
__관리자 페이지 보호하기
____bcrypt를 이용한 패스워드 암호화
____신규 관리자 계정 생성
____인증을 위한 로그인 경로 생성
____로그아웃 경로 생성
____세션 검사 미들웨어 개발
__AngularJS와 ExpressJS 프로젝트 연동
__HTML5 모드를 사용해 SEO에 최적화된 URL 생성
__CRUD 연산을 위한 관리자 페이지 생성
____관리자 영역을 위한 경로 생성
____팩토리 서비스 작성
____관리자 영역을 위한 컨트롤러 작성
____관리자 페이지 레이아웃 설정
____관리자 영역의 리스트 뷰 작성
____AngularJS에서 인증 설정하기
____로그인 페이지 작성
__알림을 위한 자체 모듈 작성
____messeage.flash 모듈 작성 및 초기화
____message.flash 팩토리 서비스 작성
____$broadcasts 설정
____message.flash 모듈을 위한 지시자 작성
____알림 메시지 설정
____페이지 추가, 변경을 위한 컨트롤러 작성
____추가-수정 뷰 작성
____URL 필드를 자동으로 생성하는 자체 필터 작성
____위지윅 편집기 추가
__응답을 탐지하기 위한 인터셉터 설정
__CMS의 프론트엔드 구현
____내비게이션 바 지시자 생성
____admin-login 지시자 생성하기
__페이지 내용 출력하기
____기본 홈페이지 설정
__요약

8장. 아마존 AWS에 배포하기 위한 확장 가능한 아키텍처
__AWS의 다양한 서비스 이해
__AWS 배포 아키텍처 깊이 알아보기
____EC2 서버 기반 아키텍처
____서버가 없는 아키텍처
__AWS의 서버 없는 아키텍처에 앱 배포하기
____도메인과 S3 연결하기
____S3 버킷을 클라우드프론트를 통해 제공하도록 설정하기
__상용 서비스 배포를 위해 앱 설정하기
____앱의 페이지 로드 시간 단축
____헤더에 만료 기간 설정
__성능
__요약

9장. 전자상거래 사이트 구축
__서비스로의 백엔드
__AWS에 BaaS 플랫폼 구축
____공개적으로 접근 가능한 S3 버킷 설정
____S3 버킷에 CORS 정책 설정
____다이나모DB 테이블 생성
____IAM 역할 생성
__자신만의 전자상거래 사이트 구축하기
____UI-라우터를 사용해 중첩된 뷰 구현
____상태들을 URL, 뷰, 컨트롤러에 맵핑
__애플리케이션 프로토타입 생성
____index.html 파일 설정하기
____컨트롤러 생성
____상품 파셜 생성
____뷰 전환에 애니메이션 추가
____CSS 전환 효과 추가
__애플리케이션 레벨의 컨트롤러 생성
____페이스북 로그인 추가
__AWS 자바스크립트 SDK와 연동
____AWS 서비스 프로바이더 생성
__상품 추가 페이지 개발
____다이나모DB 테이블에 데이터 저장
____상품 추가 양식을 위한 뷰 생성
____상품 추가 뷰를 위한 컨트롤러 생성
____S3에 이미지 업로드
____카테고리로 상품 목록 가져오기
____리졸브를 사용해 데이터를 미리 로드하기
__상품 상세 페이지 생성
____장바구니에 상품 담기
____결제 페이지 생성
____주문 저장
__요약

AngularJS 관련 자료들