6주 후, 여러분이 반드시 가져가게 될 기술들.

  • #ES6
  • #ES5
  • #TypeScript
  • #컴포넌트 기반 개발 방식
  • #SPA
  • #Angular5
  • #React
JavaScript 정복 프로젝트 CAMP
기간 2018. 06. 02 (토) ~ 07. 14 (토) 6주 완성
* 6/13(수) 20:00~ 특강 / 6/16(토) 휴강
일정 토요일 10:00 ~ 13:00, 14:00 ~ 17:00
(강의 6시간, 점심시간 별도)
준비물 개인 노트북 사용 추천
(본인 PC에 맞는 개발환경 설정 및 원활한 개별 실습을 위하여)
강의장 패스트캠퍼스 강의장 (메일로 안내)
문의 김용성 매니저 02-517-0686
* 주차 지원은 죄송하게도 불가합니다.

* 본 캠프는 JavaScript 중급 강의입니다.
자바스크립트 문법에 대한 이해가 없으시다면 [JavaScript BOOT CAMP(클릭)]의 수강을 추천드립니다.

* 할인가는 기간 내 결제자에 한하여 적용됩니다. 강의 신청후 할인 날짜에 맞춰 결제를 완료해주세요! (결제순 마감)

JavaScript,
자신있게 구현할 수 있나요?

업무는 해야 하니 일단 쓰고는 있는데, 자바스크립트에 대한 깊은 이해없이 jQuery를 그저 복사 붙여넣기만 거듭하고 있지는 않나요?
프레임워크를 비롯한 새로운 기술은 계속 나오는데 자바스크립트를 제대로 몰라 검색만 거듭하며 뒤쳐지고 있다.라는 생각이 든다면 이제는 실습에 집중된 실무 훈련으로 JavaScript를 정복해야 합니다!

JavaScript의 근간을 다루는 커리큘럼

JavaScript 문법을 제대로 이해하고 활용하려면 그 근간부터 알아야 합니다.
강의 첫 시간부터 ES5 를 짚어가며 ES6 문법의 차이점과 공통점을 차근차근 짚어봅니다.JavaScript 의 단점을 보완할 TypeScript도 배워보며 실무 개발을 위한 폭넓은 기술을 익히는 과정을 통해 코드만 가져다 쓰는 수준에서 벗어나 스스로 코드가 어떻게 동작하는지 이해하며 성능 향상을 위한 깊이있는 개발이 가능해집니다.

intro1_2
angular,react,vue

확장성 있는 개발을 위한 컴포넌트 기반 개발 방식

자바스크립트가 발전을 거듭하며 각종 프레임워크/라이브러리가 쏟아지고 있지만 결국 핵심은 컴포넌트 기반 개발 방식입니다. 대부분의 프레임워크/라이브러리가 컴포넌트 기반 개발 방식으로 이루어져 있기 때문에 컴포넌트의 구성과 설계방법을 익힌다면 앞으로 어떤 프레임워크를 만나더라도 빠르게 적용할 수 있게됩니다. 우리 강의에서는 AngularJS를 통한 실습프로젝트로 컴포넌트 기반 개발 방식을 체득하여 SPA를 구현해봅니다.

강의 특징

ES5, ES6, TypeScript & Angular5

자바스크립트에 대한 깊이 있는 이해를 위하여 ES5와 ES6는 물론 TypeScript를 학습하고, Angular5를 활용한 컴포넌트 기반 개발 방식을 습득할 수 있습니다. 완벽한 JavaScript 정복을 위하여 수백 페이지 분량의 강의 자료를 추가로 제공해드리고 있습니다.

실무 프로젝트 및 캡스톤 프로젝트

실무에 적용하지 못하는 실습은 도움이 되지 않습니다.  공통적으론 쇼핑몰을 구현하며 실무 프로젝트를 다루고, 개별적인 캡스톤 프로젝트를 통해 배운 내용을 실무에 적용하는 실습을 동시에 진행합니다. 캡스톤 프로젝트는 강사님의 코드리뷰를 통해 진행됩니다.

React, Vue 그리고 Node까지

JS의 깊은 이해가 없다면 정복하기 어려운 Angular5를 중심으로 수업이 진행되고, 같은 내용을 React와 Vue에서는 어떻게 작성하는지 확인할 수 있는 꼼꼼한 자료를 공유드립니다. 또한, 보조강사님의 Node.js 백엔드 평일 특강이 준비되어 있어 Angular, React, Vue, Node를 모두 학습할 수 있는 6주 과정입니다.

