D-
,
(일) 밤 12시에 가격이 인상됩니다. 지금 신청 GO!

런칭기념 최저가 할인 마감까지 남은 시간

런칭 기념, 최저가를 놓치지 마세요! 일요일 자정 가격이 인상됩니다.

정가 :
할인 판매가 :

/ 무이자 12개월 할부 시

Angular 활용에 필요한 ES6부터 TypeScript, RxJS까지 대규모 웹 어플리케이션 개발에 필요한 스킬셋을 하나로!

개발자 실무에서 꼭 필요한 만큼만 공부하고, 실제 웹 페이지를 개발해보는 프로젝트를 통해 필수 기술스택을 내 것으로 만들어보세요.

러닝 커브가 높다고 말하는 Angular, 정말일까요?

실무 단계에서 꼭 필요한 Angular와 TypeScript, 하지만 학습해서 실무로 적용하는 건 쉽지 않습니다.

TypeScript,
JS랑 왜 이렇게 다를까?

JavaScript를 사용하던 분들은 ‘정적타입’ 언어라는 TypeScript만의 차별점 때문에 TypeScript 문법에 적응하기 어려워합니다. Type, 객체, 클래스 등의 개념을 공통적으로 사용해왔음에도, TypeScript는 실제로 JavaScript의 개념과 활용법 측면에서 어떻게 다른지 이해하기까지 시간이 걸립니다.

TypeScript를 공부하면서, “JavaScript로 되는데 왜 TypeScript를 해야하지” 라는 생각이 떠나지 않는다면 학습 방법에 문제가 있기 때문입니다. TypeScript MVP 강사님과 실습 중심의 수업을 통해 유지보수, 디버깅에 큰 강점을 가진 TypeScript의 매력을 느끼실 수 있습니다.

나, React나 Vue만
다룰 줄 아는 개발자인데?

개발자로 취업하기 전에 React 또는 Vue만 공부하고 들어왔는데, 회사에서는 Angular로 개발을 해야한다면? 자주 사용하는 기능들이 내재화 되어 있는 Angular 프레임워크는 안정성이 보장된다는 장점 때문에 기존의 대규모 웹 어플리케이션을 개발할 때 자주 사용되곤 합니다. 하지만 국내에는 학습자료가 많지 않아 주먹구구식으로 독학하는 경우가 많습니다.

프론트엔드만을 집중적으로 학습하셨더라면 DI(디펜던시 인젝션)와 같은 아키텍처에 익숙하지 않아 Angular가 어렵게 느껴지실 수 있습니다. 해당 강의에서는 React, Vue 만을 공부하셨던 분들이라도 Angular를 실무에 활용하실 수 있도록 필요한 개념을 우선적으로 정리할 수 있도록 합니다.

Angular, 실무에서 쓰려면 얼마나 공부해야 할까?

JavaScript를 사용하던 분들은 ‘정적타입’ 언어라는 TypeScript만의 차별점 때문에 TypeScript 문법에 적응하기 어려워합니다. Type, 객체, 클래스 등의 개념을 공통적으로 사용해왔음에도, TypeScript는 실제로 JavaScript의 개념과 활용법 측면에서 어떻게 다른지 이해하기까지 시간이 걸립니다.

Angular CLI / Service / Router / HttpModule / Directive / Pipe / Build & Deploy / Universal / Material / Unit Test 등 Angular 입문자들은 어디서부터 어떻게 학습해야할 지 막막합니다. 경험 많은 강사님의 노하우를 바탕으로 실무 적용에 중점을 둔 학습을 할 수 있게 도와드립니다.

Angular, 실무에 꼭 필요한 커리큘럼만 모았습니다.

많은 시간 쏟을 필요 없이, 필요한 스킬만 골라서 학습하실 수 있습니다.

1.프론트엔드 개발의 가장 기본이 되는 동적타입 언어 JavaScript

자바스크립트는 Angular, React 등 다양한 프레임워크의 기본이 되는 언어입니다. 웹 사이트의 동적인 부분을 구현하기 위해 사용되기도 하며, 타입스크립트 기반으로 단일 페이지 어플리케이션을 개발하는 데 효과적인 Angular를 활용하려는 분들이라면 필수적으로 익혀야 합니다.

