Course Outline
소개
- Angular이란 무엇입니까?
- Angular 11의 새로운 기능은 무엇입니까?
Typescript 및 ES6 Java스크립트 개요
- TypeScript 구문
- TypeScript 트랜스파일러 사용
- Angular 11 및 Typescript 설정
Angular 11의 부품 개요
- Angular CLI
- 구성요소
- 지시문
- 입력 및 출력
- 데이터 바인딩 및 보간
- 이벤트 바인딩
- 데이터 모델링
- Bootstrap핑
- 실험적인 웹팩
첫 번째 Angular 애플리케이션 만들기
- 애플리케이션 계획
- Angular 프로젝트 설정
- Bootstrap 4 및 Sass를 사용하여 모바일 친화적인 UI 만들기
구성요소 생성
- 구성요소 수명주기 이해
- 데이터 흐름
- 템플릿 및 스타일 사용
- 콘텐츠 투사
- AppModule 작업
- 사용자 정의 구성 요소 작업
- 뷰 캡슐화 사용
- 수명주기 후크 구현
- ViewChildren 및 ContentChildren 사용
Angular 11의 데이터 바인딩
- 속성 및 이벤트 바인딩 이해
- 사용자 정의 속성에 별칭 바인딩 및 할당
- 사용자 정의 이벤트에 별칭 바인딩 및 할당
지시어 작업
- 내장 지시문
- 사용자 정의 지시문
Angular 11개 서비스
- 로깅 서비스 생성
- 데이터 서비스 생성
종속성 주입 및 공급자 사용
- 인젝터, 공급자 및 토큰
- 종속성 주입 구성
- 공급자 구성
- 구성 요소, 지시문 및 서비스에 서비스 주입
라우팅으로 페이지 전환
- 다양한 탐색 방법 이해
- 라우팅 전략
- 경로 설정
- 경로 구성 및 로드
- 경로에서 매개변수 사용
- 중첩 경로 만들기
- 리디렉션 및 와일드카드 경로 사용
- 루트 가드 이해
RxJS을 사용하여 Angular에서 Observable을 생성하고 작업
- Observable 개요
- RxJS 개요
- Angular에서 Observable 구축 및 사용
사용자 입력을 위한 양식 생성
- 템플릿 기반 양식 사용
- Reactive 형식 사용
- 사용자 정의 유효성 검사 만들기
- 양식 데이터 유효성 검사, 필터링 및 삭제
파이프 사용
- 출력 변환
- 내장 파이프
- 비동기 파이프
- 맞춤형 파이프
외부 HTTP API 호출하기
- 요청 보내기
Angular 10 애플리케이션 테스트
- 단위 테스트에 Jasmine 사용
- 엔드투엔드 테스트를 위해 Protractor 사용
애플리케이션 디버깅
- Angular의 오류 메시지 이해
- 소스맵을 사용하여 브라우저에서 코드 디버깅
- 읽기 TypeScript 컴파일러 진단
- Augury 사용
Angular 11 애플리케이션 최적화
- 코드 재작업
- 번들 크기 감소 및 데드 코드 제거
Angular 11 보안
- 인증 작동 방식
- JWT 인증 사용
- Angular에 써야 할 것과 쓰지 말아야 할 것
Angular 11 애플리케이션을 프로덕션에 배포
- IIS, Apache, Nginx 등에 배포
Angular 11가지 모범 사례
문제 해결
요약 및 결론
Requirements
- 기본 HTML, CSS 및 JavaScript에 대한 지식
청중
- 개발자
회원 평가 (5)
매우 대화적이고 유익했습니다. 트레이너는 우리가 뭔가를 이해하지 못했을 때 매우 인내심을 갖고 훈련 내내 뒤쳐지는 사람이 없는지 확인했습니다.
Daniel - INIT Innovations in Transportation Ltd.
Course - Angular 17
Machine Translated
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Course - Angular 14
나는 당신의 농담을 좋아했습니다
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Pipe Routing Data Biding Services