앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정(평일/주말)_Angular학원/React학원/자바스크립트학원/ECMA학원

개인 기업 서치펌

커뮤니티

게시판

갤러리

웹진게시판

IT 교육/국비지원/세미나

앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정(평일/주말)_Angular학원/React학원/자바스크립트학원/ECMA학원

작성자: 탑크리에듀

추천: 0건 반대: 0건 조회: 1905 등록일: 2018-01-09

<h4 style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: rgb(51, 51, 51); vertical-align: top; background-color: rgb(255, 255, 255);">앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정(평일/주말)_Angular학원/React학원/자바스크립트학원/ECMA학원</h4><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">평일주간 : <a href="http://topcredu.co.kr/sub/crcl/view/emp/2191" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://topcredu.co.kr/sub/crcl/view/emp/2191</a></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">주말주간 : <a href="http://topcredu.co.kr/sub/crcl/view/emp/2172" style="box-sizing: border-box; background: 0px 0px; color: rgb(102, 102, 102);">http://topcredu.co.kr/sub/crcl/view/emp/2172</a></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">선수학습 : 자바스크립트</div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">교육기간 : 4일 32시간(상세 일정은 상단 URL 참조)</div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">교육문의 : 02-851-4790</div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">교재 : 자체교재 or PDF 무료제공</div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);">수강료 : 38만원</div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;">[국비지원 재직자과정]</span><br style="box-sizing: border-box; color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px;"><table class="price_table __se_tbl_ext" style="box-sizing: border-box; border-spacing: 0px; border-collapse: collapse; margin: 0px; font-size: 13.2px; padding: 0px; vertical-align: top; width: 618.4px; border-top: 1px solid rgb(0, 52, 97); color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif;"><colgroup style="box-sizing: border-box; margin: 0px;"><col width="30%" style="box-sizing: border-box; margin: 0px;"><col width="35%" style="box-sizing: border-box; margin: 0px;"><col width="35%" style="box-sizing: border-box; margin: 0px;"></colgroup><thead style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 5px 0px; text-align: center; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); font-weight: normal;">국비과정유형</th><th style="box-sizing: border-box; padding: 5px 0px; text-align: center; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); font-weight: normal;">정부지원금</th><th style="box-sizing: border-box; padding: 5px 0px; text-align: center; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); font-weight: normal;">본인부담금</th></tr></thead><tbody style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 5px 0px; text-align: center; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); font-weight: normal;">사업주위탁<br style="box-sizing: border-box;">(50인 이하 중소기업)</th><td style="box-sizing: border-box; padding: 5px 0px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); text-align: center;">210,368 원</td><td style="box-sizing: border-box; padding: 5px 0px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); text-align: center;">169,632 원</td></tr><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 5px 0px; text-align: center; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); font-weight: normal;">근로자카드/내일배움카드<br style="box-sizing: border-box;">(중소기업)</th><td style="box-sizing: border-box; padding: 5px 0px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); text-align: center;">210,368 원</td><td style="box-sizing: border-box; padding: 5px 0px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); text-align: center;">169,632 원</td></tr></tbody></table><span class="deeporange" style="box-sizing: border-box; margin: 0px; font-weight: 700; padding: 0px; vertical-align: top; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-size: 13.2px; color: rgb(244, 122, 32);">*정확한 수강료는 교육센터로 문의주시기 바랍니다. 최소 개강인원 미달시 강좌는 연기될 수 있습니다.</span><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><img itemprop="image" content="http://topcredu.co.kr/images/crcl/detail/11_00_teacher_ssw.jpg" src="http://topcredu.co.kr/images/crcl/detail/11_00_teacher_ssw.jpg" alt="송석원교수님" class="img-tag " style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: middle; width: 920px; height: auto; max-width: 100%;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><table class="__se_tbl_ext" summary="교육에 대한 안내 입니다." width="100%" style="box-sizing: border-box; border-spacing: 0px; border-collapse: collapse; margin: 20px 0px 0px; padding: 0px; vertical-align: top; width: 660px; border-top: 1px solid rgb(0, 52, 97); color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; text-align: center;"><caption style="box-sizing: border-box; margin: -1px 0px 0px; padding: 0px; vertical-align: top; width: 1px; height: 1px; font-size: 0px; line-height: 0px;"></caption><colgroup style="box-sizing: border-box; margin: 0px;"><col width="20%" style="box-sizing: border-box; margin: 0px;"><col width="80%" style="box-sizing: border-box; margin: 0px;"></colgroup><tbody style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">교육개요</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px; text-align: left;">본 과정은 최신 프론트엔드 UI화면 개발 기술을 교육하는 실무 재직자 향상 과정 입니다.<br style="box-sizing: border-box;">AngularJS는 구글에서 2010년 10월 출시된 자바스크립트 기반 WEB MVC(Model View Controller), MVW(Model View Whatever) 프레임워크로 자바스크립트 프레임워크 중 가장 인기 있는 오픈소스중 하나입니다. 앵귤러는 크로스 플랫폼 지원, 처리속도, 개발생산성 등 다양한 요구에 의해 그 필요성이 높아지고 있습니다.<br style="box-sizing: border-box;">React는 페이스북과 인스타그램에서 만든 라이브러리로 이벤트 요청 시 서버에서 코드를 받아 다시 렌더링해야 되는 문제를 해결하기 위해 만들어졌습니다. 개발자로 하여금 재사용 가능한 UI를 생성 할 수 있게 해주거 여러 자바스크립트 프레임워크나 라이브러리와 함께 사용할 수 있습니다. 뿐만 아니라 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링 할 수 있습니다. 이렇듯 React는 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해주는 훌륭한 기술입니다.<br style="box-sizing: border-box;">본 과정은 최적화된 본원의 자체교재를 통해 이론과 실습을 적절히 진행하며, 실습을 통해 이론을 배울 수 있도록 하는 과정입니다. Full Stack Programmer, 최고의 Front End 개발을 꿈꾸는 분들에게 꼭 필요한 과정이라고 자신합니다.</td></tr><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">수료조건</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px; text-align: left;">출석률 80%이상</td></tr><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">교육목표</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px; text-align: left;">- 응용 S/W개발의 Front 개발 아키텍처를 설명할 수 있다.<br style="box-sizing: border-box;">- 응용 S/W개발 프론트 영역을 AngularJS를 통해 구축할 수 있다.<br style="box-sizing: border-box;">- 응용 S/W개발 프론트 영역을 React를 통해 구축할 수 있다.<br style="box-sizing: border-box;">- AngularJS 및 React 최신 개발방법의 습득</td></tr><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">교육대상</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px; text-align: left;">- 프론트 개발자<br style="box-sizing: border-box;">- 웹개발자<br style="box-sizing: border-box;">- 앱 개발자</td></tr></tbody></table><h3 class="article_title" style="box-sizing: border-box; margin: 20px 0px; padding: 0px 0px 0px 20px; border: 0px; font-size: 15px; font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; font-weight: 500; line-height: 1.3; color: inherit; vertical-align: top;">교육내용</h3><table class="__se_tbl_ext" summary="교육에 대한 내용안내 입니다." style="box-sizing: border-box; border-spacing: 0px; border-collapse: collapse; margin: 20px 0px 0px; padding: 0px; vertical-align: top; width: 660px; border-top: 1px solid rgb(0, 52, 97); color: rgb(68, 68, 68); font-family: "맑은 고딕", "Malgun Gothic", dotum, 돋움, sans-serif; text-align: center;"><caption style="box-sizing: border-box; margin: -1px 0px 0px; padding: 0px; vertical-align: top; width: 1px; height: 1px; font-size: 0px; line-height: 0px;"></caption><colgroup style="box-sizing: border-box; margin: 0px;"><col width="20%" style="box-sizing: border-box; margin: 0px;"><col width="80%" style="box-sizing: border-box; margin: 0px;"></colgroup><tbody style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">AngularJS</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px; text-align: left;">AngularJS<br style="box-sizing: border-box;">1.개발환경설정<br style="box-sizing: border-box;">Node<br style="box-sizing: border-box;">ATOM<br style="box-sizing: border-box;">Git<br style="box-sizing: border-box;">2.ECMASript6<br style="box-sizing: border-box;">let Keyword<br style="box-sizing: border-box;">const Keyword<br style="box-sizing: border-box;">Parameter<br style="box-sizing: border-box;">Spread Operator<br style="box-sizing: border-box;">Destructuring Assignment<br style="box-sizing: border-box;">CommonJS Module System<br style="box-sizing: border-box;">ES6 Module System<br style="box-sizing: border-box;">함수 축약 표현식<br style="box-sizing: border-box;">Arrow Function<br style="box-sizing: border-box;">$<br style="box-sizing: border-box;">Class<br style="box-sizing: border-box;">3.Async Programming<br style="box-sizing: border-box;">Callback Function<br style="box-sizing: border-box;">Event Emitter<br style="box-sizing: border-box;">Promise<br style="box-sizing: border-box;">4.TypeScript<br style="box-sizing: border-box;">Class<br style="box-sizing: border-box;">Interface<br style="box-sizing: border-box;">Abstract Class<br style="box-sizing: border-box;">Annotation<br style="box-sizing: border-box;">5.Angular Quick Start<br style="box-sizing: border-box;">Simple Website Demo<br style="box-sizing: border-box;">Bootstrapping<br style="box-sizing: border-box;">Component<br style="box-sizing: border-box;">@NgFor<br style="box-sizing: border-box;">Service<br style="box-sizing: border-box;">Routing I<br style="box-sizing: border-box;">DIY:Component<br style="box-sizing: border-box;">6.Angular Concepts<br style="box-sizing: border-box;">Pros/Cons<br style="box-sizing: border-box;">Architecture<br style="box-sizing: border-box;">Data Binding<br style="box-sizing: border-box;">7.Angular CLI<br style="box-sizing: border-box;">Create Module<br style="box-sizing: border-box;">Create Component<br style="box-sizing: border-box;">Create Service<br style="box-sizing: border-box;">Create Pipe<br style="box-sizing: border-box;">Create Directive<br style="box-sizing: border-box;">Build<br style="box-sizing: border-box;">8.Angular Client-Server	<br style="box-sizing: border-box;">Client Single Page Application<br style="box-sizing: border-box;">Spring Boot CORS Project<br style="box-sizing: border-box;">HTTP module<br style="box-sizing: border-box;">9.Angular Demo<br style="box-sizing: border-box;">Registration and Login<br style="box-sizing: border-box;">Routing II<br style="box-sizing: border-box;">Guard<br style="box-sizing: border-box;">Form<br style="box-sizing: border-box;">DIY:Style<br style="box-sizing: border-box;">10.Angular Library<br style="box-sizing: border-box;">PrimeNG<br style="box-sizing: border-box;"></td></tr><tr style="box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top;"><th style="box-sizing: border-box; padding: 0px 10px; text-align: left; margin: 0px; vertical-align: middle; background: rgb(248, 248, 248); border-bottom: 1px solid rgb(221, 221, 221); color: rgb(0, 52, 97); line-height: 22px;">React</th><td style="box-sizing: border-box; padding: 10px; margin: 0px; vertical-align: middle; border-bottom: 1px solid rgb(221, 221, 221); line-height: 22px; text-align: left;">React<br style="box-sizing: border-box;"><br style="box-sizing: border-box;">1.개발환경설정<br style="box-sizing: border-box;">Node<br style="box-sizing: border-box;">ATOM<br style="box-sizing: border-box;">Git<br style="box-sizing: border-box;">2.ECMASript6<br style="box-sizing: border-box;">Parameter<br style="box-sizing: border-box;">Spread Operator<br style="box-sizing: border-box;">Destructuring Assignment<br style="box-sizing: border-box;">함수 축약 표현식<br style="box-sizing: border-box;">Arrow Function<br style="box-sizing: border-box;">$<br style="box-sizing: border-box;">Class<br style="box-sizing: border-box;">3.React JSX biased <br style="box-sizing: border-box;">Overview<br style="box-sizing: border-box;">Generator<br style="box-sizing: border-box;">Enviroment Setup<br style="box-sizing: border-box;">JSX<br style="box-sizing: border-box;">Component<br style="box-sizing: border-box;">State<br style="box-sizing: border-box;">Props<br style="box-sizing: border-box;">Life Cycle<br style="box-sizing: border-box;">Event<br style="box-sizing: border-box;">Refs<br style="box-sizing: border-box;">Router<br style="box-sizing: border-box;">FLUX<br style="box-sizing: border-box;">Redux<br style="box-sizing: border-box;">Animation<br style="box-sizing: border-box;">HOC<br style="box-sizing: border-box;">4.React JS biased<br style="box-sizing: border-box;">Simple Demo<br style="box-sizing: border-box;">Element Attribute<br style="box-sizing: border-box;">Component<br style="box-sizing: border-box;">Life Cycle<br style="box-sizing: border-box;">Mixin<br style="box-sizing: border-box;">JSX<br style="box-sizing: border-box;">Component Communication<br style="box-sizing: border-box;">5.React Pratice<br style="box-sizing: border-box;">Custom Table Component<br style="box-sizing: border-box;">Sorting<br style="box-sizing: border-box;">Editing<br style="box-sizing: border-box;">Searching<br style="box-sizing: border-box;">Undoing<br style="box-sizing: border-box;">Downloading<br style="box-sizing: border-box;">6.React Client-Server<br style="box-sizing: border-box;">react-http-request<br style="box-sizing: border-box;">axios<br style="box-sizing: border-box;">Node Express CORS Project<br style="box-sizing: border-box;">7.React Library	<br style="box-sizing: border-box;">Material UI</td></tr></tbody></table><br style="box-sizing: border-box;"></div><div style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "Malgun gothic", dotum, sans-serif; letter-spacing: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"></div><p></p>									<style type='text/css'> p { line-height:270%;}</style>