#ES6

학습내용

  • 자바스크립트 시작하기
  • 변수와 연산자
  • 조건문
  • 반복문
  • 배열 내장함수
  • 프로토타입과 클래스

2.안전성과 확장성이 높아 유지보수에 효과적인 TYPESCRIPT

MS 에서 안정적으로 관리하고 있는 오픈소스 프로그래밍 언어 TypeScript는 정적타이핑을 통해 에러를 빠르게 발견하고 해결하는 데 강점을 지닙니다. 안정성과 확장성이 보장되는 TypeScript는 특히 장기간 유지보수 해야하는 대규모 프로젝트 개발에서 장점이 부각됩니다.

#정적타이핑

학습내용

  • 타입스크립트 시작하기
  • TypeScript의 클래스와 제네릭
  • 고급타입 이해하기
  • TypeScript 실습하기

3.대형 웹 어플리케이션 개발에 강한 프레임워크 Angular

필요한 기능만 선택적으로 조합하는 React 라이브러리와는 달리, Angular는 자주 사용되는 기능이 이미 내재화되어 있어 대규모 웹 어플리케이션을 빠르게 개발하는 데 장점이 있으며, 타입스크립트 기반으로 안정성이 높다는 특징이 있습니다.

#정형화 #TS기반

학습내용

  • Angular 시작하기
  • Angular Component 이해하기
  • Angular CLI 사용하기
  • Dependancy Injection
  • Angular Router 사용하기
  • Angular Universal
  • Angular Material
  • Angular Unit Test
  • RxJS 사용하기

4.데이터 교환을 위한 다중 채널을 설정하여 리소스 연산을 줄이는 비동기 라이브러리 RxJS

이벤트 스트림과 데이터를 쉽게 만들고 다룰 수 있도록 도우는 라이브러리입니다. 대체로 가독성이 좋은 비동기적 코드를 더 쉽게 작성할 수 있게 도와줍니다. 일관된 방식으로 안전하게 데이터 흐름을 처리할 수 있다는 큰 장점을 지니며, Angular를 포함한 다양한 프레임워크와 함께 사용되는 고급 기술입니다.

#Observable

학습내용

  • RxJS Operators
  • Reactive Design
  • Error Handling

이런 분들이 들으면 좋습니다.

실무에서 꼭 쓰게 되는 TypeScript와 Angular, 이 강의를 통해 직접 적용해보세요.

가격 안내

사전 예약 판매는 일요일 자정 마감됩니다.

최저 가격 마감까지 남은시간

정가
지금 구매시
/ 무이자 12개월 할부 시

개발자 실무에 필요한 만큼의 Angular, 어떻게 공부해야 할지 고민이라면.

실전에서 Angular를 가장 효과적으로 다루기 위한 방법을 체계적으로 알려드립니다.

01
높은 러닝커브 완화를 위한 3 STEP 학습
angular_s3

필수 아키텍처 학습 + 중간중간 미니 실습 + 최종 프로젝트로 배운 내용 적용까지

[TypeScript & Angular 실전 올인원 패키지]는 총 3개의 단계로 나눠 수업이 진행됩니다. 기존에 React나 Vue를 써본 적이 없는 초보자나 Angular 프레임워크 입문자들도 어렵지 않게 프레임워크를 활용할 수 있도록 Angular의 핵심 기능과 아키텍처를 빠르게 학습합니다. 그리고 이어지는 미니 실습 강의를 통해, 배운 기능을 간단하게 실습해봅니다. 마지막으로는 ‘도서 리뷰 웹 사이트’를 최종 프로젝트로 직접 개발해보는 것까지로 수업을 완성합니다.

02
ES6, TS, RxJS, Angular까지 한 번에 해결!
angular_s4

ES6부터 타입스크립트, RxJS까지 입문자도 완결성 있게 학습할 수 있도록

수박겉핥기 식으로 개념만 몇 가지 건드려서는 ‘실무 활용’이라는 목표를 달성하기 어렵습니다. React나 Vue를 배운 분들이라면 큰 틀에서 Angular의 아키텍처를 쉽게 이해할 수 있을 것이고, 다른 프레임워크를 학습해본 경험이 없는 초보자/입문자라도 실습을 통해 지치지 않고 Angular 실무에 필요한 내용을 모두 가져가실 수 있도록 친절하게 구성했습니다. Angular를 활용하기 위해 필요한 모든 커리큘럼(ES6, TS, RxJS)을 하나의 강의 안에서 완성시켜 드립니다.

