<평일오전>UI/UX 개발전문가_자바/JSP/스프링/마이바티스/JS/ECMA/Angular/React/Ioinic(평일주간)

<평일오후>UI/UX 개발전문가_자바/JSP/스프링/마이바티스/JS/ECMA/Angular/React/Ioinic(평일주간)

-전액무료IT취업알선교육/국비무료교육

-확실한 취업/연봉보장을 위한 자바,스프링,마이티스도 배우고 자바스크립트 계열 고급UI 개발을 정복할 수 있는 환상의 커리큘럼!

-HRD-Net에서 수강평/만족도 확인하세요!!

-평일오후반, 하루6시간 수업,  10월중 개강 입니다. 일정 확인 하세요~!!

과정 상세보기 : 

[평일오전]http://topcredu.co.kr/sub/crcl/view/web/2218

[평일오후]http://topcredu.co.kr/sub/crcl/view/job/2289

★ 교육개요 ★ 

취업을 위해 자바서버 프로그래밍도 배우고 UI 개발기술을 정복할 수 있는 과정!자바, JSP, 스프링 프레임워크, 마이바티스 배우시면 취업은 되시죠^^ 하지만 본과정에서는 추가로 기본 자바스크립트 부터 ECMA6, TypeScript, Angular, React, Vue.js, Ionic등 자바스크립트 최고의 UI 프로그래밍을 배울 수 있습니다.국비지원 무료취업 알선교육(국가기간 전략산업직종).자바기반 서버측 웹개발 기술 + 자바스크립트 기반 UI 개발 기술 + 하이브리드 모바일 앱 개발 기술의 융합과정.2호선 구로디지털단지역 2분 거리.전액무료, 취업알선, 실무기반 최고의 커리큘럼으로 UI분야 실전 전문가가 되세요!취업/진로를 위한 현장 전문가와의 면담진행.열심히 하실 분만 지원 하세요^^ 4개월정도 앞만 보고 달려 가셔야 합니다!

취업 성공 패키지 참여자는 수료후 취업시 취업성공 수당도 지급! 급여도 받고 수당도 받고~다른 교육기관의 커리큘럼과 비교해 보세요~대세는 자바, 스프링, 자바스크립트 입니다. 2017년 Stack Overflow 개발자 설문에서 1위를 차지한 자바스크립트 계열의 모든 부분을 학습하는 과정으로 웹의 대부분이 자바기반 웹개발이므로 서버쪽의 스프링 프레임워크 & 마이바티스까지 터득하는 실무 실습 위주의 과정 입니다.본원의 "UI/UX 개발전문가(웹퍼블리싱 & 모바일앱) 구직자 양성과정"은 프론트 엔드 전문 프로그래머가 되기 위한 기초소양, 웹의 기초를 위한 HTML, JavaScript, jQUERY등을 학습하고 기초 프로그래밍 교육부터 UI개발의 토대가 되고 취업을 위해 필수인 자바기반 서버측 웹개발 기술(자바, JSP, Servlet, 스프링 프레임워크)을 습득 후 최근 많은 개발회사에서 실무에 적용하고 있는 고급 UI 개발 기술인 Angular, React, React Native, Vuew.js 까지 학습을 하고 하이브리드 모바일 앱개발을 위한 Ionic Framework까지 배우는 그야말로 UI 개발을 위한 최고의 과정 입니다.

다양하지만 최고의 강사, 최적의 교재를 통해 실습위주, 따라하기식 교육으로 초보자라도 쉽게 적응하고 따라 올 수 있습니다. 

2017/2018년 진행했던 국기과정/실업자과정 수강생들의 교육후기, 만족도 한번 살펴 보세요~ 

