Angular 10 for Developers 교육 과정
Angular 웹 애플리케이션을 구축하기위한 JavaScript 프레임 워크입니다. Angular 10은 Angular 2 시리즈의 최신 버전입니다 (Angular 2는 원본 AngularJS 또는 Angular 1의 완전한 복제입니다). Angular 10은 새로운 기능 대신 품질, 도구 및 생태계 개선을 강조하는 주요 발표입니다. Angular 10은 이전 버전보다 작습니다.
이 강사가 이끄는 라이브 훈련 (온라인 또는 온라인)에서 참가자는 최신 기능을 사용하여 Angular 응용 프로그램을 만드는 방법, 테스트 및 배치하는 방법을 배우게됩니다.
이 훈련이 끝나면 참가자는 다음을 할 수 있습니다 :
- 개발 Angular 10 응용 프로그램을 사용하여 TypeScript 및 Angular CLI.
- 모든 HTML 페이지에서 사용할 수 있는 깔끔하게 연결된 웹 구성 요소를 만듭니다.
- 이러한 구성 요소를 서비스, 모듈 및 지침에 연결합니다.
- REST 웹 서비스 및 WebSocket 데이터를 한 Angular 10 응용 프로그램 내에서 소비합니다.
- 사용자 지정 인증을 구축하여 Reactive 양식을 사용합니다.
- 테스트, 분해 및 배포 Angular 10 응용 프로그램.
- Angular 최상의 관행을 사용하여 10 개의 프로젝트를 조직하십시오.
코스의 형식
- 인터랙티브 강의 및 토론
- 많은 연습과 연습이 있습니다.
- 라이브 실험실 환경에서 핸드-온 구현.
코스 Customization 옵션
- 이 과정에 대한 사용자 지정 훈련을 요청하려면 저희에게 연락하여 배치하십시오.
Course Outline
소개
- Angular이란 무엇입니까?
- Angular 10의 새로운 기능은 무엇입니까?
Typescript 및 ES6 Java스크립트 개요
- TypeScript 구문
- TypeScript 트랜스파일러 사용
- Angular 10 및 Typescript 설정
Angular10's 부품 개요
- Angular CLI
- 구성요소
- 지시어
- 입력 및 출력
- 데이터 바인딩 및 보간
- 이벤트 바인딩
- 데이터 모델링
- Bootstrap핑
첫 번째 Angular 애플리케이션 만들기
- 애플리케이션 계획
- Angular 프로젝트 설정
- Bootstrap 4 및 Sass를 사용하여 모바일 친화적인 UI 만들기
구성요소 생성
- 구성요소 수명주기 이해
- 데이터 흐름
- 템플릿 및 스타일 사용
- 콘텐츠 투사
- AppModule 작업
- 사용자 정의 구성 요소 작업
- 뷰 캡슐화 사용
- 수명주기 후크 구현
- ViewChildren 및 ContentChildren 사용
Angular 10의 데이터 바인딩
- 속성 및 이벤트 바인딩 이해
- 사용자 정의 속성에 별칭 바인딩 및 할당
- 사용자 정의 이벤트에 별칭 바인딩 및 할당
지시어 작업
- 내장 지시어
- 사용자 정의 지시어
Angular 10개 서비스
- 로깅 서비스 생성
- 데이터 서비스 생성
종속성 주입 및 공급자 사용
- 인젝터, 공급자 및 토큰
- 종속성 주입 구성
- 공급자 구성
- 구성 요소, 지시문 및 서비스에 서비스 주입
라우팅으로 페이지 전환
- 다양한 탐색 방법 이해
- 라우팅 전략
- 경로 설정
- 경로 구성 및 로드
- 경로에서 매개변수 사용
- 중첩 경로 만들기
- 리디렉션 및 와일드카드 경로 사용
- 루트 가드 이해
RxJS을 사용하여 Angular에서 Observable을 생성하고 작업
- Observable 개요
- RxJS 개요
- Angular에서 Observable 구축 및 사용
사용자 입력을 위한 양식 생성
- 템플릿 기반 양식 사용
- Reactive 형식 사용
- 사용자 정의 유효성 검사 만들기
- 양식 데이터 유효성 검사, 필터링 및 삭제
파이프 사용
- 출력 변환
- 내장 파이프
- 비동기 파이프
- 맞춤형 파이프
외부 HTTP API 호출하기
- 요청 보내기
Angular 모듈 사용
Angular 10 애플리케이션 테스트
- 단위 테스트에 Jasmine 사용
- 엔드투엔드 테스트를 위해 Protractor 사용
애플리케이션 디버깅
- Angular의 오류 메시지 이해
- 소스맵을 사용하여 브라우저에서 코드 디버깅
- 읽기 TypeScript 컴파일러 진단
- Augury 사용
Angular 10 애플리케이션 최적화
- 코드 재작업
- 번들 크기 감소 및 데드 코드 제거
Angular 10 보안
- 인증 작동 방식
- JWT 인증 사용
- Angular에 써야 할 것과 쓰지 말아야 할 것
Angular 10 애플리케이션을 프로덕션에 배포
- IIS, Apache, Nginx 등에 배포
Angular 10가지 모범 사례
문제 해결
요약 및 결론
Requirements
- 기본 HTML, CSS 및 JavaScript에 대한 지식
청중
- 개발자
Open Training Courses require 5+ participants.
Angular 10 for Developers 교육 과정 - Booking
Angular 10 for Developers 교육 과정 - Enquiry
Angular 10 for Developers - Consultancy Enquiry
Consultancy Enquiry
회원 평가 (4)
트레이너의 태도와 지식
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
구조에 대한 지식.
Jeffry Gonzalez - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Angular과 TS를 기본으로 시작해서 연습의 난이도를 좋은 방향으로 올렸습니다.
Daniel Zamorano Infante - Allianz Technology
Course - Angular 10 for Developers
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Upcoming Courses
Related Courses
Angular 13
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 13의 최신 기능을 사용하여 웹 애플리케이션을 구축, 테스트 및 배포하려는 프로그래머를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- TypeScript 및 Angular CLI를 사용하여 Angular 13 애플리케이션을 개발합니다.
- Angular 13 웹 애플리케이션을 개발, 테스트 및 배포합니다.
- 모든 웹 애플리케이션이나 페이지에 사용할 수 있는 웹 구성 요소를 만듭니다.
Angular 2 Fundamentals
21 Hours대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 Angular 2를 사용하여 동적이고 현대적인 웹 애플리케이션을 구축하려는 초급에서 중급 개발자를 대상으로 합니다.
이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.
- Angular 2개의 프로젝트를 설정 및 구성합니다.
- Angular 2의 기능과 개선 사항을 활용하세요.
- Angular 2를 사용하여 견고하고 확장 가능한 애플리케이션을 개발합니다.
- 코드 구성 및 아키텍처에 대한 모범 사례를 구현합니다.
- RESTful API를 사용하여 Angular 애플리케이션을 통합합니다.
Angular JavaScript
28 Hours이것은 AngularJS를 사용하여 웹 사이트를 만들고자 하는 모든 사람들을 위한 실습 과정입니다.
이 과정에서는 최신 안정된 버전을 사용합니다. 사전 릴리스 버전은 예약 양식의 설명란에 표시된 경우에만 사용할 수 있습니다. 이전 버전은 예약 전에 동의해야 합니다.
AngularJS Basics
14 HoursAngular JS는 빠른 앱 개발을위한 Java Script 라이브러리입니다.
청중
- 개발자
- 프로그래머
- 자바 스크립트 건축가
목표
- 프로그래밍 방식 / OO 방식에서 사고 방식으로 Angular 방식으로 이동
- 참가자는 Angular JS를 사용하여 단일 페이지 응용 프로그램을 만들 수 있습니다.
과정 형식
- 40 % 강의, 60 % 실습
Angular 11
28 Hours강사가 진행하는 이 실시간 교육(온라인 또는 현장)에서 참가자는 Angular 11의 최신 기능을 사용하여 Angular 애플리케이션을 생성, 테스트 및 배포하는 방법을 배웁니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- TypeScript 및 Angular CLI를 사용하여 Angular 11 애플리케이션을 개발합니다.
- 모든 HTML 페이지에서 사용할 수 있는 느슨하게 결합된 웹 구성 요소를 만듭니다.
- Angular 11 애플리케이션을 테스트, 디버그 및 배포합니다.
- 모범 사례를 사용하여 Angular 11개의 프로젝트를 구성합니다.
Angular 11 Advanced
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 11의 고급 개발자 도구를 사용하여 애플리케이션을 설계, 구축, 테스트 및 배포하려는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 고급 Angular 11 애플리케이션을 개발하는 데 필요한 개발 환경을 설정합니다.
- 복잡한 애플리케이션을 위한 상위-하위 구조, 중첩 구성 요소를 구축합니다.
- 실시간 이벤트와 비동기 프로그래밍을 처리하려면 RxJS과 관찰 가능 항목을 사용하세요.
- 사용자 입력 및 데이터 입력 작업을 관리하기 위해 확장 가능한 양식 및 데이터 모델을 만듭니다.
- Angular 11에서 고급 종속성 주입, 라우팅 및 보안 모범 사례를 구현하세요.
Angular 12
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 12의 최신 기능을 사용하여 Angular 애플리케이션을 생성, 테스트 및 배포하려는 프로그래머를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- TypeScript 및 Angular CLI를 사용하여 Angular 12 애플리케이션을 개발합니다.
- 모든 웹 애플리케이션이나 HTML 페이지에서 사용할 수 있는 느슨하게 결합된 웹 구성 요소를 만듭니다.
- Angular 12 애플리케이션을 테스트, 디버그 및 배포합니다.
- 모범 사례를 사용하여 Angular 12개의 프로젝트를 구성합니다.
Angular 12 Advanced
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 사용자 정의 구성요소, 지시문, 고급 데이터 바인딩, 지연 로딩 등을 포함하여 Angular 12의 고급 기능을 자세히 알아보고자 하는 개발자를 대상으로 합니다. .
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 고급 기술과 개념을 사용하여 Angular 12개의 애플리케이션을 개발합니다.
- 사용자 정의 구성 요소 및 지시어를 구현합니다.
- 고급 데이터 바인딩 기술을 살펴보세요.
- 지연 로딩 및 동적 가져오기를 구현합니다.
- Angular 12 애플리케이션의 성능을 최적화합니다.
Angular 13 Advanced
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 13의 고급 기능을 활용하여 고성능 웹 애플리케이션을 구축, 테스트 및 배포하려는 숙련된 개발자와 프로그래머를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- TypeScript 및 Angular CLI를 효과적으로 사용하여 복잡한 Angular 13 애플리케이션을 생성하세요.
- 최적의 성능을 위해 Angular 13 웹 애플리케이션을 개발, 테스트 및 배포하세요.
- Angular 13 애플리케이션의 재사용성과 유지 관리성을 향상시키는 웹 구성 요소를 만듭니다.
Angular 14
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 14의 최신 기능을 사용하여 웹 애플리케이션을 구축, 테스트 및 배포하려는 개발자와 프로그래머를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Angular 14을 설치하고 구성합니다.
- Angular 14의 구성 요소 기반 아키텍처를 사용하여 애플리케이션을 개발합니다.
- Angular 14의 내장 지시문, 서비스 및 파이프를 활용하세요.
- Angular 14의 HttpClient 모듈을 사용하여 RESTful API와 통신합니다.
- Angular 14 애플리케이션에서 인증 및 권한 부여를 구현합니다.
- Angular 14 애플리케이션을 테스트하고 디버그합니다.
Angular 14 Advanced
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 14 기술을 다음 단계로 끌어올리고 Angular 14의 고급 기능을 활용하여 구축하려는 숙련된 개발자와 프로그래머를 대상으로 합니다. 고성능 웹 애플리케이션을 테스트하고 배포합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Angular 14를 사용하여 고급 애플리케이션을 구축하세요.
- Angular 14의 보다 복잡한 기능과 기술을 이해하고 구현합니다.
- 유지 관리 및 확장이 가능한 Angular 14 코드를 개발합니다.
- Angular 14의 기능을 확장하기 위해 사용자 정의 라이브러리와 모듈을 만듭니다.
Angular 15
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 15의 최신 기능을 사용하여 웹 애플리케이션을 구축, 테스트 및 배포하려는 개발자와 프로그래머를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Angular 15을 설치하고 구성합니다.
- Angular 15의 구성 요소 기반 아키텍처를 사용하여 애플리케이션을 개발합니다.
- Angular 15의 내장 지시문, 서비스 및 파이프를 활용하세요.
- Angular 15의 HttpClient 모듈을 사용하여 RESTful API와 통신합니다.
- Angular 15 애플리케이션에서 인증 및 권한 부여를 구현합니다.
- Angular 15 애플리케이션을 테스트하고 디버그합니다.
- 이미지 지시문, UI 구성 요소 빌드를 위한 CDK 목록, 가드의 상용구 감소, 더 빠른 빌드를 위한 esbuild의 개선 사항과 같은 Angular 15의 새로운 기능을 이해합니다.
Angular 15 Advanced
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 15 기술을 다음 단계로 끌어올리고 Angular 15의 고급 기능을 활용하여 구축하려는 숙련된 개발자와 프로그래머를 대상으로 합니다. 고성능 웹 애플리케이션을 테스트하고 배포합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Angular 15개의 애플리케이션을 구축하려면 고급 기술을 사용하세요.
- 대규모 Angular 15 애플리케이션 확장 및 유지 관리에 대한 모범 사례를 이해합니다.
- Angular 15의 고급 기능을 사용하여 고성능 애플리케이션을 개발합니다.
- Angular 15개 애플리케이션의 문제를 해결하고 최적화합니다.
- 서버 측 렌더링, 지연 로딩 등과 같은 고급 주제에 대해 알아보세요.
Angular 16
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 16의 최신 기능을 사용하여 웹 애플리케이션을 구축, 테스트 및 배포하려는 초급 수준부터 중급 수준의 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Node.js, Visual Studio 코드, Angular CLI를 포함하는 개발 환경을 설정합니다.
- 데이터를 표시하고 사용자 상호 작용을 처리하는 기본 Angular 16 애플리케이션을 만듭니다.
- 구성 요소, 지시문, 파이프, 서비스 및 모듈을 사용하여 코드를 구성하고 재사용합니다.
- 데이터 바인딩, 종속성 주입, 라우팅, 양식 및 HTTP 클라이언트를 사용하여 백엔드 서비스와 통신합니다.
- Chrome DevTools, Jest, Karma 및 Protractor과 같은 도구를 사용하여 Angular 16개 애플리케이션을 디버그하고 테스트합니다.
Angular 17
28 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Angular 17의 최신 기능을 사용하여 웹 애플리케이션을 구축, 테스트 및 배포하려는 초급 수준부터 중급 수준의 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Node.js, Visual Studio 코드, Angular CLI를 포함하는 개발 환경을 설정합니다.
- 데이터를 표시하고 사용자 상호 작용을 처리하는 기본 Angular 17 애플리케이션을 만듭니다.
- 구성 요소, 지시문, 파이프, 서비스 및 모듈을 사용하여 코드를 구성하고 재사용합니다.
- 데이터 바인딩, 종속성 주입, 라우팅, 양식 및 HTTP 클라이언트를 사용하여 백엔드 서비스와 통신합니다.
- 새로운 템플릿 제어 블록 구문을 사용하여 조건부 렌더링, 반복 및 빈 컬렉션 처리와 같은 일반적인 작업을 단순화합니다.
- 새로운 @defer 제어 블록을 사용하여 블록 내용과 해당 종속성의 지연 로딩을 활성화합니다.
- 새로운 보기 전환 API를 사용하여 보기 간 애니메이션 및 전환을 맞춤설정하세요.
- Chrome DevTools, Jest, Karma 및 Protractor과 같은 도구를 사용하여 Angular 17개 애플리케이션을 디버그하고 테스트합니다.