홍보 / 광고

  • [앵귤러 재직자] 앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정

평일주간:http://www.topcredu.co.kr/sub/crcl/view/web/2135

평일야간:http://www.topcredu.co.kr/sub/crcl/view/web/2136

주말주간:http://www.topcredu.co.kr/sub/crcl/view/web/2164

 

앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정

앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정


수강료 :
380,000원
[국비지원 재직자과정]
국비과정유형정부지원금본인부담금
사업주위탁
(50인 이하 중소기업)
210,368 원169,632 원
근로자카드/내일배움카드
(중소기업)
210,368 원169,632 원
*정확한 수강료는 교육센터로 문의주시기 바랍니다.

교육개요본 과정은 최신 프론트엔드 UI화면 개발 기술을 교육하는 실무 재직자 향상 과정 입니다.
AngularJS는 구글에서 2010년 10월 출시된 자바스크립트 기반 WEB MVC(Model View Controller), MVW(Model View Whatever) 프레임워크로 자바스크립트 프레임워크 중 가장 인기 있는 오픈소스중 하나입니다. 앵귤러는 크로스 플랫폼 지원, 처리속도, 개발생산성 등 다양한 요구에 의해 그 필요성이 높아지고 있습니다.
React는 페이스북과 인스타그램에서 만든 라이브러리로 이벤트 요청 시 서버에서 코드를 받아 다시 렌더링해야 되는 문제를 해결하기 위해 만들어졌습니다. 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해주거 여러 자바스크립트 프레임워크나 라이브러리와 함께 사용할 수 있습니다. 뿐만 아니라 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링 할 수 있습니다. 이렇듯 React는 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해주는 훌륭한 기술입니다.
본 과정은 최적화된 본원의 자체교재를 통해 이론과 실습을 적절히 진행하며, 실습을 통해 이론을 배울 수 있도록 하는 과정입니다. Full Stack Programmer, 최고의 Front End 개발을 꿈꾸는 분들에게 꼭 필요한 과정이라고 자신합니다.
수료조건출석률 80%이상
교육목표- 응용 S/W개발의 Front 개발 아키텍처를 설명할 수 있다.
- 응용 S/W개발 프론트 영역을 AngularJS를 통해 구축할 수 있다.
- 응용 S/W개발 프론트 영역을 React를 통해 구축할 수 있다.
- AngularJS 및 React 최신 개발방법의 습득
교육대상- 프론트 개발자
- 웹개발자
- 앱 개발자

교육내용

AngularJSAngularJS
1.개발환경설정
Node
ATOM
Git
2.ECMASript6
let Keyword
const Keyword
Parameter
Spread Operator
Destructuring Assignment
CommonJS Module System
ES6 Module System
함수 축약 표현식
Arrow Function
$
Class
3.Async Programming
Callback Function
Event Emitter
Promise
4.TypeScript
Class
Interface
Abstract Class
Annotation
5.Angular Quick Start
Simple Website Demo
Bootstrapping
Component
@NgFor
Service
Routing I
DIY:Component
6.Angular Concepts
Pros/Cons
Architecture
Data Binding
7.Angular CLI
Create Module
Create Component
Create Service
Create Pipe
Create Directive
Build
8.Angular Client-Server
Client Single Page Application
Spring Boot CORS Project
HTTP module
9.Angular Demo
Registration and Login
Routing II
Guard
Form
DIY:Style
10.Angular Library
PrimeNG
ReactReact

1.개발환경설정
Node
ATOM
Git
2.ECMASript6
Parameter
Spread Operator
Destructuring Assignment
함수 축약 표현식
Arrow Function
$
Class
3.React JSX biased 
Overview
Generator
Enviroment Setup
JSX
Component
State
Props
Life Cycle
Event
Refs
Router
FLUX
Redux
Animation
HOC
4.React JS biased
Simple Demo
Element Attribute
Component
Life Cycle
Mixin
JSX
Component Communication
5.React Pratice
Custom Table Component
Sorting
Editing
Searching
Undoing
Downloading
6.React Client-Server
react-http-request
axios
Node Express CORS Project
7.React Library
Material UI
0  COMMENTS