다년한 진행한 프로그래머 실무 교육에서 추출한 핵심요소, 현장에서 필요한 필수개발 요소를 집중 교육함으로서 취업을 위한 기술요소를 충분히 소화시켜 드리며 본원 제휴 기업들과의 취업 연계를 통해 수료 후 취업도 지원해 드립니다.본원의 교육은 실무최적화 교육이 특징 입니다. 현업/현장에서 가장 자주 사용되는 기술분야를 실무 전문 강사님을 통해 교육을 받을 수 있으며 현장에서 실제 사용되는 기술, 업무를 기반으로 프로젝트를 진행해 봄으로써 프로그래밍 업무에 대해 자신감을 얻을 수 있고 프로그래머로서 취업을 위한 준비를 마무리하게 됩니다."두려워하지 말고 본인의 미래에 투자 하세요.""실무 전문 IT 교육기관 탑크리에듀가 여러분과 함께 하겠습니다."저희 탑크리에듀는 초보자 수강생분에게 친절하고 자세한 설명, 적절한 이론과 실습으로 IT 기초지식이 없더라도 누구나 진도를 따라 올 수 있습니다. 적절한 보충수업과 담임선생님의 맨투맨 관리, 수강생 분들의 고민상담, 취업상담에서 취업에 이르기까지 체계적인 시스템을 갖추고 있습니다. 여러분들의 IT 분야로의 취업을 보장받으실 수 있을 것입니다. "여러분들의 새로운 미래에 도전 하세요."과정의 강점1. 과정매니저가 훈련시작전 상담부터, 훈련 중, 훈련 후, 사후관리까지 체계적인 프로세스로 관리하고 취업까지 지원해 드립니다.2. 취업 역량을 향상시키고 취업가능 분야를 다양화하기 위해 자바기반 웹개발자가 되기 위한 기초부터 실무개발 능력까지 체계적으로 습득할 수 있습니다.3. 비전공자도 취업이 가능한 수준까지 레벨 업 시키기 위해 지속적인 모니터링, 어려운 상담, 추가 보충교육/과제등을 제공하고 있습니다.4. 전문 프리젠테이션 강사로부터 프리젠테이션기술 특강 수강 및 모의면접을 통해 취업면접 노하우 습득 및 면접 취약점을 제거할 수 있기에 취업면접을 철저히 대비할 수 있습니다.5. 실무경험 및 강의 경험이 풍부한 전문 강사진의 풍부한 노하우로 진행되는 교육이기에 교육 내용을 이해하기 쉬우며, 코딩 문제 발생시 즉시로 도움을 받을 수 있습니다.5. 세부과목별로 팀활동이 있으므로 협업 및 리더십을 경험할 수 있습니다.6. 취업 훈련과정을 다년간 운영해본 경험이 있는 교육업체에서 합리적으로 운영하기에 편안하고 쾌적하게 훈련받을 수 있습니다. 

7. 훈련내용이 NCS(국가직무능력표준)에 따른 교과목으로 구성되어 있으므로 체계적인 교육 훈련을 받을 수 있습니다.

★ 수료조건 ★

출석률 80%이상 

★ 교육목표 ★

[자바 서버측 기술 및 UI 개발 잘하는 개발자]UI/UX 개발을 위한 응용S/W 기초기술을 활용할 수 있다.자바 프로그래밍 언어 및 서블릿, JSP를 활용하여 UI를 구현할 수 있다.자바기반 서버측 개발기술인 스프링 프레임워크를 이해할 수 있다.마이바티스를 이해하고 스프링 프레임워크 & 마이바티스를 연동할 수 있다.UI 설계를 기반으로 화면을 구현할 수 있다.자바스크립트 프레임워크 Angular를 사용하여 화면 UI를 구현할 수 있다.Vue.js Framework를 사용하여 화면 UI를 구현할 수 있다.React JavaScript Library를 사용하여 화면 UI를 구현할 수 있다.React Native Framework를 사용하여 모바일 화면 UI를 구현할 수 있다.Ionic Framework를 사용하며 모바일 하이브리드 앱 UI를 구현할 수 있다.응용프로그램의 테스트 케이스를 작성할 수 있다.테스트 케이스에 따라 테스트를 수행할 수 있다.응용프로그램의 결함을 조치할 수 있다.애플리케이션 배포 환경을 구성할 수 있다.구현이 완료된 애플리케이션의 소스 검증 및 빌드를 수행하여 운영 환경에 배포할 수 있다.

★ 커리큘럼 ★ 

