부경인재개발교육원 시설안내 입니다.
웹디자인(UI/UX)&쇼핑몰과정
NCS(국가직무능력표준)이란?
국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식・기술・태도 등의 내용을 국가가 체계화한 것입니다.
HTML/CSS 웹표준 기술을 다루는데 조금 익숙해지신 분들이라도 jquery/javascript를 이용한 웹사이트 및 모바일 웹 UI 개발에는 쉽게 접근하지 못하는 경우가 많습니다.웹디자인(UI/UX) 양성 과정은 ?
최근 플랫하고 미니멀한 디자인이 트렌드가 되면서 동적으로 인터렉티브한 효과를 줄 수 있는 UI개발의 필요성이 더욱 높아지고 있습니다. 플러그인 활용으로만 jquery를 사용하셨던 분들이라면, javascript의 원리를 이해하고 스스로 UI를 제작하여 마음대로 수정/활용하는 것에 많은 갈증을 느끼셨을 것입니다.
jQuery/javascript의 기본 원리부터 학습하여 UI를 원하는대로 만들어내고 구현하는 훈련을 통해 웹접근성이 준수된 UI개발 및 모바일 기기에서도 사용가능한 UI제작을 습득하는 것이 강의목표입니다. 보다 효율적이고 자유롭게 작업할 수 있게 되는, 개인의 능력을 향상시킬 좋은 기회가 될 것입니다.
강의내용
- HTML, CSS, JavaScript(jQuery) 등 웹 표준 기술의 이해
- 브라우저의 이벤트 동작 원리 이해
- 웹 접근성이 준수된 UI 개발 (키보드 등 다양한 입력장치 고려)
- 모바일 기기에서도 사용가능한 Touch 이벤트 활용
- 다양한 라이브러리를 활용하여 캘린더, 로컬 스크롤, Chart 등 구현
- 재사용이 가능한 함수형태의 UI 소스 구현
강의 | 수업내용 |
---|---|
1강 : HTML/CSS 복습
|
HTML / HTML5 태그의 의미 HTML 주요 속성 CSS / CSS3 선택자 및 주요 명령어 Box Model 및 Positioning 이해 |
2강 : JavaScript 기초
|
JavaScript Core JavaScript DOM (Document Object Model) JavaScript BOM (Browser Object Model) 기초 실습 |
3강 : jQuery 기초
|
jQuery 기본 문법 및 셀렉터 jQuery 주요 메서드 기초 실습 |
4강 : UI 개발 실습 I
|
이벤트의 이해 기본동작 제거 / preventDefault() 기본형 내비게이션 Tab 및 기본형 배너 |
5강 : UI 개발 실습 II
|
Timing 콘트롤 (자동롤링) 응용형 배너 함수화 기법 Form UI 개발 (이미지, 파일첨부 등) |