자바스크립트와 제이쿼리를 활용한 프론트엔드 웹개발 과정

직업능력개발훈련(국민내일배움카드/사업주지원)

자바스크립트와 제이쿼리를 활용한 프론트엔드 웹개발 과정

현업에서 웹퍼블리셔 직무를 수행하는 분에게 적합한 과정이며, 웹퍼블리싱 고급 및 프론트엔드 개발 초급의 수준으로 강의가 진행됩니다.
  • 교육과정명
    자바스크립트와 제이쿼리를 활용한 프론트엔드 웹개발 과정
  • 교육기간
    22.12.11 ~ 23.01.15(일요일 6일/48시간)
  • 교육시간
    09:30~18:20 (1일 8시간)
  • 교육비용
    국비지원(0~45% 자비부담)
  • 훈련장려금
    일부 대상자(국민취업지원제도 대상자 등)는 훈련장려금 지급
  • 교육대상자
    국민내일배움카드 발급자 모두(근로자, 구직자, 자영업자, 대학졸업예정자 및 재(휴)학생 등)
  • 문의전화
    직통전화 : 02-2069-1931

▶ 실 부담금&환급금액

[자비 부담금 안내]
1. 국민내일배움카드(구직자+재직자 통합) 발급자
- 일반 훈련생(재직자, 구직자, 자영업자 등 아래 대상외 모두) : 교육비(316,220원) 중 자비부담 45%(142,300원)
- 근로장려금 수급자(EITC) : 교육비(316,220원) 중 자비부담 22.5%(71,150원)
- 코로나 학번 졸업생(21년), 예정자(22년) : 교육비(316,220원) 중 자비부담 30%(94,870원)
- 국민취업지원제도 II 유형 참여자 : 교육비(316,220원) 중 자비부담 40%(126,490원)
- 국민취업지원제도 I 유형 참여자 : 교육비(316,220원) 중 자비 부담 0%(0원)

2. 사업주 지원훈련(회사 환급)
- 우선적용대상기업(중소기업) : 교육비 316,220원 중 90% 환급(284,590원)
- 상시근로자 1000명 이하 기업 : 교육비 316,220원 중 60% 환급(189,730원)
- 상시근로자 1000명 이상 기업 : 교육비 316,220원 중 40% 환급(126,480원)

3. 비(非) 정부지원 대상자 : 교육비 316,220원 중 자비부담 70%(221,350원)

교육과정 목표

▶ 교육개요 및 목표
① 응용 소프트웨어 개발에 사용되는 프로그래밍 언어의 기초 문법을 적용하고 라이브러리를 활용하여 기본 응용소프트웨어를 구현하는 능력과 UI 요구사항을 확인하여 설계한 UI 설계를 기반으로 화면을 구현하는 능력을 함양할 수 있다.
② Javascript, jQuery, AJAX 등의 자바스크립트 언어와 프레임워크 및 라이브러리를 활용하여 프론트엔드 웹개발의 실무 기술을 바로 적용할 수 있는 능력을 학습한다.

▶ 선행 지식 및 선수 학습 요건 (아래 요건중 1가지 이상)
① 자바스크립트 언어 사용 경험자 또는 교육시작 전 기초 수준의 자바스크립트 사전 학습 가능자
② 컴퓨터 프로그래밍 언어(C, JAVA, Python 등) 사용 경험자 및 가능자
③ 본원 교육 과정인 “웹퍼블리셔 초급 과정(HTML5, CSS3, 웹표준&반응형웹)” 이수자

2021년 해당 직종 직업능력개발훈련 주요 성과 및 실적
  • #직업능력개발훈련
    이수자 평가
    최우수 A등급
    획득!
  • #훈련 성과
    전체 수료율 94.6%,
    취업률 87.5%
    달성!
  • #훈련생 만족도
    평균 4.7점
    (5점 만점)
    획득!
교육기간 및 일정
교육기간(일정)
2022. 12. 11(일) ~ 2023. 01. 15(일) (6주/6일/48시간, 매주 일요일 6일)
교육시간
09:30~18:20 (1일 8시간) 점심시간 : 12:20~13:20 (60분)
강의실
1강의실
정원
26명
실제 교육 세부 커리큘럼
교과목 단원 세부내용
프론트엔드 웹개발 실무 JavaScript
  • 자바스크립트 개요 및 개발 환경 설정
  • 기본 문법, 변수, 상수, 식별자, 자료형, 형변환
  • 연산자, 조건문, 제어문, 배열과 반복문
  • 함수(매개변수, 내부함수, 콜백함수, 내장함수)
  • 객체, 속성과 메서드, 생성자 함수, 캡슐화, 상속
  • 내장 객체(Object, Number, String, Array, Data, Math)
  • ECMAScript 객체, 브라우저 객체 모델, 문서 객체 모델
  • 문서 객체 모델(DOM), 문서 객체 생성 및 조작
  • 이벤트의 종류와 처리, 효과, 예외처리
  • 자바스크립트 응용 및 활용