이런 분들께 추천합니다!

자바스크립트의 핵심에 집중하여 흔들리지 않는 토대를 쌓고싶은 분

ES6, 상속, 스코프.. 자바스크립트를 하면 할 수록 점점 자신이 없어지는 분

컴포넌트 기반 개발 방식을 이해하여 각종 프레임워크에 빠르게 적응하고 활용하고 싶은 분

프론트엔드 뿐 아니라 백엔드까지 자바스크립트로 구현해보고 싶은 분

* 할인가는 기간 내 결제자에 한하여 적용됩니다. 강의 신청후 할인 날짜에 맞춰 결제를 완료해주세요! (결제순 마감)

JavaScript를 꼭꼭 심어줄 커리큘럼

우리가 다뤄볼 쇼핑몰(E-Commerce)실습은 보다 실무적으로 현업에서 사용할 법한 수준입니다. 초급자가 혼자 구현하기 어려운 기능을 함께 실습해보며 중급 수준의 자바스크립트 학습이 가능하죠. 단순 자바스크립트의 언어적 측면보다 현업에서 필요한 기능들을 위한 다양한 기술 학습이 가능하도록 옆에서 도와드리겠습니다. 자바스크립트의 실무 활용 능력과 라이브러리/프레임워크의 활용법을 체득하세요!

1주차. JS 정복 다지기
  • 자바스크립트 기초
  • DOM API
  • 브라우저 이벤트 처리
  • 객체지향 자바스크립트 프로그래밍
  • 자바스크립트 테스트 코드 작성하기
[실습] 투두앱 개발하기 베이스볼 게임 개발 1차

자바스크립트의 기본적인 개념부터 웹 플랫폼에서의 자바스크립트를 살펴봅니다. 물론 DOM과 DOM 이벤트 모델도 살펴보면서 웹 플랫폼에서의 자바스크립트를 집중적으로 다룹니다. 그리고 OOP (객체지향프로그래밍)관점에서 자바스크립트를 어떻게 사용하는지 그리고 테스트 코드를 어떻게 작성하는지를 살펴봅니다.

jsp_curriculum_1
2주차. JS 정복 다지기
  • 스코프, 클로져, 실행 컨텍스트
  • 자바스크립트 고차함수
  • 자바스크립트 함수형 프로그래밍
[실습] 베이스볼 게임 개발 2차
  • ES6와 TypeScript를 활용한 베이스볼 게임 개발

스코프, 클로져, 실행 컨텍스트에 대하여 중점적으로 다룹니다. ECMAScript 기준으로 자바스크립트를 더욱 깊이있게 접근하여 살펴봅니다. 그리고 자바스크립트의 함수형 프로그래밍에 대하여 간단히 살펴봅니다.

jsp_curriculum_2
3주차. 모던 자바스크립트와 타입스크립트
  • Babel과 WebPack을 통한 개발환경 구성 (사전 학습자료 제공)
  • ES2015 학습하기
  • TypeScript 학습하기
[실습] 베이스볼 게임 개발
  • ES6와 TypeScript를 활용한 베이스볼 게임 확장

모던 자바스크립트 표준인 ES2015 (ES6)를 다룹니다. ES2015의 블록 스코프, 이터레이터, 제너레이터, 심볼등 주요 기능을 살펴봅니다. 마지막으로 자바스크립트에 타입시스템을 추가한 마이크로소프트에서 만든 타입스크립트에 대하여 살펴봅니다. 참고로 타입스크립트는 Angular의 기본 개발 언어입니다.

jst_project2_curriculum_3week
4주차. 특강 (Express.js 특강 및 자기주도학습)
  • Node.js 기본
  • Express.js를 통한 REST Api 개발
  • 6/13(수) 20:00~
[실습] 베이스볼 게임 개발
5주차. 웹 컴포넌트와 컴포넌트 기반 프레임워크 - Angular
  • Web Component 시작하기 (쉐도우돔, 커스텀 엘리먼트, 템플릿, HTML Import)
  • Angular 컴포넌트
  • Angular 서비스 및 의존관계 주입
[실습] Drawer 컴포넌트 및 상품 컴포넌트 실습
  • Web Component로 Drawer 컴포넌트 개발 실습
  • Angular 상품 컴포넌트 개발 실습
jst_project2_curriculum_4week
6주차. 자바스크립트 함수형 프로그래밍과 비동기 프로그래밍
  • 비동기 방식의 프로그래밍 이해
  • Promise 학습하기
  • RxJS 학습하기