03
TypeScript MVP 개발자가 직접 강의
image (1)

다년간의 TypeScript 활동 이력을 인정 받은 Microsoft MVP 개발자의 강의

Angular, Vue 등의 프레임워크 개발시 꼭 필요한 TypeScript. 하지만 JS만 쓰던 분들은 ‘정적타입 언어’라는 생소한 TypeScript를 어려워하는 경우가 많습니다. [TypeScript & Angular 실전 올인원 패키지] 에서는 실습을 통해 왜 ‘리팩토링·유지보수·디버깅의 편의성’이 TS의 장점으로 꼽히는지 체감할 수 있도록 TypeScript 분야 MVP 이력이 있는 강사님이 이끌어 드립니다.

04
최종 프로젝트까지 포함된 강의
BOOK_detail
SIGNIN_detail
LIST_detail

‘도서 리뷰 사이트’를 직접 개발해보는 프로젝트 실습 포함

Angular, Vue 등의 프레임워크 개발시 꼭 필요한 TypeScript. 하지만 JS만 쓰던 분들은 ‘정적타입 언어’라는 생소한 TypeScript를 어려워하는 경우가 많습니다. [TypeScript & Angular 실전 올인원 패키지] 에서는 실습을 통해 왜 ‘리팩토링·유지보수·디버깅의 편의성’이 TS의 장점으로 꼽히는지 체감할 수 있도록 TypeScript 분야 MVP 이력이 있는 강사님이 이끌어 드립니다.

수강 목표.

TypeScript를 기반으로 Angular를 실무에서 자유자재로 활용할 수 있게 됩니다.

코드 리팩토링 예제를 통해 타입스크립트와 자바스크립트의 차이를 이해할 수 있습니다.

타입스크립트의 원리를 이해하고, 실무에서 효과적으로 타입스크립트를 적용할 수 있습니다.

Angular 의 아키텍처와 기본 문법을 이해하고, Angular를 활용해 웹 어플리케이션을 제작할 수 있습니다.

백엔드 개발자도 실무에서 필요한 단일 페이지 어플리케이션을 빠르게 개발할 수 있습니다.

상세 커리큘럼 확인하기.

ES6, TypeScript, Angular, RxJS까지 개발자 실무에 꼭 필요한 내용을 모두 담았습니다.

Part 1. 타입스크립트(TypeScript)

타입스크립트 시작하기

  • TypeScript 소개 및 개발환경 구성
  • TypeScript 컴파일러
  • TypeScript 컴파일러 설정파일
  • 변수선언
  • 기본타입
  • 인터페이스
  • 함수형 타입

TypeScript의 기초

  • 클래스 – 1
  • 클래스 – 2
  • 제네릭 – 1
  • 제네릭 – 2
  • 제네릭 – 3

고급 타입

  • Intersection & Union Types
  • 타입 별칭
  • 인덱스 스타일

실습

  • Parcel과 모듈 – 1
  • Parcel과 모듈 – 2

Part 2. 앵귤러(Angular)

Angular 시작하기

  • Quick Start
  • 개발 환경 설정

Angular Component

  • Component 는 무엇인가
  • Component 를 만드는 방법
  • Component 를 사용하는 방법
  • Component 간 통신
  • 템플릿과 데이터 바인딩
  • 컴포넌트의 생명 주기

Angular CLI

  • Angular CLI 사용법 – 1
  • Angular CLI 사용법 – 2

DI

  • Dependency Injection 개념
  • Dependency Injection 설명

Angular Router

  • 라우팅 추가하기
  • a 태그로 이동하기
  • params 설정 및 컴포넌트에서사용하기

Service

  • 컴포넌트에주입하기
  • 모듈에 주입하기
  • 여러가지 주입 방식

Angular Component

  • Http 사용해보기 – 1
  • Http 사용해보기 – 2

Directive

  • Structural Directive
  • Attribute Directive
  • 사용자 정의 디렉티브

