Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
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에 대한 지식
청중
- 개발자
28 Hours
회원 평가 (1)
Good material! The trainer is a really nice guy which helps a lot!