프론트앤드

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

재직자 국비교육

  • 강의안내
  • 교육내용
  • 교육문의
  • 교육후기
과정명 자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)
교육기간 2021년 5월 15일(토) ~ 5월 23일(일) 4일 총 30시간 (주말주간(토/일))
접수기간 2021년 5월 14일(금) 까지 / 선착순 마감
교육시간 09:30 ~ 18:30
교육비 197,640원
모집정원 10명
문의처 email : oraclejava@oraclejava.co.kr / tel : 02 - 6925- 4760
교재 본원 자체교재 무료제공
수강료 입금안내 계좌이체 : 국민은행 064601 - 04 - 080737 / 예금주 : 지스펙주식회사
카드결제 : 온라인 또는 오프라인으로 카드 결제
알림

    개인 국비지원 신청자


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


    사업주위탁훈련


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


    출결체크


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

    * 마지막날 수업 일일6시간 진행

교육비 지원

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

197,640원

59,300원

0원

취업성공패키지1

197,640원

0원

0원

취업성공패키지2

197,640원

49,410원

0원

일반

197,640원

0원

197,640원

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

197,640원

177,870원

19,770원

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

197,640원

79,050원

118,590원

수강절차
  • 교육내용 확인
  • 해당 교육 상단 환급 or 비환급 체크, 지원하기 클릭
  • 정보마당서류다운로드 클릭
  • - 근로자 카드 지원 시 : 개인신청 서류 및 개인정보 활용 동의서 다운로드 후 작성 - 사업주 환급 지원 시 : 회사환급 훈련위탁계약서 및 개인정보 활용 동의서 다운로드 후 작성
  • 작성 후
  • E-mail : oraclejava@oraclejava.co.kr Fax : 0505-476-4760 제출
  • 온라인카드 결제 시 : ‘마이페이지’ 온라인 결제 혹은 계좌이체
  • 오프라인 결제 시 : 본원 내방하여 카드 혹은 현금 결제
  • 결제 및 서류는 해당 강의 시작 2일전 까지 완료해야함(늦을경우에는 환급 대상 신고가 되지 않습니다)
  • 개강 일자, 시간, 내용 확인 후 교육 참석
  • - 근로자 카드로 신청 시 결제하신 카드 수업 첫 날 소지 - 고용보험료 미납/체납 시 환급 되지 않을 수 있음
교육대상 - 프론트앤드 개발을 담당하는 개발자
- 프론트앤드 개발을 해보고 싶은 디자이너
- 프론트앤드 개발자로 전향하고픈 퍼블리셔
- 초보 웹 개발자
선수학습 - HTML, CSS 등 기초 웹 언어
- JavaScript 기초
강좌명 자바스크립트 프레임워크 프론트앤드 개발과정(React.js, Vue.js)
교육목표 - 자바스크립트 언어를 활용하여 설계서를 기반으로 애플리케이션을 작성하고 오류 식별 및 수정을 할 수 있다.
- 자바스크립트 언어의 라이브러리를 이해하고 활용할 수 있다.
- 자바스크립트 프레임워크(React.Js, Vue.Js)를 활용하여 화면을 구현할 수 있다.
교육개요 프론트앤드 개발을 위한 자바스크립트 기본 언어와 자바스크립트 프레임워크 React.js, Vue.js의 라이브러리 툴 사용에 대한 학습을 진행하여 다양한 화면에서 적합한 구현이 진행될 수 있도록 실습을 통해 학습을 진행합니다.
React.Js * React 입문
- React 기본 사용
- React&JSX
- Vitual DOM


* 컴포넌트
- 컴포넌트 입력 폼
- 클래스형 컴포넌트
- 컴포넌트 연동
- Props
- State
- DOM 접근 및 Ajax 통신

* 이벤트 핸들링
- 리액트의 이벤트 시스템 이해
- 함수형 컴포넌트 작성

* 컴포넌트 반복
- map 함수
- key 사용

* 컴포넌트 라이프 사이클
- 컴포넌트 라이프 사이클 이해
- 컴포넌트 라이프 사이클 메서드 사용하기

컴포넌트 스타일링
CSS 스타일링
반응형 디자인
Vue.Js * Vue.js
- 설치 / 설정
- 데이터 표시
- 속성 지정

* 사용자 입력
-사용자 입력 연결
- 사용자 이벤트 연결

* 디렉티브
- v-show
- v-if
- v-for

* ToDo List만들기
- 임시 데이터로 Todo 리스트 표시
- 추가 / 삭제 하기
- 컴포넌트로 정리하기

* Json 데이터 다루기
- Json 파일을 읽어들이기
- Json 파일을 읽어들여 컴포넌트로 연결

게시판 작성 * 자바스크립트 프레임워크를 활용한 게시판 구현 실습

강사프로필

  • @
  1. 프론트앤드 기초 입문과정 후기

    처음에는 두렵고 떨리고 어려운 용어도 많고 이해하기 힘들었는데 복습도 하고 수업하면서 강사님께서 친절히 가르쳐 주셔서 HTML 이나 CSS에대해서 잘이해했습니다. 다만 아쉬운점은 마지막에 제이쿼리 배우는 시간이 적어서 아쉬었습니다. 감사했습니다.

  2. 기초입문 교육수강후기

    웹퍼블리싱에 대한 기초지식 없이 수강했는데도 이해가능한 수업이에요! html,css,java,jquery 입문서로 좋을것같아요

  3. html5,css,js 기초강의

    내용의 깊이보다는 기초적인 것들에 중점을 두고 교육을 친절하게 해주셔서 좋았습니다. 시간이 부족했던 느낌이 들어 아쉬운이 많이 남습니다.

  4. 짧은 시간 동안 잘 배우고 갑니다.

    프론트 앤드 기초 과정의 전반적인 부분들의 내용이 방대함에도 불구하고 강사님께서 잘 가르쳐 주셔서 좋았습니다. 학원 직원 분들도 친절 해요.... 수고 하셨습니다.

  5. 프론트앤드 기초 입문과정 수강 후기

    기초 지식을 보충하는 데에 많이 도움이 되었습니다!

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