Pipe

  • 내장 파이프 알아보기
  • 사용자 정의 파이프

SPA Deploy

  • 프로젝트 빌드하기
  • AWS S3 에 배포
  • serve 패키지를 이용한 배포
  • express 를 이용한 배포
  • nginx 를 이용한 배포

Angular Universal

 

  • Install dependencies
  • Prepare your App for Universal rendering
  • Create a server “main” file and tsconfig to build it
  • Create a new project in .angular-cli.json
  • Setting up an Express Server to run our Universal bundle
  • Setup a webpack config to handle this Node server.ts file and serve your application

 

 

Angular Material

  • Angular Material 적용하기 – 1
  • Angular Material 적용하기 – 2

Angular Unit Test

  • Karma / Jasmine
  • Component Test
  • TDD 따라하기

RxJS

  • RxJS 사용하기 – 1
  • RxJS 사용하기 – 2

프로젝트 학습

  • 도서 리뷰 서비스 개발하기 – 1
  • 도서 리뷰 서비스 개발하기 – 2

Part 3. JavaScript 필수 기초

자바스크립트 시작하기

  • 자바스크립트란무엇인가?
  • 다양한 자바스크립트
  • 실습을 위한 준비
  • Expression, Statement
  • Keywords, Reserved Words
  • Identifier
  • Comment

변수와 연산자

  • 변수
  • 산술연산자, 대입연산자
  • 논리연산자
  • 비교연산자, 문자열 붙이기

조건문

  • if, else, else if
  • switch case

반복문

  • for
  • while/li>
  • for…of, for…in/li>
  • continue와 break/li>

프로토타입과 클래스

  • 객체 생성자
  • 객체 생성자 상속
  • ES6 Class

배열 내장함수

  • forEach
  • map
  • filter
  • splice & slice
  • shift, pop, unshift, push
  • reduce

Part 4. RxJS

RxJS Operators

*자세한 커리큘럼은 추후 공개 예정입니다.

Reactive Design

*자세한 커리큘럼은 추후 공개 예정입니다.

Error Handling

*자세한 커리큘럼은 추후 공개 예정입니다.

강사진 소개.

실무에 꼭 필요한 만큼의 TS와 Angular를 알려줄 강사님을 소개합니다.

angular_s5_2

이웅재

Career

(현) Studio XID 프로토파이 개발 (2016 ~)

Activities

(전) VTouch 수석 엔지니어 (2014 ~)
(전) 창업 및 스타트업 운영 (2010 ~)
한국 타입스크립트 유저 그룹 오거나이저
Microsoft Most Valuable Professional
AWS Certified Developer
Youtube 채널 운영 중

angular_s5_1

해리

Career

(현) 카카오계열사, 소프트웨어 엔지니어

Activities

실리콘벨리 스타트업 B사, 소프트웨어 엔지니어
전 국내 Top 통신사, 플랫폼 엔지니어
다수의 프론트앤드 서적 집필

올인원 패키지 Online만의 압도적인 가성비, 선택하지 않을 이유는 없습니다.

부동산 투자도 가성비를 따져 합리적으로 공부하세요!

강의 공개 일정.

전체 강의 영상은 총 4회에 걸쳐 공개됩니다.

패스트캠퍼스 부동산 교육, 실 수강생들의 후기로 확인해보세요!

파이낸스 분야 전문교육기관 패스트캠퍼스에서 부동산 공부를 시작하세요.

수강생 K님

★★★★★

청약을 왜 하는 건지도 모를만큼, 부동산을 잘 몰라서 따라갈 수 있을까 고민했는데, 막상 강의를 들으니 부족한 부분을 채우고도 남았습니다. 부동산 투자에 대해 전혀 생각해본 적 없는 분들도 들을 수 있을 정도로 실용적이고 친절한 강의입니다.

수강생 J님

★★★★★

부동산은 워낙 소문이나 업계 중개사들의 입김이 센 편이라, 정보를 많이 찾으러 다녀도 막상 투자하려고 보면 빈껍데기이거나 나한테는 맞지 않는 대상인 경우가 많다. 부동산 투자를 진작 공부해야겠다고 생각한 건 그런 이유였다. 개인적으로는 감정평가사님이 강의해주는 입지전략 파트가 좋았다.

