평일주간 : 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/2134
앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정
|
교육개요 | 본 과정은 최신 프론트엔드 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 최신 개발방법의 습득 |
교육대상 | - 프론트 개발자 - 웹개발자 - 앱 개발자 |
AngularJS | AngularJS 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 |
---|---|
React | React 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 |