|
평일주간 : 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개발 재직자 향상과정
수강료 :
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 최신 개발방법의 습득 |
| 교육대상 |
- 프론트 개발자- 웹개발자- 앱 개발자 |
교육내용
| AngularJS |
AngularJS1.개발환경설정NodeATOMGit2.ECMASript6let Keywordconst KeywordParameterSpread OperatorDestructuring AssignmentCommonJS Module SystemES6 Module System함수 축약 표현식Arrow Function$Class3.Async ProgrammingCallback FunctionEvent EmitterPromise4.TypeScriptClassInterfaceAbstract ClassAnnotation5.Angular Quick StartSimple Website DemoBootstrappingComponent@NgForServiceRouting IDIY:Component6.Angular ConceptsPros/ConsArchitectureData Binding7.Angular CLICreate ModuleCreate ComponentCreate ServiceCreate PipeCreate DirectiveBuild8.Angular Client-ServerClient Single Page ApplicationSpring Boot CORS ProjectHTTP module9.Angular DemoRegistration and LoginRouting IIGuardFormDIY:Style10.Angular LibraryPrimeNG |
| React |
React1.개발환경설정NodeATOMGit2.ECMASript6ParameterSpread OperatorDestructuring Assignment함수 축약 표현식Arrow Function$Class3.React JSX biased OverviewGeneratorEnviroment SetupJSXComponentStatePropsLife CycleEventRefsRouterFLUXReduxAnimationHOC4.React JS biasedSimple DemoElement AttributeComponentLife CycleMixinJSXComponent Communication5.React PraticeCustom Table ComponentSortingEditingSearchingUndoingDownloading6.React Client-Serverreact-http-requestaxiosNode Express CORS Project7.React LibraryMaterial UI |
|