프론트앤드

웹 페이지 개발의 기초인 HTML, CSS, Jascript, jQuery부터 반응형 웹 앱 개발, js 프레임워크 활용에 대한 강의를 제공합니다.

재직자 국비교육

  • 강의안내
  • 교육내용
  • 교육문의
  • 교육후기
과정명 [중급과정]HTML5 실전 프로젝트 훈련_(자바스크립트)를 활용한 실무과정
교육기간 2024년 5월 20일(월) ~ 5월 24일(금) 5일 총 40시간 (평일주간(단기))
접수기간 2024년 5월 19일(일) 까지 / 선착순 마감
교육시간 09:30 ~ 18:30
교육비 490,000원
모집정원 10명
문의처 email : oraclejava@oraclejava.co.kr / tel : 02 - 6925- 4760
교재 본 원 자체교재 무료제공!
수강료 입금안내 계좌이체 : 국민은행 064601 - 04 - 080737 / 예금주 : 지스펙주식회사
카드결제 : 온라인 또는 오프라인으로 카드 결제
알림

    개인 국비지원 신청자


    내일배움카드 및 취업성공패키지를 활용하여 신청하시는 경우 본인자부담금과 추가부담금을 나누어 결제해주셔야 합니다.
    특히 본인자부담금의 경우 발급받은 내일배움카드를 활용하여 진행해 주시면 됩니다.


    사업주위탁훈련


    사업주위탁훈련의 경우 전체 수강료를 결제해주시면 되며 정상 수료자에 한해 환급이 진행됩니다. (출석률 80% 이상)


    출결체크


    - 개인 국비지원 신청자의 경우 발급받은 내일배움카드를 사용하여 출결을 진행합니다.
    - 사업주위탁훈련의 경우 HRD-Net 앱을 다운받아 오시면 되며 www.hrd.go.kr 에서 회원가입 및 본인인증을 사전에 진행하셔야 합니다.
    - 출결체크는 수강생의 책임으로 입/퇴실 시 꼭 진행해주셔야 합니다.

    * 본 과정은 노동부 비적용 훈련과정 입니다.

교육비 지원

교육생유형 수강료 본인자부담금 추가부담금
국민내일배움카드

490,000원

0원

0원

취업성공패키지1

490,000원

0원

0원

취업성공패키지2

490,000원

0원

0원

일반

490,000원

0원

0원

교육생유형 수강료 환급액 회사부담금
사업주위탁훈련(중소기업)

490,000원

0원

0원

사업주위탁훈련(대기업)

490,000원

0원

0원

수강절차
  • 교육내용 확인
  • 해당 교육 상단 환급 or 비환급 체크, 지원하기 클릭
  • 정보마당서류다운로드 클릭
  • - 근로자 카드 지원 시 : 개인신청 서류 및 개인정보 활용 동의서 다운로드 후 작성 - 사업주 환급 지원 시 : 회사환급 훈련위탁계약서 및 개인정보 활용 동의서 다운로드 후 작성
  • 작성 후
  • E-mail : oraclejava@oraclejava.co.kr Fax : 0505-476-4760 제출
  • 온라인카드 결제 시 : ‘마이페이지’ 온라인 결제 혹은 계좌이체
  • 오프라인 결제 시 : 본원 내방하여 카드 혹은 현금 결제
  • 결제 및 서류는 해당 강의 시작 2일전 까지 완료해야함(늦을경우에는 환급 대상 신고가 되지 않습니다)
  • 개강 일자, 시간, 내용 확인 후 교육 참석
  • - 근로자 카드로 신청 시 결제하신 카드 수업 첫 날 소지 - 고용보험료 미납/체납 시 환급 되지 않을 수 있음
교육대상 - HTML5의 실제 개발 사례를 경험하고 싶은 웹 개발자
- 웹 어플리케이션 개발에 필요한 프레임워크 최신 기술을 습득하고 싶은 웹 개발자
- HTML5 및 자바스크립트 프레임워크기반 프로젝트 수행을 준비하는 개발자.
선수학습 - 프론트 웹퍼블 이해
- 랭귀지언어 이해
강좌명 [중급과정]HTML5 실전 프로젝트 훈련_(자바스크립트)를 활용한 실무과정
교육목표 - HTML5 기술을 이용한 완성도 높은 웹 어플리케이션을 개발할 수 있습니다.
- 실무에 반영하는 실전훈련 방식의 교육입니다.
- 실전 프로젝트 구축운영 및 서비스 실습 수업방식 입니다.
교육개요 본 과정에서는 실무 수준의 웹 애플리케이션을 개발하면서 HTML5에서 추가된 기능들을 효과적으로 파악하고 구축운영 과정에서 발생할 수 있는 문제점과 에러발생 사항의 해결방법을 학습할 수 있습니다.