jQuery
  • 제이쿼리 라이브러리의 개요 및 기본 문법의 이해
  • 선택자(기본, 전체, 클래스, 태그, 속성, 위치, 필터, 입력양식)
  • 메서드(객체 조작, 속성 조작, 수치 조작, 객체 편집)
  • 문서 객체의 선택과 탐색, 조작
  • 클래스, 속성, 스타일, 객체 삽입, 추가, 검사, 삭제
  • 이벤트(연결, 마우스, 포커스, 키보드, 그룹)
  • 다양한 효과 및 애니메이션 활용, 이미지 슬라이더
  • 제이쿼리 UI 플러그인의 활용과 제작
  • 라이트박스, w2ui, jqGrid, 스트레드시트 플러그인
  • XML과 Ajax, jQuery와의 연동 및 활용
Ajax
  • 자바스크립트 비동기 방식기술, Ajax 구조의 이해
  • Ajax 학습을 위한 서버 환경 구축, XMLHttpRequest 객체
  • Get 방식의 데이터 요청, Post 방식의 데이터 요청
  • XML 데이터처리, JSON 데이터 처리
  • 크로스 브라우저, Ajax 활용 예제
수료후 취득가능 자격증
  • 국가기술자격증
    • 웹디자인 기능사
    • 정보처리(산업)기사
  • 국제공인 자격증
수료 후 진로(직업)
  • 웹퍼블리셔
  • 프론트엔드 개발자
  • 웹개발자
  • UI/UX엔지니어
훈련교사 소개
장성호
강의 경력
  • 현)TIS정보기술교육센터 응용SW 및 웹개발(프론트엔드&백엔드), 인공지능 등 구직자 및 재직자 강의
  • 서영대, 한성대, 신구 대학교 등 웹코딩 심화 과정(Javascript, jQuery, HTML5, CSS3, 웹표준, 반응형웹, 포트폴리오)
  • 중앙전산직업전문학교 웹디자인, 웹퍼블리싱, 프론트엔드, 웹 포트폴리오 강의
  • 그린컴퓨터 아트스쿨 플래쉬 액션 스크립트, 웹 포트폴리오 강의
실무 경력
  • 프리랜서 다수의 기업체와 관공서 SW개발 및 웹사이트 개발(구축)
  • (주)다람미디어 다수의 기업체와 관공서 SW개발 및 웹사이트 개발(구축) 및 리뉴얼 총괄
  • (주)위키피아 플래쉬 액션 스크립트, 웹 포트폴리오 구축, 교육 설계 및 제반 사항
교육리뷰(만족도 및 수강후기)
만족도
평균만족도
4.8

수강인원
12

평가인원
10

평가참가율
83.3%

  • 만족도 결과는 구직자(일반 또는 국가기간전략산업직종) 훈련생을 대상으로 한 만족도 결과입니다.
  • 근로자 훈련생 기준 만족도평가 결과만 있는 경우 각 항목별(9가지) 만족도 정보는 0점으로 표기됩니다.
전반적 만족도(5점)
(4.8)
훈련내용(5점)
(4.7)
훈련교사(5점)
(4.9)
훈련방법(5점)
(4.9)
시설장비(5점)
(4.9)
취업지원(5점)
(4.5)
행정서비스(5점)
(4.8)
훈련수준(3점)
(2.6)
훈련성취도(4점)
(3.8)
수강후기

다양한 플러그인 사용법과 실무 예제 중심의 수업. 주변사람들에게 많이 추천 했습니다

재미있는 수업이였어요 하루 8시간 앉아있으면 힘들만한대 전혀 힘들지 않았습니다.

선생님이 친절하게 알려주심

수업 시간이 다른 학원에 비해 짧아서 걱정했었는데, 훨씬 더 효율적이고 좋았습니다. 재직자 과정 수업에 맞게, 첫날과 둘째 날에 기초 기본 문법도 알려주고, 둘째 날 오후부터는 실무에서 많이 사용하는 위주로 진도가 빠르게 진행되어서 지루하지 않고, 실무에서 사용하는 것 다 배울 수 있어서 정말 좋았습니다. 그리고 학원시설이 강남, 종로보다 깨끗해서 좋았습니다. 1층에 버거킹도 있고, 바로 옆에 롯데마트도 있어서 점심 먹기에도 좋았습니다.

