주메뉴바로가기 본문바로가기

프론트엔드

  • 교육명프론트엔드
  • 교육상담02-2111-2000
  • 교육대상일반과정재직자과정
  • 강의캠퍼스
  • 모집인원20명

과정소개


프론트엔드개발자를 위한
HTML5와 jQuery



프론트앤드(Front-end)개발자는 웹디자이너, 웹퍼블리셔, 웹 개발자로 구분되었된 기존의 업무 프로세스에서 사용자 중점의 인터페이스(UI)와 사용자 경험(UX)을 담당하는 차세대 직업군입니다.
Javascript, J-Query, HTML, CSS를 사용해 구현하고자하는 웹서비스를 웹브라우저에서 실제로 작동하게 만드는 일을 수행합니다.

다양한 사용자 요구에 따라 진화를 멈추지 않는 웹 환경을 위해 보다 효율적이고 효과적으로 대응 할 수 있는 웹서비스 구현 방식을 교육합니다.
또한 사용자의 접근성 향상과 안정적인 시스템, 다양한 요구에 대응하면서 비용의 절감까지 도모할 수 있는 차세대 웹 기술을 교육합니다.


교육정보

강의대상
  • 웹퍼블리셔로 일하거나 프론트엔드 개발자를 준비하시는 분들
  • 웹표준을 알고 있으며, JavaScript와 jQuery 기초 문법을 학습 하신 분
  • 최신 트렌드한 웹 기술을 배우시고 싶으신 분들
  • 프론트엔드 개발자로 취업을 위해 포트폴리오가 필요하신 분들

커리큘럼

교과목대단원교육내용
프론트앤드개발 실무 기초웹트랜드의 이해- 웹트렌드 이해와 강의를 통해서 만들어볼 예제 살펴보기
- 작업환경 셋팅하기
- 롤링 배너(Banner) 제작
- Animation 기법
인터렉션 디자인- AJAX로 HTML문서를 읽어오기
- jQuery-UI Draggable, Droppable
- jQuery-UI Slider, Sortable
접근성 및 서비스 구성- 크로스 브라우징을 지원하는 비디오 플레이어 제작
- HTML5를 이용하여 비디오 처리
- 이미지 갤러리 스크롤 메뉴 만들기
- 2뎁스 메뉴 제작
- Parallax scrolling 사이트 만들기
프론트앤드 개발 활용반응형웹- 반응형웹 기초
- CSS3 미디어쿼리
- i-Scroll라이브러리를 활용한 모바일 Flikking 만들기
- i-Scroll라이브러리를 활용한 모바일 Flikking 만들기
- 모바일 환경에서는 i-Scroll을 적용하여 모바일 환경에 맞도록 변경해 주기
페이지제작- CSS3 Animation 효과
- CSS3 2D transform, 3D transform, transition활용
- jQuery에서는 지원하지 않는 애니메이션 만들어 보기
- 3D CUBE 제작
- JavaScript Hash Event살펴보기
- CSS3 미디어쿼리를 활용하여 반11응형 웹사이트 만들기


대표갤러리