2016년 청년취업아카데미
(웹앱 기반의 프론트 엔드 개발자 핵심역량 양성과정)
1. 대상자 : 4학년 재학생, 수료생, 졸업생
2. 운영기관 : 한빛교육센터
3. 교육장소 : 대학교 내 컴퓨터실습실
4. 주요내용
1) 청년취업 아카데미 사업을 통하여 산업현장에 필요한 맞춤형 교육과정을 운영, 취업간의 연계를 강화하고 수혜자들인 학생들에게는 취업에 필요한 지식과 기술을 습득할 기회를 제공함으로써 수강생들이 양질의 직장을 가질 수 있도록 지원하기 위하여 이번 사업을 마련함.
2) HTML 개발을 기반으로 하는 프론트엔드 개발 전문가를 양성하여 웹퍼블리셔 또는 프론트엔드 개발자로 취업을 목표
- 초급자 및 비전공자도 충분히 참여 및 수료 가능
- 기업의 수요조사를 통해 작성된 커리큘럼으로 실무에서 바로 활용이 가능한 실습형 학습
3) 다양한 취업 프로세스 제공 및 운영
(취업특강 및 취업박람회 실시, 기업 인사담당자 초청 설명회, 전문상담인력과의 면담 etc.)
* 수료기준 : 출석 70% 이상시 수료 (수료증 배부)
* 포트폴리오 제작
* 이력서와 자기소개서 첨삭지도, 모의면접
* 교육비 무료 + 교재 제공 (정부지원)
* 훈련장려금 지급 (취업성공패키지 이용시)
4. 혜택
5. 신청 및 문의 : 한빛교육센터 청년취업아카데미 담당
02- 3453- 5407, academy@hanbiteni.co.kr
※ 과정세부내용 - 660시간 (약 5개월)
|
NCS |
구분 |
주제 |
상세내용 |
|
직업기초능력 40h |
웹의 이해 |
웹 프로세스 이해 |
웹 관련 직업군과 용어 정리 |
|
웹 사이트 제작 진행 순서 |
|||
|
요즘 유행하는 웹 UI/UX |
|||
|
UI/UX 디자인 110h |
웹 디자인 기초과 실무 |
일러스트레이터 기본과 실무 응용 |
선택 기능과 도형 도구 익히기 |
|
펜툴과 브러시 도구 익히기 |
|||
|
문자와 오브젝트 변형 도구 익히기 |
|||
|
웹 버튼과 아이콘 디자인 |
|||
|
모바일 UI와 앱 디자인 |
|||
|
포토샵 기본과 실무 활용 |
포토샵의 핵심, 레이어 익히기 |
||
|
사진 보정과 합성 |
|||
|
해상도와 이미지 파일 포맷 |
|||
|
배너 광고 디자인 |
|||
|
이벤트 페이지 디자인 |
|||
|
디자인 제작과정을 통한 실습 |
방향 설정과 자료 검색 |
||
|
스케치 및 레이아웃 |
|||
|
수정 후 시안 완성 |
|||
|
문화컨텐츠기획 64h |
웹 표준 기초 |
저작도구 설치 및 환경설정 |
웹 브라우저, 코드 편집기 설치 |
|
호스팅 서버,FTP 프로그램 준비 |
|||
|
웹 구조를 위한 HTML |
HTML 문서의 기본 구조 익히기 |
||
|
HTML 요소 익히기 |
|||
|
웹 디자인 기법 CSS |
CSS 서식 적용 방법 |
||
|
CSS 선택자와 속성 익히기 |
|||
|
CSS 개념 및 단위 |
|||
|
설계 88h |
웹 표준 실무 |
실전 예제 실습 |
레이아웃 설계 |
|
메인 및 템플릿 마크업 |
|||
|
메인 및 서브 템프릿 디자인 |
|||
|
서브 콘텐츠 디자인 |
|||
|
앱개발계획 64h |
스크립트 기초 |
자바스크립트 기초 이해 |
자바스크립트 코어 |
|
DOM의 속성과 스타일 제어 |
|||
|
jQuery 기초 이해 |
jQuery 선택자 |
||
|
jQuery 메서드 |
|||
|
jQuery 효과와 이벤트 |
|||
|
스크립트 실무 |
jQuery 실무 테크닉 |
탭 메뉴 |
|
|
네비게이션 메뉴 |
|||
|
슬라이드 배너 |
|||
|
부드러운 스크롤 효과 |
|||
|
플러그인 활용 |
|
NCS |
구분 |
주제 |
상세내용 |
|
앱개발 224h |
모바일 웹 |
모바일 웹에 필요한 기술 |
jQuery 모바일 |
|
모바일 웹을 위한 HTML과 CSS |
|||
|
해상도 최적화 |
|||
|
반응형 웹 |
반응형 제작을 위한 핵심 기술 |
가변 그리드 |
|
|
미디어 쿼리와 뷰포트 |
|||
|
반응형 웹 문제해결 |
|||
|
반응형 웹페이지 제작 실습 |
웹사이트 기본 구조와 스타일 작업 |
||
|
메인 페이지 작업 |
|||
|
마무리 작업 |
|||
|
포트폴리오 |
사이트 기획 |
컨텐츠 수집 및 정의 |
|
|
화면 구성과 컨셉 논의 |
|||
|
사이트 제작 |
시안 및 콘텐츠 레이아웃 구성 |
||
|
컨텐츠 구조화(코딩) |
|||
|
검수 및 완료 |
검토 및 수정, 테스트 |
||
|
사이트 오픈 |
<수업운영시간표 예>
9월26일- 12월16일(2학기 중):평일 일5시간 / 5hX64일= 320h
12월19일- 17년 2월 6일(겨울방학): 일8시간 / 8hX34일= 270h
멘토링 : 격주 토요일 7시간 X 10회 : 10월 8일부터
** 중간고사와 기말고사기간 조율하여 운영합니다**
** 학사일정에 따라 일정에 변동이 생길수 있습니다**
웹퍼블리셔 & 프론트엔드개발자의 이해
웹퍼블리셔라는 직업은 웹코딩을 전문적으로 하는 개발자로 분류되기도 했던 직군입니다.
보통은 웹이나 앱을 운영하는 회사마다 한 명 이상의 웹디자이너와 개발자를 둬야하지만, 인력 혹은 비용적인 문제로 인해서 채용하기 어려운 경우도 있는데, 이런 경우 웹 에이전시에 의뢰해 해결하기도 하지만, 디자인과 개발이 동시에 가능한 웹퍼블리셔나 프론트엔드 개발자를 채용하기도 합니다. 웹과 앱의 사용이 점차 보급됨에 따라 없어서는 안될 신직업으로, 타분야에 비해 비전공자 혹은 초보자도 접근하기가 쉬워 IT 분야로 진출하고자하는 분들에게 많은 도움이 될 것으로 기대되고 있습니다.
웹퍼블리셔 직군을 단순하게 html 코딩만 한다는 걸로 이해하는 경우가 많으나, 각 직군별로의 역할을 통해 업무의 이해를 돕고자합니다.
가령 웹사이트내의 로그인창 즉 회원가입 항목을 예를 들어보면 담당자별 역할을 아래와 같이 구분할 수 있습니다.
- 웹디자이너
회원가입 하는 페이지의 디자인구성을 담당
- 웹퍼블리셔
웹디자이너가 만든 이미지들을 html 으로 코딩
css 를 사용해서 psd 파일을 포팅
- 프론트앤드 개발자
회원가입시 아이디 순서 알고리즘
pw 동일 여부
상세주소의 기능 제작
휴대폰 번호란에 int 숫자 만 입력
가입페이지의 경고 메시지 등의 기능오류 제작 체크
- 백앤드 개발자
아이디 중복에 대한 db 입출력
상세주소 페이지의 adress db 입출력
개인정보의 보안 모듈 제작