수강생 P님

★★★★★

부동산 투자의 절반은 ‘세금’이라고 한다. 그만큼 투자를 어느 정도 공부하고 해본 사람들은 ‘절세’에 대해 늘 관심 갖는다. 다만, 그만큼 잘못된 방식으로 절세를 가르쳐주는 곳도 허다한 편인 것 같다. 근데 여기 강의에서는 현직 세무사 분이 나와서 개인적으로 투자를 하는 사람들도 혼자서 충분히 세법 관련해 공부하고, 원하는 정보를 얻을 수 있는 다양한 사이트도 같이 소개해주니까 알찬 느낌이었다.

수강생 S님

★★★★★

강사님이 수업 한 강, 한 강마다 많은 내용을 전달해주시려고 준비했다는 게 느껴집니다. 시중에 책 사서 보면, 경매만 가지고 몇 십장을 할애하는 경우가 많은데 여기서는 실제로 경매를 할 때 뭘 준비하고, 어떤 걸 봐야 하는지 구체적으로 알려주니까 공부에 많은 도움이 되었습니다.

수강생 Y님

★★★★★

청약 파트 공부할 때, 입주자 공고문을 강사님이 같이 읽어보면서 해석하는 게 되게 인상 깊었다. 어떻게 보면 공고문도 안 읽고 청약 신청하러 다니는 사람 되게 많은데, 부동산을 잘 모르는 사람들도 어려운 용어를 어떻게 이해하고 준비하면 되는지 친절하게 알려주는 강의라 기대 이상으로 많이 배웠다.

결제 후 바로 수강! 어디서나 하루 10분 공부시작.

언제 어디서나 내가 원하는 그곳이 바로 나만의 강의장이 됩니다.

가격 안내

사전 예약 판매는 일요일 자정 마감됩니다.

최저 가격 마감까지 남은시간

정가
지금 구매시
/ 무이자 12개월 할부 시

dev_1
[ 수강 안내사항 및 환불규정 ]
* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 수강 신청 및 결제 완료를 하신 분들께는 결제 후 24시간 이내(주말 영업 없음), 수강 권한을 부여해드립니다. 이용방법 또한 결제 후 기재하신 이메일 주소로 결제 후 24시간 이내에 일괄 안내됩니다. 연락처와 이메일을 정확하게 기입 부탁드립니다.
본 패키지는 예약 판매 중인 상품이며 영상은 순차적으로 공개됩니다. 강의영상은 2차까지 오픈 완료되었으며, 3차 오픈은 11/18(월)이며 12/15(일) 모든 영상이 최종 공개될 예정입니다.

– 총 학습기간
본 패키지는 약 30시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상수강기간(=유료수강기간) 내에 모두 수강이 가능합니다.
– 수강시작일 : 수강 시작일은 결제일로부터 기간이 산정됩니다. (사전 예약 강의의 경우 1차 강의 오픈일) 패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.
* 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
- 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인이벤트 적용 불가 합니다.
- 콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.
– 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 수강시작 후 7일 미만, 5강 미만 수강 시에는 100% 환불 가능합니다.
– 수강시작 후 7일 이상, 5강 이상 수강 시 수강기간인 1개월 (30일) 대비 잔여일에 대해 학원법 환불규정에 따라 환불 가능합니다.
: 환불요청일시 기준 수강시작 후 7일 초과, 10일 이하 경과 시, 실 결제금액의 2/3에 해당하는 금액을 환불
: 환불요청일시 기준 수강시작 후 11일 초과, 15일 이하 경과 시, 실 결제금액의 1/2에 해당하는 금액을 환불
: 환불요청일시 기준 수강시작 후 15일 초과 시, 환불금액 없음

패스트캠퍼스 아이디 공유 금지 정책 안내
아이디 공유란? 1개의 아이디로 여러명이 공유하여 수강하는 형태를 말합니다.
패스트캠퍼스의 모든 온라인 강의에서는 아이디 공유를 금지하고 있습니다. 동시접속에 대한 기록이 내부 시스템을 통해 자동으로 누적되며, 동시 접속 기록이 10회 이상 확인되는 경우 사전 안내없이 아이디가 차단될 수 있습니다.