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이란 무엇입니까?
- Angular 12의 새로운 기능은 무엇입니까?
Typescript 및 ES6 Java스크립트 개요
- TypeScript 구문
- TypeScript 트랜스파일러 사용
- Angular 12 및 Typescript 설정
Angular 12의 부품 개요
- Angular CLI
- 구성요소
- 지시어
- 입력 및 출력
- 데이터 바인딩 및 보간
- 이벤트 바인딩
- 데이터 모델링
- Bootstrap핑
- 실험적인 웹팩
첫 번째 Angular 애플리케이션 만들기
- 애플리케이션 계획
- Angular 프로젝트 설정
- Bootstrap 4 및 Sass를 사용하여 모바일 친화적인 UI 만들기
구성요소 생성
- 구성요소 수명주기 이해
- 데이터 흐름
- 템플릿 및 스타일 사용
- 콘텐츠 투사
- AppModule 작업
- 사용자 정의 구성 요소 작업
- 뷰 캡슐화 사용
- 수명주기 후크 구현
- ViewChildren 및 ContentChildren 사용
Angular 12의 데이터 바인딩
- 속성 및 이벤트 바인딩 이해
- 사용자 정의 속성에 별칭 바인딩 및 할당
- 사용자 정의 이벤트에 별칭 바인딩 및 할당
지시어 작업
- 내장 지시문
- 사용자 정의 지시문
Angular 12개 서비스
- 로깅 서비스 생성
- 데이터 서비스 생성
종속성 주입 및 공급자 사용
- 인젝터, 공급자 및 토큰
- 종속성 주입 구성
- 공급자 구성
- 구성 요소, 지시문 및 서비스에 서비스 주입
라우팅으로 페이지 전환
- 다양한 탐색 방법 이해
- 라우팅 전략
- 경로 설정
- 경로 구성 및 로드
- 경로에서 매개변수 사용
- 중첩 경로 만들기
- 리디렉션 및 와일드카드 경로 사용
- 루트 가드 이해
RxJS을 사용하여 Angular에서 Observable을 생성하고 작업
- Observable 개요
- RxJS 개요
- Angular에서 Observable 구축 및 사용
사용자 입력을 위한 양식 생성
- 템플릿 기반 양식 사용
- Reactive 형식 사용
- 사용자 정의 유효성 검사 만들기
- 양식 데이터 유효성 검사, 필터링 및 삭제
파이프 사용
- 출력 변환
- 내장 파이프
- 비동기 파이프
- 맞춤형 파이프
외부 HTTP API 호출하기
- 요청 보내기
Angular 12 애플리케이션 테스트
- 단위 테스트에 Jasmine 사용
- 엔드투엔드 테스트를 위한 Protractor 대안 탐색
애플리케이션 디버깅
- Angular의 오류 메시지 이해
- 소스맵을 사용하여 브라우저에서 코드 디버깅
- 읽기 TypeScript 컴파일러 진단
- Augury를 사용하여 브라우저 내부 디버깅
Angular 12 애플리케이션 최적화
- 코드 재작업
- 번들 크기 감소 및 데드 코드 제거
Angular 12 보안
- 인증 작동 방식
- JWT 인증 사용
- Angular에 써야 할 것과 쓰지 말아야 할 것
Angular 12 애플리케이션을 프로덕션에 배포
- IIS, Apache, Nginx 등에 배포
Angular 12가지 모범 사례
문제 해결
요약 및 결론
Requirements
- 기본 HTML, CSS 및 JavaScript에 대한 지식
청중
- 개발자
- 프로그래머
28 Hours
회원 평가 (2)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Course - Angular 12
The experience and patience of the trainer.
