• 집체 교육
  • 온라인 교육
  • 위탁 교육
  • 강사모집

단과교육과정

[정부지원] CSS3+SVG활용! 인터랙티브 웹 UI 콘텐츠 제작 과정<4.3>

교육센터 신청내역 보기

프로그램안내 강사소개 등록관련안내 교육장소

정규교육과정 소개

* 본인부담금(실 수강료) *
▶ 우선지원대상기업 & 대규모기업의 비정규직 : 295,560원
▶ 대규모기업(45세 이상 정규직or3년간 훈련이력이 없는 근로자) :
374,448원









강의자료 다운로드

정규교육과정 개요

기간 2017년 02월 03일 (금) 오후 7:00 ~ 2017년 03월 24일 (금) 오후 10:00
인원 30명
장소 한국인터넷전문가협회평생교육원 3강의실 약도보기
주최 한국인터넷전문가협회평생교육원
주관 (사) 한국인터넷전문가협회
후원
목적
참여대상 - 차세대 UI 콘텐츠 개발자가 되고 싶은 분
- 자바스크립트+jQuery 기초와 실무 활용을 배우고 싶은 분
- 인터랙티브 웹 UI 콘텐츠 제작에 관심 있는 분
- CSS3+SVG 활용을 배우고 싶은 분
- 실무 활용 팁과 노하우를 배우고 싶은 분
경품이미지

정규교육과정 프로그램

구분 강의 주제 및 내용 강사
2017. 4. 3. (월)
19:00~22:00 		최신 웹프론트엔드 소개
- ECMAScript 2015,2016 소개
- TypeScript 소개
- 최신 프레임워크 소개
- UI개발자 VS 웹앱 개발자
- UI개발자 전체 스터디 로드맵 		김춘경 대표
웹동네
2017. 4. 5. (수)
19:00~22:00 		변수
- Lesson 01 변수란
- Lesson 02 변수 만들기
- Lesson 03 변수에 저장할 수 있는 데이터
- Lesson 04 변수 값 저장 및 변경
- Lesson 05 변수 값이 자동으로 읽어지는 경우
- Lesson 06 변수를 활용한 데이터 중복제거 및 재 사용
- Lesson 07 변수에 어떤 값이 들어 있는지 확인하기
- Lesson 08 주석
- Lesson 09 배열
- Lesson 10 변수 종류
- Lesson 11 미션

연산자
- Lesson 01 숫자 연산자
- Lesson 02 문자 연산자
- Lesson 03 복합 연산자
- Lesson 04 증감 연산자
- Lesson 05 연산자 우선순위
- Lesson 06 미션

부록01: 완전 초보자를 위한 함수와 클래스 개념
- Lesson 01 초보자를 위한 함수
- Lesson 02 초보자를 위한 클래스

2017. 4. 7. (금)
19:00~22:00 		형변환
- Lesson 01 형변환이란?
- Lesson 02 암시적 형변환
- Lesson 03 명시적 형변환
- Lesson 04 미션
- 미션 01-숫자를 문자로 형변환
- 미션 02-문자를 숫자로 형변환

부록02: 완전 초보자를 위한 jQuery 개념
- Lesson 01 jQuery 소개
- Lesson 02 jQuery 사용법

조건문 if
- Lesson 01 조건문 이란?
- Lesson 02 if문 이란?
- Lesson 03 논리 비교 연산자
- Lesson 04 if에 논리 비교 연산자 연동하기
- Lesson 05 1단계 if
- Lesson 06 2단계 if
- Lesson 07 3단계 if
- Lesson 08 조건부 연산자
- Lesson 09 미션

조건문 swich
- Lesson 01 switch문이란?
- Lesson 02 if와 switch 차이점
- Lesson 03 미션

2017. 4. 10. (월)
19:00~22:00 		반복문 for
- Lesson 01 반복문이란?
- Lesson 02 for문
- Lesson 03 단일 for문
- Lesson 04 continue문과 break 문
- Lesson 05 다중 for문
- Lesson 06 미션