현장에서 일하며 제 스스로 제이쿼리와 자바스크립트의 한계를 많이 느껴서 알아보다가 신청했습니다! 먼저는 전에 여기서 수강을 했었던 지인의 추천이 강력해서 수강신청을 했는데요 끝난 지금은 정말 다니길 잘했다 생각합니다!!!!!!! 강사님 무뚝뚝(?)하신 것 같으신데 되게 잘 알려주셔서 너무 좋았어요:) 잘 안되면 와서 오류찾아주시고, 현장에서 사용하는 다양한 툴이나 기술들을 알려주셔서 이쪽 일을 막 시작한 저에게는 정말 너무나 큰 도움이 되었습니다:)) 토요일 하루를 수업을 들어야 하는거라 처음엔 조금 부담이 되긴 했지만 끝날 즈음엔 오히려 그마저도 아쉬웠어요ㅠㅠㅠ 이름있는 학원에서 반년간 배우고 나서도 그렇게 만족하지 못했는데 TIS에서는 정말 만족 of 만족입니다!!!:D 다음에 또 기회가 되면 TIS와서 강의듣고 싶어요!!

체계적인 수업으로 실무에 도움이 되었습니다.

다양한 라이브러리를 사용해볼 수 있어서 좋았습니다. 사용해본 라이브러리 : 카카오api, 그린샄, 타이포, 3d(이름 기억 안남..) 예전부터 사용하시던 코드로 구현해보는 식의 수업이 많았는데, 수업용으로 css를 정리해두지 않고 수업시간에 수업용으로 수정하시곤 했는데, 이 시간이 조금 아까웠습니다. 이 부분을 제외하고는 전반적으로 라이브러리 경험 차원에서 좋은 수업이 었습니다. 초보자가 따라가기엔 다소 어려울 수 있겠다 생각했습니다.

급하게 지나가지않고 차분하게 설명해주셔서 놓치지않고 수업에 잘 따라가게 되서 좋아요

교육대상 및 선발요건
  • 국민내일배움카드(구직자+재직자 통합) 발급 가능자 모두
  • 재직 근로자(일정 소득 및 매출 이하의 특수고용근로자, 자영업자도 정부지원 가능)
  • 구직자(실업자 및 미취업자)
  • 대학(대학원) 졸업예정자, 대학(대학원) 재학생 및 휴학생으로서 졸업까지 남은 수업연한이 2년 이내인자
    • 야간대, 사이버대, 방통대학교 학생은 위 요건과 관계없이 정부지원 가능
    • 현재 고용보험 가입중인 근로자인 학생은 위 요건과 관계없이 정부지원 가능
  • 고용노동부 국민취업지원제도 참여자 및 대상자
  • 기타(문의) : 02-2069-1931
    • 정부지원 자격대상이 안되시는 분은 자비로 참여 가능 합니다.(교육비 일부 할인 적용 가능)
개강전 준비 절차 및 서류
  • 개인 지원 : 국민내일배움카드 발급(필수), HRD-Net(www.hrd.go.kr) 에서 수강 신청(필수)
  • 사업주(회사) 지원 : 훈련위탁계약서(본원 양식), 사업자등록증 사본 등
  • 서류 및 신청 절차 문의 : 02-2069-1931
HRD-Net(www.hrd.go.kr) 사이트 에서 해당 교육 과정을 조회/신청 하고자 하실 때는 국민내일배움카드훈련과정 페이지에서 아래중 1가지를 선택하여 조회 하시면 됩니다.
  • 훈련 기관명으로 조회 : 한글로 "티아이에스정보기술교육센터" 로 조회
  • 훈련 과정명으로 조회 : "자바스크립트와 제이쿼리를 활용한 프론트엔드 웹개발 과정" 으로 조회
훈련진행 전체 프로세스
  • 국민내일배움카드 발급
    국민내일배움카드 발급 (필수)
    HRD-Net(www.hrd.go.kr)에서 인터넷 신청
    또는 관할고용센터 방문 신청
  • 수강 신청
    HRD-Net(www.hrd.go.kr) 에서 수강신청(필수)
    전화 또는 본원 홈페이지에서 신청(선택)
  • 개인부담금 결제
    담당자가 신청자에게 개강 확정 여부 고지
    개강 확정 시 개인부담금 방문 결제 진행
  • 교육 수강 및 수료 독려
    담당자의 출결 및 수료에 대한 독려
    (해당 교육은 수료율이 중요함)
  • 수료증 발급
    수료증 발급(총 교육시간의 80%이상 이수)
GREETING