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에 대한 지식
청중
- 개발자
회원 평가 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Course - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Course - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Course - Building Web Apps using the MEAN stack
나는 당신의 농담을 좋아했습니다
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Course - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
단계별 분석. 코드 설명의 각 줄. 강좌를 진행하는 동안 제가 겪은 모든 문제는 성공적으로 해결되었고 Łukasz는 저에게 그 이유를 말해주었습니다. 나는 또한 제시된 좋은 사례를 좋아했습니다. 나는 TDD 스타일에 대해 확신한 적이 없습니다. 단지 그것이 유용하고 시간을 들일 가치가 없다고 생각합니다. Łukasz는 TDD의 많은 장점을 지적했고, 그것은 내 의견을 완전히 바꿔 놓았습니다.
Michał Uściński - Devapo Sp. z o. o.
Course - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Course - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Course - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Course - Angular 6
Good examples and interactive course !