반복문 while
- Lesson 01 while문이란?
- Lesson 02 for와 while 차이점
- Lesson 03 continue와 break 문
- Lesson 04 미션

2017. 4. 12. (수)
19:00~22:00 		함수기초
- Lesson 01 함수란?
- Lesson 02 가장 쉬운 함수 만들기
- Lesson 03 지역변수 VS 전역변수
- Lesson 04 매개변수가 있는 함수 만들기
- Lesson 05 리턴 값이 있는 함수 만들기
- Lesson 06 함수이름 만들 때 주의 사항
- Lesson 07 미션

2017. 4. 14. (금)
19:00~22:00 		함수기능
- Lesson 01 함수 기능 소개
- Lesson 02 함수 기능1: 중복 코드 제거 및 코드
- Lesson 03 함수 기능2: 코드 그룹화
- Lesson 04 미션

함수중급
- Lesson 01 변수와 함수와의 관계
- Lesson 02 함수 리터럴과 익명 함수
- Lesson 03 함수 정의 방법 4가지
- Lesson 04 함수 종류
- Lesson 05 중첩함수
- Lesson 06 콜백함수
- Lesson 07 클로저함수
- Lesson 08 미션

2017. 4. 17. (월)
19:00~22:00 		최종결과물 제작하기
- 탭메뉴 제작하기

2017. 4. 19. (수)
19:00~22:00 		타이머 함수
- Lesson 01 타이머 함수 소개
- Lesson 02 핵심 내용
- Lesson 03 미션

Math 클래스
- Lesson 01 Math 클래스 소개
- Lesson 02 핵심 내용
- Lesson 03 미션

String 클래스
- Lesson 01 String 클래스 소개
- Lesson 02 핵심 내용
- Lesson 03 미션

Array 클래스
- Lesson 01 Array 클래스 소개
- Lesson 02 핵심 내용
- Lesson 03 미션

최종 결과물
- 롤링 배너 제작하기

2017. 4. 21. (금)
19:00~22:00 		자바스크립트 DOM
- Lesson 01 자바스크립트 DOM과 jQuery와의 관계
- Lesson 02 DOM 소개와 기능
- Lesson 03 DOM 구조
- Lesson 04 DOM과 HTML 페이지와의 관계
- Lesson 05 핵심 DOM 객체

jQuery 소개
- Lesson 01 jQuery란?
- Lesson 02 jQuery 학습방법
- Lesson 03 jQuery를 사용하는 이유
- Lesson 04 jQuery 개발 환경 설정
- Lesson 05 jQuery의 정체

노드찾기
- Lesson 01 일반 노드 찾기
- Lesson 02 찾은 노드 다루기
- Lesson 03 자식 노드 찾기
- Lesson 04 부모 노드 찾기
- Lesson 05 조상 노드 찾기
- Lesson 06 형제 노드 찾기
- Lesson 07 미션

2017. 4. 24. (월)
19:00~22:00 		노드 생성/추가/삭제/이동
- Lesson 01 노드 생성 및 추가
- Lesson 02 노드 추가
- Lesson 03 노드 삭제
- Lesson 04 노드 이동

스타일 다루기
- Lesson 01 스타일 다루기
- Lesson 02 미션

속성 다루기
- Lesson 01 속성 다루기
- Lesson 02 미션
- 미션-360도 이미지 뷰어 만들기

이벤트 다루기
- Lesson01 이벤트란?
- Lesson02 핵심 내용
- Lesson03 미션

2017. 4. 26. (수)
19:00~22:00 		위치/크기 다루기
- Lesson 01 요소의 위치 및 크기 관련 기능
- Lesson 02 문서의 위치 및 크기 관련 기능
- Lesson 03 화면의 위치 및 크기 관련 기능
- Lesson 04 윈도우의 위치 및 크기 관련 기능
- Lesson 05 마우스의 위치 및 크기 관련 기능
- Lesson 06 미션

효과 다루기
- Lesson 01 jQuery 애니메이션 효과 소개
- Lesson 02 기본 효과 다루기
- Lesson 03 사용자 정의 효과 만들기
- Lesson 04 미션