[실습] E-Commerce 웹 애플리케이션 실습 1

웹어플리케이션은 브라우저에서 동작하는 GUI 어플리케이션이며 네트워크 프로그램입니다. 이 기술의 기반이 되는 이벤트 프로그래밍, 네트워크 및 비동기 프로그래밍에 대해 이해하고 Promise와 RxJS에 대하여 학습합니다.

jst_project2_curriculum_5week
7주차. 단일페이지 웹 어플리케이션과 Angular E-Commerce 웹 애플리케이션 실습
  • (React.js의 라우터를 이용한 단일페이지 웹 어플리케이션 E-Commerce 실습은 자가학습으로 PDF 제공)
  • 단일 페이지 어플리케이션 시작하기 (라우터처리)
  • 상품 조회 및 주문하기 실습을 통한 Rxjs 활용
  • Angular로 라우터를 통한 E-Commerce 개발
  • 상품 조회 및 주문하기 실습을 통한 Rxjs 활용
[실습] E-Commerce 웹 애플리케이션 실습 2
jst_project2_curriculum_6week

진도에 뒤처지거나 결석하는 사람들까지 모두 케어하는 보충자료!

마치 강사님이 옆에 있는 것처럼 자세한 보충자료가 제공됩니다.

강의가 끝난 후 복습을 하다보면 애매하게 이해되는 부분이 생기기 마련입니다. 사소해보이지만 이 부분들을 그냥 넘기게 된다면 종래에는 강의 목표를 100% 가져가지 못하게 됩니다. 우리 강의에서는 수강생분들이 JavaScript를 온전히 가져가실 수 있도록 자세하게 서술된 보충자료를 제공합니다. 상세한 설명과 코드, 그리고 실행화면을 자료를 통해 반복적으로 학습하세요. 물론, 수강생 전용 커뮤니티 채널을 통해 언제/어디서나 질문도 가능합니다.

Q. 어느정도 자바스크립트 수준이 되어야 이 강의를 수강할 수 있나요?

A. jQuery로 DOM 조작 혹은 서버 요청을 처리해본 경험이 있다면 충분히 수강하실 수 있습니다. 혹은 아래 링크의 강의를 이해하실 수 있다면 이 강의를 가장 효율적으로 학습하실 수 있습니다.

코드로 직접 확인하기 (클릭)

잠깐! JavaScript의 효율적인 학습을 위해 두 가지 레벨의 반을 운영합니다.

bridge_banner_01
jsjsjs

실무 경험이 풍부한 강사님과 조교님

instructor_jeadoko

개발자 고재도 강사님
강사님 구글플러스 바로보기

많은 개발자들이 ES6를 프로덕션에서 사용하고 있습니다. 이에따라 자바스크립트 언어의 프로그래밍 레벨도 고수준을 요구하고 있는 상황입니다. 이 강의를 통해 여러분이 자바스크립트 언어로 어떠한 프로젝트를 개발하더라도 흔들림 없이 본인의 아이디어를 잘 짜여진 구조의 서비스로 구현할 수 있는 힘을 키울 수 있도록 도와드리겠습니다.

(현) Google Developer Expert, 웹기술, 엥귤러 분야 (link)
(전) Awair, Software Engineer (link)
(전) KT 연구소, IoT 소프트웨어 엔지니어
(전) 대우정보시스템 연구소, 사내 프레임워크 개발
시작하세요 AngularJS 프로그래밍 집필 (link)

김병진 조교님

개발자 김병진 조교님

프론트엔드와 백엔드에서 사용 가능한 Javascript 의 매력에 빠져서 지금까지 쭉 Javascript 개발하고 있습니다. 한가지 언어로 개발하는 것은 javascript의 최고의 장점입니다.

Javscript 는 처음 접하기에는 쉬운 언어이지만 이해 하고 사용하지 않으면 개발할 때 힘들기 쉬운 언어입니다. 실무에서 NodeJS와 AngularJS, React 를 사용한 경험을 바탕으로 설명되는 이번 강의를 통해 자바스크립트를 깊게 이해하고 제대로 사용하는 기회가 될 것입니다.

(현) 번역 플랫폼 플리토 백엔드 개발
(전) 맞춤 옷 쇼핑몰 스트라입스 백엔드 개발
(전) 여행 일정 공유 서비스 위시빈 백엔드 개발

수강료

일반등록가

110만 원  정가 110만 원

* 할인가는 기간 내 결제자에 한하여 적용됩니다. 강의 신청후 할인 날짜에 맞춰 결제를 완료해주세요! (결제순 마감)