본문 바로가기
KIPFA 교육센터/정규교육

[환급]웹 접근성을 고려한 프론트엔드 UI 컴포넌트 jQuery 플러그인 제작 과정!

by kipfanews 2013. 9. 9.


프론트엔드 UI 컴포넌트 jQuery 플러그인 제작 - 자주 사용되는 UI 컴포넌트 별로 jQuery, SASS 등을 활용한 플러그인 제작!

해외에서 자리잡은 CSS 프리프로세서 SASS와 인기있는 자바스크립트 라이브러리 jQuery + jQuery UI를 활용하여 팀내 공유가 가능한 UI 컴포넌트를 플러그인으로 만들어 보면서 배우는 실습형 과정입니다.

"장애인 차별 금지법의 실행으로 웹 표준 및 웹 접근성 준수가 반드시 필요한데 이들은 개발 단계에서 미리 자동 검증할 수 없는가", "웹 페이지 관리 작업을 체계적으로 하거나 웹 페이지에 배치되는 화면 요소들을 재사용하고 실시간으로 조립함으로써 UI 개발 생산성을 높일 수는 없는가", "웹 페이지 관리 작업을 체계적으로 할 수 없는가?" 등에 대한 웹 UI 개발자 및 관리자들의 니즈 발생!

* 수강 시"KT_2013 웹접근성 기술백서"문서 제공
* 정규직 80%, 계약직 100% 환급(근로자 직무능력향상 지원금)
* 'Front-End 웹디자이너' 란 기획부터 구현까지, 웹디자인과 웹퍼블리셔 업무를 수행중인 핵심인력 지칭


행사 일정

구분 강의 주제 및 내용 강사진
1 session:
10/16(수)

19:00~22:00
jQuery 플러그인 제작 패턴

▷ jQuery 유틸리티 플러그인
▷ 프로토타입을 활용한 인스턴스 플러그인 제작 패턴
▷ SASS 활용을 위한 크로스 플랫폼 도구 활용
▷ KWCAG 2.0 운용의 용이성
- 키보드 접근성 및 WAI-ARIA 1.0 고려 설계
지훈 강사
(KTH)
2 session:
10/23(수)

19:00~22:00
UI - 툴팁/팝오버 컴포넌트

▷ PSD 디자인 + 이미지 슬라이싱
▷ HTML5 구조 작성 + SASS 스타일링
▷ jQuery 액션 구현 + 플러그인 화
3 session:
10/30(수)


19:00~22:00
UI - 모달 레이어 컴포넌트

▷ PSD 디자인 + 이미지 슬라이싱
▷ HTML5 구조 작성 + SASS 스타일링
▷ jQuery 액션 구현 + 플러그인 화 - 모바일 퍼스트(Mobile First)
4 session:
11/6(수)


19:00~22:00
UI - 내비게이션 컴포넌트

▷ PSD 디자인 + 이미지 슬라이싱
▷ HTML5 구조 작성 + SASS 스타일링
▷ jQuery 액션 구현 + 플러그인 화
5 session:
11/13(수)


19:00~22:00
UI - 슬라이딩 탭 패널 컴포넌트

▷ PSD 디자인 + 이미지 슬라이싱
▷ HTML5 구조 작성 + SASS 스타일링
▷ jQuery 액션 구현 + 플러그인 화
6 session:
11/20(수)

19:00~22:00

UI - 페이드인/아웃 포토 갤러리 컴포넌트

▷ PSD 디자인 + 이미지 슬라이싱
▷ HTML5 구조 작성 + SASS 스타일링
▷ jQuery 액션 구현 + 플러그인 화


강사 소개

KTH UXD PD 지훈(야무)

:: 경력
KTH, UXD 교육 담당 PD
∙ 모노디아트센터 팀장
∙ ㈜정글 커뮤니케이션즈 : 웹 디자인 스페셜리스트, 웹 표준, 액션스크립트
∙ Opener : LG전자 POP 그래픽 디자인
∙ Sunny Communication : CI,BI / Package / Brochure


:: 주요프로젝트
∙ 신한은행 : 하이브리드 웹앱 제작을 위한 HTML5
∙ SKT : 모바일 비즈니스를 위한 웹 앱 환경 이해
∙ 매일유업 : 스마트 시대, 웹 표준 플랫폼 테크닉
∙ Adobe Systems : Webinar – online Seminar (IT & Design)
∙ LG전자 교육원 : 웹 그래픽 디자인 Advanced ∙ 나우콤 : 웹 그리드 시스템


:: 기타
∙ Adobe Creative Leader
∙ 저서 : 한빛미디어 - 만들면서 배우는 HTML5+CSS3+jQuery

서울시 동작구 사당동 1030-20 호진빌딩 5층 한국인터넷전문가협회
Tel. 02-874-8702 l Fax. 02-874-8738 l 페이스북:/kipfa