최종결과물
- 스크롤 효과 메뉴 제작하기

2017. 4. 28. (금)
19:00~22:00 		UI제작 관련 CSS3 #01
- Lesson 01 플렉스박스(Flexbox) 레이아웃 소개와 활용법
- Lesson 02 전환 효과(Transition) 소개와 활용법
- Lesson 03 변환 효과(Transform) 소개와 활용법

2017. 5. 8. (월)
19:00~22:00 		UI제작 관련 CSS3 #02
- Lesson 04 필터 효과 소개와 활용법
- Lesson 05 3D 효과 소개와 활용법
- Lesson 06 애니메이션 소개와 활용법

2017. 5. 10. (수)
19:00~22:00 		최종 결과물
- 3D 큐브 배너 제작
- 양면 페이지 제작
- 다양한 이미지 배열 효과 제작

2017. 5. 12. (금)
19:00~22:00 		UI제작 관련 SVG #01
- Lesson 01 기본 도형 그리기
- Lesson 02 전환 효과(Transition) 소개와 활용법
- Lesson 03 변환 효과(Transform) 소개와 활용법
- Lesson 04 필터 효과 소개와 활용법

2017. 5. 15. (월)
19:00~22:00 		UI제작 관련 SVG #02
- Lesson 05 클리핑(Clipping) 소개와 활용법
- Lesson 06 마스킹(Clipping) 소개와 활용법
- Lesson 07 이벤트 처리 방법
- Lesson 08 애니메이션 쇼과 활용법

2017. 5. 17. (수)
19:00~22:00 		최종 결과물
- 도형 애니메이션 효과
- SVG 애니메이션 효과
- 스크롤 효과 + SVG 애니메이션 효과 활용

2017. 5. 19. (금)
19:00~22:00 		최종 결과물 #01
- 활용01. 이미지 슬라이더(JS+jQuery)
- 활용02. 원형 메뉴(JS+jQuery+CSS3+SVG)

2017. 5. 22. (월)
19:00~22:00 		최종 결과물 #02
- 활용03. 3D 반응형 메뉴(JS+jQuery+CSS3)
- 활용04. 3D 카드 갤러리(JS+jQuery+CSS3)

2017. 5. 24. (수)
19:00~22:00 		최종 결과물 #03
- 활용05. 3D 팜플릿(JS+jQuery+CSS3)
- 활용06. 3D Map(JS+jQuery+CSS3+SVG)

정규교육과정 강사소개

교육센터 강사진 보기

  • 강사 사진
    웹동네   김춘경 대표

    - 현, 웹동네 (www.webdongne.com) 대표

    - 현, 웹앱을 만드는 사람들의 모임(네이버 카페) 운영자

    - 현, 웹프론드엔드 개발자

    - 현, 한국 공개소프트웨어 협회 교육 자문위원
     

    - 웹 프론트엔드 관련 다수 강의/세미나/특강 진행​  

     

     

     

     

     