트위터

페이스북

댓글 : 0 건



이전글	2018년 상반기 JAVA개발자 채용교육(최우수기관)
다음글	[IoT사물인터넷 개발자 국비지원교육] 전액무료 취업연계교육

번호	제목	작성자	추천	반대	조회	등록일
148	[아이티뱅크] ★클라우드 컴퓨팅 가상화시...	류세운	0	0	8409	2016-04-22

147	[아이티뱅크] ★보안 솔루션 및 CERT 정보...	류세운	0	0	9120	2016-04-22

146	[국비지원 추천교육] JAVA기반 하이브리드 ...	국비채용담당자	0	0	11146	2016-04-22

145	2016년 JAVA개발자 신입사원 무료채용교육(...	채용담당자	0	0	10680	2016-04-21

144	2016년 자바개발자 IT기업 채용연수과정(연...	채용담당자	0	0	11029	2016-04-21

143	국내 최대규모 IT취업설명회 "IT JOBG...	교육기획부	0	0	11732	2016-04-21

142	[SAP교육센터] 재직자 정부지원 무료교육 -...	안혜영	0	0	16786	2016-04-21

141	[재직자환급] 오라클자바교육센터 Oracle ...	원동진	0	0	14261	2016-04-21

140	[재직자환급] 오라클자바교육센터 Java 교...	원동진	0	0	13362	2016-04-21

139	2016년 JAVA개발자 신입사원무료채용교육(...	채용담당자	0	0	12835	2016-04-20

138	안드로이드개발자 무료채용교육	채용담당자	0	0	12220	2016-04-20

137	2016년 상반기 JAVA개발자 무료채용교육(연...	채용담당자	0	0	10999	2016-04-20

136	<중요> “IT 전 분야 실무직강 & 실무이론 ...	교육기획부	0	0	11110	2016-04-20

135	<중요> “2016년 재직자 국비지원 전 과정 ...	교육기획부	0	0	12276	2016-04-20

134	<정부지원과정(B2G)> “정보시스템 침해대...	교육기획부	0	0	8924	2016-04-20

1281 | 1282 | 1283 | 1284 | 1285 | 1286 | 1287 | 1288 | 1289 | 1290