실제 서비스 활용하는 데이터 템플릿 자료를 통해 디자인되어있는 코드를 토대로, 교육훈련에 반영하여 전체 웹앱을 완성해가는 실무 프로젝트 프로세스로 수업방식 입니다.
프로젝트 개요 - HTML5 프로젝트
- 개발환경 구축
Node.js 개요 - Node.js
- Node.js로 웹서버 구현
REACT 입문 - JSX
- 컴포넌트
- 이벤트핸들링
- Hooks
- Sass
- Recoil.js를 이용한 전역상태관리
- Material ui
- React Hook Form
데이터베이스 - MongoDB
- DB 기능 구현
- 공통 코드 개발
Controller 기능 구현 - Node.js를 이용한 컨트롤러 기능 구현
- React를 이용한 쿠폰 목록 조회, 검색, 상세 조회 기능 구현
- 쿠폰 구매 기능 구현
View 기능 구현 - Web Storage API, Server-Sent Events API, Notifications API를 이용한 장바구니 기능 구현(등록, 삭제, 알림)
- Geolocation API를 이용한 지도 기능 구현
- Web Socket API, Canvas를 이용한 실시간 추천 쿠폰 조회 기능 구현
세션, 검색 등 기능구현 - Web Forms를 이용한 회원 기능 구현(로그인, 회원 가입, 수정)
MINI 프로젝트 - 프로젝트 최종 서비스

강사프로필

강사님 IOO 강사님
프로젝트 경력사항
제일화재보험 (보험관리 시스템 컨버전) 개발 삼성전자 (자원관리 시스템 개발) 웹 펀드 시스템 개발 (산키상사 일본) 개발 카드 결제 시스템 향상 작업 (넷 프로텍션 일본) 개발 검색 배치 개발 (일본건설정보센터일본) 개발 통합 헬프 시스템 개발 (NTT 콤웨어일본) 개발 국세청 학자금상환시스템 개발 (삼성SDS) 개발 SK건설 물질흐름 시스템 고도화 (SK C&C) 개발 농협생명 고객 리스크관리 개발 지스펙 주식회사 교육 ERP 학사관리시스템 개발 그외 금융사,증건사,전산파트 엔지니어 직무교육 다수진행
전문분야
자바 Expert 개발자 과정 Oracle 기반 Java 개발자 과정 Oracle DBMS & Advanced Java 개발자 과정 안드로이드 개발자 기본과정 웹표준 & Java Framework 과정 채용예정자 프로젝트 전문PL 진행(1기~15기) 마이플랫폼 전문강의 엑스플랫폼 전문강의 넥사크로플랫폼 강의 안드로이드 개발강의 아이폰 Swift 강의 Swift UI 강의 Python 강의 React Native 모바일 강의 Spring 멀티스레드 강의 JAVA 멀티스레드 강의 Spring JPA 강의 Spring boot 강의 자바스크립트 프론트앤드 강의(React.js, Vue.js) HTML5, JS 실무 프로젝트 구축 서비스 강의 Oracle SQL, PL-SQL 강의 파이썬과 리엑트 네이티브를 활용한 풀스택 강의 PyQT 강의 MariaDB 강의 MongoDB 강의 Jakarta EE 웹 시스템구축 강의 구글 크로스 플랫폼 플러터 강의 실무 HTML5 실전 프로젝트 강의 ChatGPT 강의 정보처리 기사 자격증 대비반 강의 현 오라클자바 교육센터 Java Framework 개발자 과정 전임강사 현 오라클자바 교육센터 C# / ASP.NET Core 개발자 과정 전임강사 현 오라클자바 교육센터 WPF / Prism Framework MVVM 개발자 과정 전임강사
  • @
  1. 프론트앤드 기초 입문과정 수강 후기입니다.

    개발의 기초단계를 배울 수 있는 프론트앤드부터 시작을 하니, 개발에 재미도 붙고 실제로도 같이 해보니 더 재밌었던 것 같습니다. 선생님께서 설명도 쉽게 해주시고, 중간에 질문이 있어 질문하면 바로 대답도 해주시고 잘못된 부분도 바로 잡아주십니다. 다음 강좌가 있다면 찾아서 등록하고 싶습니다.

  2. 자바스크립트 프레임워크(React.js, Vue.js) 향상과정(2023-11-27 ~ 2023-11-30) 후기

    자바스크립트 프레임워크(React.js, Vue.js) 향상과정(2023-11-27 ~ 2023-11-30) React.js, Vue.js를 처음 배우시는분들께 추천 드리고 강사님이 친절하게 알려주셔서 수료할 수 있었습니다.

  3. 알찬강의 감사합니다.

    새로운 방식이라고 생각하여 어렵게 생각하였는데 react, vue 프레임워크의 개념을 잡는데 큰 도움이 되었습니다. 4일동안 고생해주신 강사님께 감사드립니다.

  4. 아주 유익했습니다.

    HTML/CSS 관련하여 개념정리가 안되었는데 많은 도움이 되었습니다.

  5. 그동안 고생 많으셨습니다.

    그동안 진행해주신 강의 많은 도움이 되었습니다. 저는 리액트보단 뷰에 관심이 좀 많았었는데요. 초기 허들이 독학으로 잘 진행이 안되었었다보니 많은 도움이 되었습니다. 너무 고생 많으셨습니다. 감사합니다.!! 항상 건강하세요.

  1. HRD 수강평
  2. HRD 수강평