[Angular학원]앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정(평일/주말)

개인 기업 서치펌

커뮤니티

게시판

갤러리

웹진게시판

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

[Angular학원]앵귤러JS(AngularJS), 리액트(React) 기반 웹 & 앱 UI개발 재직자 향상과정(평일/주말)

작성자: 탑크리에듀

추천: 0건 반대: 0건 조회: 1605 등록일: 2018-01-10

<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></div><p></p>									<style type='text/css'> p { line-height:270%;}</style>

트위터

페이스북

댓글 : 0 건



이전글	[KG아이티뱅크] ★보안 솔루션 및 CERT 정보보안 전문가 국비지원 취업과정★
다음글	2018년 상반기 JAVA개발자 채용교육(최우수기관)

번호	제목	작성자	추천	반대	조회	등록일
9177	▶KG아이티뱅크 반응형 자바 웹 개발자 양...	아이티뱅크	0	0	1548	2020-03-11

9176	[KG아이티뱅크] 반응형 자바(JAVA) 웹 개발...	KG아이티뱅크	0	0	1548	2019-12-26

9175	[빅데이터 국비지원] 오픈소스를 활용한 빅...	에이콘아카데미	0	0	1548	2019-07-30

9174	[웹프로램 무료교육] 훈련수당 249만원 지...	중앙정보기술인재개발원	0	0	1548	2019-05-27

9173	[앱개발자 국비지원] 자바(JAVA) 개발자 & ...	에이콘아카데미	0	0	1548	2019-03-29

9172	◆KG아이티뱅크◆ 재직자 오라클 자격증 취...	아이티뱅크	0	0	1548	2019-03-11

9171	[무료 CRM 교육] 핑거세일즈 CRM 8월 무료 ...	케빈	0	0	1548	2018-07-31

9170	◐채용연수 무료교육◑ 머신러닝과 딥러닝...	에이콘아카데미	0	0	1548	2018-01-19

9169	★★[정보처리기사자격증학원] 정보처리기...	탑크리에듀	0	0	1547	2018-04-24

9168	▶ KG아이티뱅크 모의해킹 취약점 분석 실...	아이티뱅크	0	0	1547	2018-04-17

9167	■ ADsP 데이터 분석 준전문가 자격증 대비...	SD아카데미	0	0	1547	2018-01-31

9166	◐채용연수 무료교육◑ 텐서플로우(Tensorf...	에이콘아카데미	0	0	1547	2018-01-19

9165	[KG아이티뱅크] 자바(JAVA) 기반 블록체인 ...	KG아이티뱅크	0	0	1546	2019-09-16

9164	[국비지원] '디지털/시각디자인[웹디자인,...	담당자	0	0	1546	2018-10-17

9163	♥취업무료교육♥ 머신러닝 기반의 빅데이...	KIC캠퍼스	0	0	1546	2018-08-02

681 | 682 | 683 | 684 | 685 | 686 | 687 | 688 | 689 | 690