등록안내

    ​
    ▒ 재직자 과정 신청 안내
    내일배움카드(재직자)신청 > KIPFA회원가입 > 교육신청 > 수강

    ★ 필독!!! ★


    1. 교육신청서 제출 (▶ 다운받기)
    2. 내일배움카드(재직자) 신청 (▶ 바로가기)

    정부지원은 교육신청서 를 제출 하셔야 교육신청이 완료됩니다!
    교육신청서는 작성 후 스캔하셔서 아래 메일로 전송바랍니다.(신청 후 2일 이내에 전송바람)
    wangjiwoo@kipfa.or.kr (메일에 교육 과정명을 반드시 써주시기 바랍니다.)

    ▶ 내일배움카드(재직자) 신청 절차 보기
    * 수강료 정부지원은 고용보험에 가입된 분만 해당됩니다.


    ★ 지원 대상 ★

    - 지원대상자는 반드시 고용보험 취득중이여야 하며 아래조건에 해당되어야 함.

    1. 우선지원대상기업근로자(중소기업, 정규직)
    2.「기간제 및 단시간근로자 보호 등에 관한 법률」제2조 제1호에 따른 기간제 근로자
    3.「근로기준법」제2조 제1항에 따른 단시간 근로자
    4.「파견근로자보호 등에 관한 법률」에 의한 파견근로자
    5. 일용근로자
    6. 고용보험 가입 자영업자
    7. 이직예정근로자(우선지원대상기업)
    8. 이직예정근로자(대규모기업)
    9. 무급 휴직 중인 사람(경영상 이유 90일 이상)
    10. 3년간 훈련 이력이 없는 근로자(고용보험 가입이력 3년 이상)
    11. 육아휴직자
    12. 45세 이상 근로자(대규모기업, 정규직)
    13. 일학습병행훈련에 참여한 근로자

    * 상기 조건에 해당되시는 경우, 내일배움카드 신청 후 본인부담금만 납부하시면 됩니다.
    * 사전등록 후 교육당일 카드결제만 지원 : 개강일 교육센터 방문 후, 현장에서 결제 (발급받은 내일배움카드로만 결제가능)

    ★ 수료를 위해서는 80% 이상 출석해야 합니다.
    (개강날은 지각과 결석을 자제 해주시기 바랍니다.)



    ★ 미수료 및 중도 탈락시 훈련생 패널티 적용 : 훈련비 지원한도액 삭감(노동부 규정)
    - 1회 : 20만원 삭감 / 2회 : 30만원 삭감 / 3회 : 남은 유효기간 동안 훈련 수강제한 및 유효기간 만료 후1년 동안 카드신청 제한

    ★ 본인이 지원대상자에 해당되는지 회사 고용보험 담당자 또는 노동부 고용보험지원센터(1350)로 연락하여 신청 전 미리 확인해주세요.

    ======================================================
    * 근로자 직업능력개발훈련 과정 정부지원금액 *
      정규직 : 315,552원 / 비정규직 : 394,440원 / 일반 : 해당無

    * 본인부담금(실 수강료) *
     정규직 : 374,448원 / 비정규직 : 295,560원 / 일반 : 690,000원
    ======================================================

    ​
    ▒ 일반 신청 안내
    수강료 ∙ 일반회원, 단체회원사 소속 정회원, 개인정회원 : 690,000원
    ∙ 교육비 환불은 교육일 전날까지 가능
    카드결제 ∙ 등록신청 후, 본 웹사이트에서 바로 결제
    : 추후 결제시, 로그인 후 마이페이지> 교육센터 신청내역 클릭하여 결제진행
    ∙ KIPFA회원을 위한 2017년 3월 카드사 "무이자할부" 이벤트
    실시간이체 ∙ 등록신청 후, 본 웹사이트에서 바로 결제
    : 추후 결제시, 로그인 후 마이페이지> 교육센터 신청내역 클릭하여 결제진행
    무통장입금 ∙ KEB하나 581-910038-91904
    (사)한국인터넷전문가협회 (등록신청 후 3일 이내 입금, 미확인시 자동취소)
    ∙ 계산서발행을 원하시는 경우 하단의 담당자 메일로 사업자등록증 발송바람.


    ▒ 공통 안내
    수강신청확인 ∙ 등록확인 및 결제여부확인은 마이페이지>교육센터 신청내역에서 확인가능
    수료증 ∙ 수료증 메일 발송(출석률 80% 이상일 경우)​​
    비고 ∙ 준비물 : 개인 노트북(※ 교육원 공용노트북 사용도 가능합니다.)
    ∙ 주차지원은 되지 않습니다. 대중교통을 이용하시기 바랍니다.
    ∙ 강의실에서 사진촬영 및 동영상촬영은 불가합니다.
    ∙ 인원 미달 시 폐강될 수 있습니다.

    ​
    ▒ 교육문의
    담당 

    정지우 대리

    전화 : 070-8672-6617 /팩스 : 02-6277-6992 / 메일 : wangjiwoo@kipfa.or.kr



hosting.kr