클래스 소개
#Angular #앵귤러 #웹프레임워크 #프론트엔드 #기초부터 #실무까지 #확실하게 #정복
교육 대상
프론트엔드 삼대장. 앵귤러!
프론트엔드 분야의 대표적인 주자하면 무엇이 떠오르시나요?
개별적인 성향은 달라도 공통적으로만 꼽아보면 React, Vue.js, 그리고 Angular가 아닐까 싶습니다.
앵귤러는 프로젝트의 생성부터 테스트와 빌드, 배포까지 모든 기능이 제공되는 프레임워크로, 모 듈과 컴포넌트 기반으로 동작하며 거진 웬만한 기능의 라이브러리는 자체적으로 제공하는 것이 특징이죠. 필요한 것이 모두 갖춰져 있다는 것은 그만큼 번거로움과 수고가 줄기 때문에 이를 통 한 효율이 상승한다는 점이 있어요. 넣어 봤자 얼마나 되겠나 싶을 수도 있겠지만, 개발에 필요한 대부분의 기능들이 들어있고, 하다 못해 UI를 위한 컴포넌트 라이브러리까지도 지원이 됩니다. 게 다가 기본적인 앵귤러의 코딩 스타일로 친절(?)하게 서포트해주는 기능도 있어요.
웹이라는 환경 특성상 개발과정과 배포도 중요하지만 그에 못지 않게 유지 보수라는 점도 중요한 데 앵귤러는 다른 툴에 비해 조금 더 이점이 많은 것도 앵귤러 라는 언어를 선택하는 이유가 되기도 합니다.
개별적인 성향은 달라도 공통적으로만 꼽아보면 React, Vue.js, 그리고 Angular가 아닐까 싶습니다.
앵귤러는 프로젝트의 생성부터 테스트와 빌드, 배포까지 모든 기능이 제공되는 프레임워크로, 모 듈과 컴포넌트 기반으로 동작하며 거진 웬만한 기능의 라이브러리는 자체적으로 제공하는 것이 특징이죠. 필요한 것이 모두 갖춰져 있다는 것은 그만큼 번거로움과 수고가 줄기 때문에 이를 통 한 효율이 상승한다는 점이 있어요. 넣어 봤자 얼마나 되겠나 싶을 수도 있겠지만, 개발에 필요한 대부분의 기능들이 들어있고, 하다 못해 UI를 위한 컴포넌트 라이브러리까지도 지원이 됩니다. 게 다가 기본적인 앵귤러의 코딩 스타일로 친절(?)하게 서포트해주는 기능도 있어요.
웹이라는 환경 특성상 개발과정과 배포도 중요하지만 그에 못지 않게 유지 보수라는 점도 중요한 데 앵귤러는 다른 툴에 비해 조금 더 이점이 많은 것도 앵귤러 라는 언어를 선택하는 이유가 되기도 합니다.
앵귤러를 통한 풀스택 웹개발 프로젝트!
GUI 프론트엔드에서 시작하여 DB백엔드에 도달하는 풀스택을 전제로 진행하는 웹개발 기초 실무 완전정복 클래스는 앵귤러를 기반으로 A부터 Z까지 모든 것을 만들어 가는 데 초점을 두는 커리큘럼 입니다. 앵귤러의 주요 기능을 이론과 실습을 병행하여 개별적으로 세밀하게 파악하고, 프론트엔드를 ASP.NET Core를 통해 백엔드 구연 하는 방법을 연마하면서, SPA기반 웹개발 진행이 가능하도록 준비되었으며, 고객 관리 응용 프로그램을 실제로 제작해가면 서 필요한 과정들을 자세히 확인하고 꾸준히 학습할 수 있도록 설계되었습니다.
웹과 모바일 두마리 토끼를 한꺼번에 잡을 수 있는 풀스택 노하우!
Angular 풀스택 웹개발 기초 실무 완전정복으로 지금 도전하세요~
웹과 모바일 두마리 토끼를 한꺼번에 잡을 수 있는 풀스택 노하우!
Angular 풀스택 웹개발 기초 실무 완전정복으로 지금 도전하세요~
수강기간 / 환불정책 안내
학습 규정 안내- 본 클래스는 총 40차시, 14시간 5분 분량으로 구성되어 있습니다.
- 해당 클래스는 사전 공지 없이 가격, 할인 정책등이 변동 될 수 있습니다.
(1) 학습 기간
- 수강 가능 기간은 1년(365일)이며 해당 기간 동안 자유롭게 학습 하실 수 있습니다.
유료수강기간(환불산정기간)은 최초 1개월 (30일)입니다. - 유/무료 수강기간 모두 동일한 환경으로 학습이 가능합니다.
- 수강 시작일(유료 수강기간)은 결제일로부터 기간이 산정되며, 결제를 완료하시면 ‘내 강의실’을 통해 확인 가능합니다.
- 이지업클래스의 사정으로 인해 수강 시작이 늦어진 경우에는 해당 일정 만큼의 수강기간이 연장됩니다.
(2) 환불 규정
- 이지업클래스의 환불규정은 아래와 같습니다.
* 전액환불- 수강 시작 후 14일 이내, 5차시 & 5%(시간) 미만 수강 시
- 수강 시작 후 14일 이내, 10차시 & 10% 미만 시간 수강시: 실 결제금액의 2/3을 환불
- 수강 시작 후 14일 이내, 15차시 & 15% 미만 수강시: 실 결제금액의 1/3을 환불
- 요청일 기준 수강 시작 후 15일 초과 또는 15차시 또는 15% 이상 수강시 : 환불금액 없음
(3) 주의 사항
- 본 강의는 상황에 따라 사전 공지나 안내 없이 할인이 조기 마감 또는 연장 될 수 있습니다.
- 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 사전 안내 없이 종료될 수 있습니다.
- 무제한 강의의 경우, 내 강의실 수강기간 연장 신청을 통해 무제한으로 연장 가능합니다.
- 구매한 무제한 강의의 연장 진행을 하지 않아 종료될 경우 복구되지 않습니다.
- 강의 컨텐츠는 향후 이지업클래스의 사정에 따라 추가 또는 업데이트 될 수 있습니다
이 강의를 담당하시는 강사님을 소개합니다
박용준- 웹개발에 관한 전반적인 이해와 구연방식을 폭넓게 학습이 가능한 난이도입니다.
- 앵귤러의 입문부터 프로젝트 과정까지 필요한 유익한 구성으로 제작된 클래스입니다.
- 이론과 실습을 충분히 병행하는 레퍼런스로 구성되어 있는 과정입니다.
‘안녕하세요. 박용준 강사 입니다.’
Angular 풀스택 웹개발 클래스를 담당하고 계신 박용준 강사님은 다수의 IT전문 교육 기관에서 전문 분야 인력 양성과 교육 과정을 제작하고 계십니다.
- 앵귤러의 입문부터 프로젝트 과정까지 필요한 유익한 구성으로 제작된 클래스입니다.
- 이론과 실습을 충분히 병행하는 레퍼런스로 구성되어 있는 과정입니다.
‘안녕하세요. 박용준 강사 입니다.’
Angular 풀스택 웹개발 클래스를 담당하고 계신 박용준 강사님은 다수의 IT전문 교육 기관에서 전문 분야 인력 양성과 교육 과정을 제작하고 계십니다.
주요 이력
- 인터넷교육방송 팀장- 다수의 직업학교 C#/ASP.NET 프로그래밍 강사 역임
- 다수의 IT학원 닷넷 전문 강사 역임
커리큘럼
| 맛보기 영상 | |
| 01_새로워진 Angular(앵귤러) 8 을 사용하여 SPA 기반 풀스택 웹개발하기 Part.1 | |
| 1강 Angular(앵귤러) 8 강의 시작 및 강의 소개 | |
| 2강 Angular(앵귤러) 8 미리보기 세미나 | |
| 3강 Angular 2020 개발 환경 구축 및 시작하기(Node, NPM, VSCode, CLI 등) | |
| 4강 강의에서 만들어볼 데모 예제 미리 실행하기 | |
| 5강 Customers(고객 관리) API 만들기 | |
| 6강 Angular CLI와 Visual Studio Code로 앵귤러 프로젝트 만들고 실행해보기 | |
| 7강 Angular(앵귤러) 8에서 알아야 할 8가지 핵심 개념 | |
| 8강 Angular 8.0과 ASP.NET Core 3.0을 사용한 풀스택 웹개발 | |
| 9강 Component(컴포넌트)를 만들고 Module(모듈)에 등록 후 실행하기 | |
| 10강 QuickStart 예제 추가 및 메인 레이아웃에 예제 링크 추가 | |
| 11강 Angular Component(앵귤러 컴포넌트) 이론 설명 | |
| 12강 Customers_01_Angular 프로젝트 생성 및 CustomersIndexComponent 생성 | |
| 13강 Customers_02_고객 관리 관련 입력, 출력, 상세, 수정, 삭제 컴포넌트 생성 | |
| 02_새로워진 Angular(앵귤러) 8 을 사용하여 SPA 기반 풀스택 웹개발하기 Part.2 | |
| 14강 Template(템플릿) 이론 설명 | |
| 15강 스타일 이론 설명 | |
| 16강 Customers_03_부트스트랩을 사용하여 고객 관리 5개 페이지에 대한 순수 HTML 디자인 적용 | |
| 17강 내장 지시자 이론 설명 | |
| 18강 모델과 컴포넌트 고급 및 라이프사이클 이론적인 설명 | |
| 19강 Customers_04_Customer 모델 클래스 생성 및 각각의 컴포넌트에 OnInit 및 모델 클래스적용 | |
| 20강 데이터 바인딩 이론 설명 | |
| 21강 앵귤러 데이터 바인딩 소개 및 데모 | |
| 22강 앵귤러 라우팅 이론 설명 | |
| 23강 Customers_05_ActivatedRoute와 Router 클래스를 사용하여 파라미터 받기 및 페이지 이동하기 | |
| 24강 서비스(Service)와 인젝터 소개 | |
| 25강 Customers_06_CustomersService 서비스 클래스 만들고 컴포넌트에 주입해서 사용하기 | |
| 26강 Customers_07_rxjs를 사용하여 페이징 처리 관련 데이터 서비스 클래스의 메서드 구현 | |
| 27강 Customers_08_데이터 서비스 클래스에 CRUD 메서드 구현 후 삭제와 상세보기 페이지 테스트 | |
| 03_새로워진 Angular(앵귤러) 8 을 사용하여 SPA 기반 풀스택 웹개발하기 Part.3 | |
| 28강 폼과 ngModel_템플릿 기반 폼 이론 설명 | |
| 29강 참고_템플릿 기반 폼 사용하기 | |
| 30강 Customers_09_템플릿 기반 폼으로 입력 폼 구성하고 입력 처리 페이지 완성하기 | |
| 31강 리액티브 기반 폼(Reactive Form)에 대한 이론적인 설명 | |
| 32강 Customers_10_리액티브 기반 폼으로 수정 폼 만들고 기존 데이터 바인딩하기 | |
| 33강 Customers_11_수정 페이지를 리액티브 폼으로 구현 후 수정 코드 완성 | |
| 34강 중첩 컴포넌트(Input과 Output) 이론 설명 | |
| 35강 Customers_12_페이저 컴포넌트 추가 및 리스트 페이지에 페이저 추가 | |
| 36강 Customers_13_Angular Customers 고객 관리 기능 전체 구현 완료 및 실행 테스트 | |
| 37강 앵귤러 모듈 이론 설명 | |
| 38강 파이프(Pipe) 간단 소개 | |
| 39강 참고_Http와 비동기(Promise와 Observable(RxJS)) | |
| 40강 Customers 앱을 Azure Web App에 올려서 실행하기 데모 |