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 대 React 대 Vue
- Angular 16개 기능 및 아키텍처 개요
- 개발 환경 설정
시작하기
- Angular CLI를 사용하여 새 Angular 16 프로젝트 생성
- 프로젝트 구조 및 파일 탐색
- 애플리케이션 실행 및 제공
- 보간 및 표현식을 사용하여 데이터 표시
구성요소
- Angular 16에서 구성 요소의 역할 이해
- 구성요소 생성 및 사용
- 입력과 출력을 사용하여 구성요소 간에 데이터 전달
- 구성요소 수명주기 후크 사용
지시어
- 구조 지시문과 속성 지시문의 차이점 이해
- ngIf, ngFor, ngSwitch 등과 같은 내장 지시어 생성 및 사용
- 사용자 정의 지시어 생성 및 사용
파이프
- Angular 16의 파이프 목적 이해
- 날짜, 통화, json 등 내장 파이프 생성 및 사용
- 커스텀 파이프 생성 및 사용
서비스
- Angular 16에서 서비스의 역할 이해
- 서비스 생성 및 사용
- 공급자를 사용하여 종속성 주입
모듈
- Angular 16에서 모듈의 역할 이해
- 모듈 생성 및 사용
- 모듈 가져오기 및 내보내기
데이터 바인딩
- 단방향 데이터 바인딩과 양방향 데이터 바인딩의 차이점 이해
- 속성 바인딩, 이벤트 바인딩, Banana-in-a-box 구문 생성 및 사용
- 템플릿 참조 변수 사용
라우팅
- Angular 16에서 라우팅의 역할 이해
- 경로 생성 및 구성
- routerLink 및 router.navigate를 사용하여 경로 간 탐색
- 경로 매개변수, 쿼리 매개변수, 프래그먼트 사용
양식
- 템플릿 기반 양식과 반응형 양식의 차이점 이해
- 양식 컨트롤, 양식 그룹, 양식 배열 등을 사용하여 양식 생성 및 유효성 검사
- 필수, minLength, maxLength 등과 같은 내장 유효성 검사기 사용
- 사용자 정의 유효성 검사기 생성 및 사용
HTTP 클라이언트
- Angular 16에서 HTTP 클라이언트의 역할 이해
- 백엔드 서비스와 통신하기 위해 HTTP 요청 생성 및 사용
- Observable을 사용하여 비동기 데이터 스트림 처리
- 인터셉터를 사용하여 HTTP 요청 또는 응답 수정 또는 처리
디버깅
- Angular 16개 애플리케이션의 일반적인 오류 및 버그 이해
- Chrome DevTools를 사용하여 요소, 소스, 네트워크, 콘솔 등을 검사합니다.
- 중단점, Watch 표현식, 호출 스택 등을 사용하여 코드 디버그
테스트
- Angular 16개 애플리케이션에서 테스트의 중요성 이해
- 대체 테스트 프레임워크로 Jest 사용
- Karma를 단위 테스트용 테스트 실행기로 사용
- Protractor를 엔드투엔드 테스트 도구로 사용
요약 및 다음 단계
Requirements
- HTML, CSS, Java스크립트에 대한 이해
- TypeScript과 RxJS에 대한 경험
- 웹 개발 경험
청중
- Angular 16을 사용하여 동적이고 반응성이 뛰어난 웹 애플리케이션을 만드는 방법을 배우고 싶은 개발자
- Angular 이전 버전보다 실력을 업그레이드하고 싶은 개발자
- Angular 16의 새로운 기능과 업데이트를 살펴보고 싶은 프로그래머
28 Hours
회원 평가 (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 !
