Course Outline
소개
- Angular 6의 새로운 기능은 무엇입니까?
Typescript 및 ES6 Java스크립트 개요
- TypeScript 문법
- TypeScript 트랜스파일러 사용하기
- Angular 6 및 Typescript 설정
Angular 6의 부품 개요
- 구성요소 생성
- 데이터 바인딩 및 문자열 보간
- 속성 바인딩
- 이벤트 바인딩
- 양방향 데이터 바인딩
- 데이터 모델링
- 지시어
- Bootstrap핑
- 입력 및 출력
- Angular CLI
첫 번째 Angular 애플리케이션 만들기
- 애플리케이션 계획
- CLI를 사용하여 Angular 프로젝트 및 앱 설정
- Bootstrap 4 및 Sass을 사용하여 기본 프로젝트 설정 만들기
Angular 6개 구성 요소 사용
- 데이터 흐름
- AppModule 작업
- 사용자 정의 구성 요소 작업
- 템플릿 및 스타일 사용
- 뷰 캡슐화 사용
- 콘텐츠 투사
- 구성 요소 수명 주기 및 수명 주기 후크 이해
- ViewChildren 및 ContentChildren 사용
Angular 6의 데이터 바인딩
- 속성 및 이벤트 바인딩 개요
- 사용자 정의 속성에 별칭 바인딩 및 할당
- 사용자 정의 이벤트에 별칭 바인딩 및 할당
지시어 작업
- 내장 지시문
- 사용자 정의 지시어
Angular 6개 서비스
- 로깅 서비스 생성
- 데이터 서비스 생성
종속성 주입 및 공급자 사용
- 인젝터, 공급자 및 토큰
- 종속성 주입 구성
- 공급자 구성
- 구성 요소, 지시문 및 서비스에 서비스 주입
라우팅으로 페이지 전환
- 경로 설정
- 경로 구성 및 로드
- 다양한 탐색 방법 이해
- 경로에서 매개변수 사용
- 중첩 경로 만들기
- 리디렉션 및 와일드카드 경로 사용
- 루트 가드 이해
- 라우팅 전략 이해
RxJS을 사용하여 Angular에서 Observable을 생성하고 작업
- Observable 개요
- RxJS 개요
- Angular에서 Observable 구축 및 사용
양식 처리
- 템플릿 기반 양식 사용
- Reactive 형식 사용
파이프 사용
- 내장 파이프
- 비동기 파이프
- 맞춤형 파이프
외부 HTTP API 호출하기
Angular 모듈 사용
Angular 6 애플리케이션 테스트
- 단위 테스트에 Jasmine 사용
애플리케이션 디버깅
- Angular의 오류 메시지 이해
- 소스맵을 사용하여 브라우저에서 코드 디버깅
- Augury 사용
Angular 6 애플리케이션 최적화
Angular 6 보안
- 입증
- Angular에 써야 할 것과 쓰지 말아야 할 것
Angular 6 애플리케이션을 프로덕션에 배포
- IIS, Apache, Nginx 등에 배포
문제 해결
맺음말
Requirements
- 기본 HTML, CSS 및 JavaScript에 대한 지식
청중
- 개발자
회원 평가 (6)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Course - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Course - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
Course - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
Course - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
Course - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.