홍보 / 광고

  • [Angular학원,자바학원,IT학원추천☞탑크리에듀]AngularJS 2.X & React 실무과정(평일주간)
AngularJS 2.X & React 실무과정

AngularJS 2.X & React 실무과정(평일주간)

선수학습 :
JavaScript HTML CSS3
교육기간 :
09월20일(화) ~ 09월23일(금) 10:00~18:00, 4일 총 28시간
강의장소 :
탑크리에듀교육센터 [A강의장] [약도보기]
교육문의 :
02-851-4790
수강료 :
620,000원 [실무중심교육]고용보험 미지원, 일반 과정 입니다. (소수정예, 스파르타식 교육 입니다.) 한분한분의 수강생 여러분들께 최선을 다하는 실무/실습 위주의 교육 입니다.
결제방법 :
계좌이체 / 방문카드결제
교재 :
PDF 제공
교육개요AngularJS는 구글에서 개발된 자바스크립트 기반 WEB MVC(Model View Controller), MVW(Model View Whatever) 프레임워크로 자바스크립트 프레임워크 중 가장 인기있는 오픈소스중 하나 이다.
AngularJS 1.X에서의 Controller, $scope, module, jqlite와 같이 주요 요소는 삭제되고, 앳 스크립트(AtScript)가 추가되었으며 향상된 의존성 주입(DI), 다양한 라유팅을 지원하며 페이지 내부 데이터 변화를 새 페이지에서 로드하는 것이 아니라 해당 페이지에서 확인이 가능해 지므로 성능에도 이점이 있고, 유지 보수가 쉽고 데이터 바인딩을 통하여 페이지 내부에서 뷰 업데이트가 가능하고 소스코드의 양이 다른 프레임워크에 비해 많이 줄어드는 이점이 있다.

React는 페이스북과 인스타그램에서 만든 라이브러리로 이벤트 요청 시 서버에서 코드를 받아 다시 렌더링해야 되는 문제를 해결하기 위해 만들어졌고 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해준다. 여러 자바스크립트 프레임워크나 라이브러리와 함께 사용할 수 있으며 Virtual DOM 이라는 개념을 사용하여 
상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링 할 수 있다. 따라서, 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해주는 휼륭한 기술이다.

- JSX :템플릿을 사용하지 않는다.
- React는 Virtual DOM 을 사용하여 성능이 탁월하다 즉 전체 DOM을 다시 그리지 않는다.
- Unidirectional Data Flow 방법을 사용하여 데이터가 양방향으로 흐르지 않는다.
- React는 클라이언트는 물론, 서버에서도 렌더링 될 수 있다.
- Component와 Data 패턴의 가독성이 높아 큰 규모의 어플리케이션의 유지보수하기가 쉽다.
- 프레임워크가 아닌 라이브러리이므로 다른 프레임워크, 라이브러리와 사용이 가능하다.

본 과정은 가장 최신 기술 2가지를 한번에 배울 수 있도록 구성된 명실상부한 고급 기술 과정 이다.
수료조건출석률 80%이상
교육목표- AngularJS 2.X의 이해 및 활용
- React의 이해 및 활용
교육대상개발자
디자이너

교육내용

AngularJS 2.0- First Angular 2 App
- Single Page Application
- Architecture
- Atscript
- Directives
- User Input
- Forms
- Data Binding
- Dependency Injection
- Template Syntax
- Angular Cheat Sheet
- Attribute Directives
- Component Styles
- Http client
- Screen Activator
- Child Router
- Logging
- Npm Package
- Routing & Navigations
- Structural Directives
React- Conception
- React.js
- JSX
- Virtual DOM
- Component
- Component State
- Component Props
- Component Iteration
- Map
- Immutability Helper
- Component LifeCycle
- DOM Controling
- Router
- Redux
- create-react-app
- Webpack css-loader
- React & Express
0  COMMENTS