• 기초소양교과	문제해결능력정보능력
  응용SW기초기술활용)운영체제, DB개론, 네트워크	PART 1 성공적인 학습을 위한 준비 작업 및 우분투 리눅스 설치 PART 2 우분투 리눅스의 기본 개념과 리눅스 관리자의 기본 역할 CHAPTER 5 X 윈도를 사용해보자 CHAPTER 7 셸 스크립트 프로그래밍 PART 3 네트워크 서버 구축 실무 CHAPTER 8 원격지 시스템 관리하기 CHAPTER 9 네임 서버 설치와 운영 CHAPTER 10 메일 서버 설치와 운영 CHAPTER 11 데이터베이스 서버 구축과 운영 CHAPTER 12 웹 서버 설치와 운영 PART 4 네트워크 서버 구축 실무 Ⅱ CHAPTER 13 FTP 서버 설치와 운영 CHAPTER 14 NFS 서버 설치와 운영 CHAPTER 15 Samba 서버 설치와 운영 CHAPTER 16 DHCP 서버 설치와 운영 CHAPTER 17 프록시 서버 설치와 운영 CHAPTER 18 방화벽 컴퓨터를 만들자 CHAPTER 19 PXE 설치 서버
  자바 프로그래밍	자바 소개자료형, 수식객체지향 개념클래스클래스의 계승인터페이스패키지예외처리기본 자료 구조스트림쓰레드람다식자바 어노테이션, 이클립스팁
  웹표준, HTML, HTML5, CSS, JavaScript, jQUERY	CHAPTER 1 HTML5 튜토리얼 1.1 HTML 및 한국.net 시범사이트 소개 1.2 HTML 요소 및 속성 1.3 HTML 스타일 및 CSS 1.4 HTML 링크 및 클래스 1.5 HTML 자바스크립트 1.6 HTML 반응형 및 폼 1.7 HTML5 소개 및 요소들 1.8 HTML5 비디오 및 오디오 CHAPTER 2 CSS3 튜토리얼 2.1 CSS 소개 및 한국.net 응용 예 2.2 CSS 박스모델 및 링크 2.3 CSS 위치 및 가상 클래스 2.4 CSS3 소개 및 둥근 모서리 2.5 CSS3 이동 및 애니메이션 2.6 RWD 반응형 웹 디자인 CHAPTER 3 JS 홈 및 소개 3.1 JS 홈 및 소개 3.2 JS 변수 및 연산자 3.3 JS 이벤트 및 문자열 3.4 JS 날짜 및 배열 3.5 JS 조건 및 반복문 3.6 JS 에러 및 디버깅 3.7 JS 양식 및 함수 3.8 JS HTML DOM 3.9 JS 브라우저 BOM 3.10 HTML5 캔버스 및 지도위치 APIs CHAPTER 4 jQuery 튜토리얼 4.1 jQuery 튜토리얼 4.2 jQuery 효과 4.3 jQuery HTML 4.4 jQuery 이동 및 AJAX CHAPTER 5 서버스크립트(ASP) 응용 5.1 ASP 및 한국.net 시범사이트 소개 5.2 ASP 객체 및 응용 프로그램 CHAPTER 6 소셜네트워크 서비스 및 광고 연동 6.1 페이스북 및 트위터의 한국.net 연동 6.2 구글 애드센스 광고의 한국.net 연동 CHAPTER 7 HTTP 및 와이어샤크(Wireshark) 보기 7.1 HTTP 및 Web Service(한국.net) 소개 7.2 와이어샤크(Wireshark) 보기 APPENDIX 웹서비스의 실시간 통계분석 자료
  서블릿, JSP	[Servlet]서블릿 개요 작동원리web.xml 매핑 방법, @WebServlet 어노테이션Servlet 라이프 사이클HttpServletRequest/HttpServletResponse Cookie, SessionJDBC 소개 ConnectionStatement, PreparedStatement, ResultSetCallableStatementJDBC를 이용한 SQL 함수Insert/Update/Delete/Select 예제 작성하기 [JSP]JSP작성법, Life Cycle동작원리기본문법(지시자, 내장객체, 스크립틀릿, 표현식, 액션태그) 쿠키, 세션 다루기JSTL, ELMVC Model소개, JSP & Model Layer
  스프링 프레임워크 & 마이바티스	1. 스프링 프레임워크 개요1-1. 도입 배경2. Spring IoC & DI2-1. Ioc Container2-2. Spring Ioc 실습(XML 기반, 인터페이스, 세터주입)2-3. Spring Ioc 실습(어노테이션기반, 인터페이스, 세터주입)2-4. DI와 관련된 어노테이션 362-4-1. Auto-Scanning Component(Stereotyping Annotations),@Component,@Repository,@Service,@Controller,@RestController2-4-2. Context Configuration Annotations(@Scope,@Autowired,@Resource,@Inject,@Required,@Named,@Order,@PostConstruct,@PreDestroy, @ContextConfiguration)2-5. Spring DI(Dependency Injection)2-5-1. 세터 주입(Setter Injection) – XML 기반2-5-2. 세터 주입(Setter Injection) – 어노테이션 기반2-5-3. 생성자 주입(Constructor Injection) – XML 기반2-5-4. 생성자 주입(Constructor Injection) – 어노테이션 기반2-5-5. 메소드 주입(Method Injection)2-5-6. Simple Value Injection(@Value, @PropertySource)2-5-7. SpEL을 이용한 Value Injection(XML 방식)2-5-8. SpEL을 이용한 Value Injection(어노테이션 방식)2-5-9. @Value, @PropertySource2-5-10. ref 태그를 이용한 Value Injection(ref local, ref bean, id, name의 차이)2-5-11. 스프링에서 XML 설정 파일의 분리2-5-11. ApplicationContext의 분리(부모, 자식)2-5-12. 컬렉션 주입(Collection Injection), XML 방식2-5-12. 컬렉션 주입(Collection Injection), 어노테이션 방식3. Spring AOP(Spring Aspect Oriented Programming)3-1. AOP 개요3-2. AOP HelloWorld3-2-1. AOP HelloWorld(프로그래밍을 통한 AOP 구현)3-2-2. AOP HelloWorld(XML Schema Based AOP 구현)3-2-3. AOP HelloWorld(@AspectJ Annotation Based AOP 구현)3-3. AOP 충고(Advice)3-4. 프로그래밍적인 방법을 통한 AOP 구현(ProxyFactory 이용)3-5. 포인트컷(Pointcut)3-6. ProxyFactoryBean을 이용한 선언적 AOP 구현3-6-1. ProxyFactoryBean을 이용한 선언적 AOP 구현 - 예제3-7. Schema-Based Spring AOP( 네임스페이스 이용)3-7-1. Schema-Based Spring AOP( 네임스페이스 이용) – 예제3-8. @AspectJ Annotation을 이용한 AOP3-8-1. @AspectJ Annotation을 이용한 AOP – Aspect 선언3-8-2. @AspectJ Annotation을 이용한 AOP – Advice 선언3-8-3. @AspectJ Annotation을 이용한 AOP – Pointcut 선언3-8-4. @AspectJ Annotation을 이용한 AOP – aspectj expression3-8-5. @AspectJ Annotation을 이용한 AOP – 예제3-9. 스프링 선언적 AOP에 대한 고려사항(@AspectJ vs XML)4. Spring JDBC4-1. 기존 JAVA JDBC와 Spring JDBC의 비교4-2. Spring JDBC에서 DataSource 취득하는 방법4-3. Spring JDBC에서 DB 접근하는 방법4-3-1. Spring JDBC에서 DB 접근하는 방법 – jdbcTemplate4-3-1-10. jdbcTemplate을 이용한 CRUD 예제4-3-1-10. Spring Data JPA를 이용한 CRUD 예제4-3-2. Spring JDBC에서 DB 접근하는 방법 – NamedParameterJdbcTemplate4-3-3. Spring JDBC에서 DB 접근하는 방법 - SimpleJdbcTemplate4-3-4. Spring JDBC에서 DB 접근하는 방법 – SimpleJdbcCall4-3-5. Spring JDBC에서 DB 접근하는 방법 – SqlUpdate4-3-6. Spring JDBC에서 DB 접근하는 방법 – StoredProcedure4-3-7. 오라클 시퀀스를 위한 DataFieldMaxValueIncrementer5. 스프링 트랜잭션(Spring Transaction) 1985-1. 스프링 트랜잭션(Spring Transaction) – TransactionDefinition, TransactionStatus, PlatformTransactionManager5-2. 스프링 트랜잭션 관리5-2-1. 스프링 트랜잭션 관리 – TransactionTemplate5-2-2. 스프링 트랜잭션 관리 – TransactionManager5-2-3. 스프링 트랜잭션 관리 – Spring Boot 기반의 프로그래밍을 통한 트랜잭션 관리 예제 실습(TransactionTemplate, TransactionManager)5-4. 스프링 선언적 트랜잭션 관리5-4-1. 스프링 선언적 트랜잭션 관리 – XML 설정방식5-4-1-1. 스프링 선언적 트랜잭션 관리 – XML 설정방식 예제5-4-2. 스프링 선언적 트랜잭션 관리 – @Transactional 개요5-4-2-1. 스프링 선언적 트랜잭션 관리 – @Transactional 예제5-4-2-2. @Transactional 메소드 내부에서 다른 메소드 호출의 경우 트랜잭션 적용범위6. Spring Web MVC6-1. Spring Web MVC - DispatcherServlet6-1-1. Spring Web MVC 기본 흐름6-2. Spring Web MVC - ContextLoaderListener6-3. @Controller, @RequestMapping을 이용한 컨트롤러 매핑6-3-1. Spring MVC HelloWorld6-3-2. Spring MVC HelloWorld를 자바설정(Java Config)으로 변경6-4. 컨트롤러 메소드 파라미터(Controller method argument types)6-5. 컨트롤러 메소드 리턴 타입(method return types)6-6. @MVC, @Controller 자동 추가되는 모델 객체6-7. Spring Web MVC Simple 예제(DB 테이블 데이터 출력하기)6-8. @RequestHeader를 이용한 요청처리6-9. @RequestBody를 이용한 요청 처리6-10. @ExceptionHandler,@ControllerAdvice를 이용한 컨트롤러 예외처리6-11. @CookieValue를 이용한 쿠키처리6-12. Flash Attribute(RedirectAttributes, FlashMap)6-13. @ModelAttribute를 이용한 컨트롤러 메소드 매핑6-14. @SessionAttributes를 이용하여 model 객체를 세션에 저장하기6-15. @ModelAttribute, @SessionAttibutes 컨트롤러 메소드 매핑6-16. Spring WEB MVC를 이용한 멀티파일 업로드, @ModelAttribute6-17. Spring WEB MVC 쇼핑카트(@SessionAttibutes, @ModelAttribute)6-18. Spring Web MVC 뷰(ViewResolver)6-19. 인터셉터(Spring4 MVC Interceptor)6-20. REST API(RESTful Web Service)6-20-1. Spring Framework RESTful 지원6-20-2. RestTemplate을 이용한 RESTful Web Service Client6-20-3. Spring MVC REST CRUD 실습(Hibernate, RestTemplate)6-20-4. Spring Boot REST CRUD 실습(JPA, MariaDB)7. 스프링 & 마이바티스(Spring & MyBatis)7-1. MyBatis 개요7-2. SqlSessionFactoryBean7-3. SqlSessionFactory, Mapper Interface7-4. MyBatis Transaction7-5. SqlSessionTemplate7-6. SqlSessionDaoSupport7-7. 매퍼 주입(Mapper Injection)7-8. MyBatis Mapper Scanning7-9. Mapper XML 파일7-9-1. Mapper XML 파일(SELECT 요소)7-9-2. Mapper XML 파일(INSERT, UPDATE, DELETE 요소)7-9-3. Mapper XML 파일(SQL 요소)7-9-4. Mapper XML 파일(Parameters 요소)7-9-4. Mapper XML 파일(resultMap 요소)7-9-5. Mapper XML 파일(id, result 요소)7-9-6. Mapper XML 파일(construct 요소)7-9-7. Mapper XML 파일(association 요소)7-9-8. Mapper XML 파일(collection 요소)7-9-9. Mapper XML 파일(discriminator 요소)7-10. Spring, MyBatis 연동예제 – Spring JDBC예제 수정7-11. Spring, MyBatis 연동예제 – CRUD 예제7-12. Spring, MyBatis 연동예제– CRUD 예제(MapperScannerConfigurer)7-13. Spring Boot, MyBatis, 오라클 연동예제7-14. Spring MyBatis – PlatformTransactionManager를 이용한 프로그래밍적 트랜잭션 처리예제7-15. 마이바티스3.X 어노테이션(@Select, @Insert, @Update, @Delete)7-16. Spring Framework MyBatis 연동 로그인, 게시판, AOP 적용 실습8. 스프링 부트(Spring Boot)8-1. Spring Boot 소개8-2. Spring Boot & Maven8-3. Spring Boot & Gradle8-4. Writing the code(Spring Boot main)8-5. Writing the code(CommandLineRunner)8-6. Spring Boot에서 property 파일 읽기8-7. 스프링 부트, JPA에서 데이터베이스 초기화
  ECMA6 & Angular UI 프로그래밍	Chapter 1 : ECMAScriptECMAScriptES6 개발환경 설정WebStorm 바벨 설정클래스 주요 특징클래스 기본 문법클래스 문법 코드를 ES5 코드로 트랜스파일링한 결과 확인extends 키워드ES5, ES6 문법 혼용클래스가 객체를 대상으로 상속super 키워드클래스 표현식 vs 선언식ES5 상속과 class 를 사용한 ES6 상속의 차이점Multiple Inheritance with Proxies비동기 처리TypeScript 소개Chapter 2 : Angular Basic앵귤러 소개Simple ExampleProject StructureCLIChapter 3 : Angular CoreLife CycleComponent CommunicationPromiseObservableRouter해시 기반 주소로 변경특징 모듈 라우터Chapter 4 : Angular ExtensionDIProviders불투명 토큰을 이용한 제공자 설정Provider 없이 객체 DI주입기를 이용한 객체 생성DirectiveComponents VS Directive
  React JavaScript Library	1. ReactJS Tutorial2. ReactJS - Environment Setup3. ReactJS - JSX4. ReactJS - Components5. ReactJS - State6. ReactJS - Props Overview7. ReactJS - Props Validation8. ReactJS - Component API9. ReactJS - Component Life Cycle10. ReactJS - Forms11. ReactJS - Events12. ReactJS - Refs13. ReactJS - Keys14. ReactJS - Router15. ReactJS - Flux Concept16. ReactJS - Using Flux17. ReactJS - Animations18. Higher Order Components19. ReactJS - Best Practices20. 엘리먼트 속성21. Bower22. 컴포넌트23. 컴포넌트 라이프사이클24. Excel : 커스텀 테이블 컴포넌트25. JSX26. Boiler Plate27. 패키징28. FLUX29. HTTP
  모바일 UI를 위한 React Native	1장 리액트 네이티브란 무엇인가? 2장 리액트 네이티브 다루기 3장 첫 애플리케이션 만들기 4장 모바일 컴포넌트 5장 스타일 6장 플랫폼 API 7장 모듈 8장 디버깅과 개발자 도구 9장 하나의 앱으로 통합하기 10장 iOS 앱 스토어에 배포하기 11장 안드로이드 애플리케이션 배포하기
  Vue.js JavaScript Library	[1부] Vue.js 기초1장: Vue.js 설치 2장: 시작하기 3장: 디렉티브 4장: 리스트 렌더링 5장: 상호작용 6장: 필터 7장: 컴포넌트 8장: 사용자 정의 이벤트 9장: 클래스와 스타일 바인딩 [2부] API 사용하기10장: API 사용하기 11장: 실제 데이터 활용하기 12장: HTTP 클라이언트 활용 13장: 페이지 처리 [3부] 대규모 애플리케이션 구축14장: ECMAScript 15장: 고급 워크플로우 16장: 단일 파일 컴포넌트 17장: 중복 상태 제거 18장: 컴포넌트 교체 19장: Vue 라우터 20장: 마무리하며 21장: 참고 자료
  하이브리드 모바일 앱 개발을 위한 Ionic Framework	0장 : Ionic 개요 및 기본 문법1장. 파이어베이스를 이용한 채팅 애플리케이션2장. Marketcloud를 이용한 쇼핑몰 애플리케이션3장. 학회 애플리케이션4장. StockMarket 애플리케이션5장. 워드프레스 클라이언트 애플리케이션6장. 미디어 플레이어 앱7장. 파이어베이스를 이용한 소셜 애플리케이션
  실무 프로젝트	- 요구사항 분석- 기본 설계- 상세 설계- 기본 기능 정의- 메뉴 정의- DB 설계- 웹, 앱 설계- 개발 환경 정의- 요청/응답 설계- 공통 기능 구현- 화면 구현- 기본 기능 구현- 단위 테스트- 결합 테스트- 완료 및 시연- 배포- 프로젝트 문서 제작