캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

프론트엔드

  • 일반
  • 재직자
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

프론트엔드

프론트엔드개발자를 위한
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 미디어쿼리를 활용하여 반응형 웹사이트 만들기
  • 장지환
  • 황영호
  • 손민영
장지환
  • 장지환
  • 현) 그린컴퓨터아카데미 울산캠퍼스
    디지털웹 UX/UI 디자인 전임
  • 전) 유진직업능력개발원(홈페이지 제작, 기획강의)
  • 전) 전) 부산상공회의소
  • PROJECT
  • 직업능력개발훈련교사(멀티미디어3급)
  • 직업능력개발훈련교사(공업미술 3급)
  • 교원자격증(중등2급)
  • 컴퓨터그래픽스운용기능사
황영호
  • 황영호
  • 현) 그린컴퓨터아카데미 울산캠퍼스
    디지털웹 UX/UI 디자인 강사
  • 전) 부산그린컴퓨터아트학원 웹 강사
  • 전) MBC 영상 콘텐츠제작팀
  • 전) 나우콤(나우누리)소프트웨어 지원팀
  • PROJECT
  • 소규모 상인들을 위한 웹사이트 제작 참여
  • 코딩 관련 재능기부 교육 시행
  • 자바를 활용한 금전관리시스템 솔루션 제작 참여
  • 개인커피전문점 웹사이트 제작 참여
  • 홍콩 호텔 내부 인테리어3D디자인 참여
  • KOREATASTE.COM 사이트 웹 디자인 제작
  • 멀티미디어콘텐츠제작전문가
  • 컴퓨터그래픽스운용기능사
손민영
  • 손민영
  • 현) 그린컴퓨터아카데미 울산캠퍼스
    디지털웹 UX/UI 디자인 전임
  • 전) 디자인홀릭 대표
  • 전) 주식회사 울산소식 인터넷 사업부 웹디자인 제작, 관리
  • PROJECT
  • 울산바로정형외과 사이트제작
  • 대구국제청소년 스포츠축제사이트 제작
  • 영진전문대 전자정보통신계열학과 사이트 제작
  • (주)무극안경 클린뷰플래쉬 제작
  • 거제시 자원순환시설 키오스크(한/영/일/중)플래쉬 제작
  • 웹디자인 기능사
  • 그래픽스운용기능사
  • 김혜*
    김혜*로네펠트 (홍차 홈페이지) 리뉴얼
  • 손민*
    손민*[NCS]인터렉티브웹디자인(별관)
  • 포트폴리오프론트엔드개발자
  • 오수*
    오수*[NCS]인터렉티브웹디자인(별관)
포트폴리오 더 보기 +
  • 하드코딩 굳굳 입니다이승*

    좀더 전문적인 지식을 잘 배워 너무 좋습니다! 특히 하드코딩으로 배워 더 좋네요~
  • 박은숙 강사님 감사합니다~^^전이*

    처음  접하는 분야이고  무언가 배운지 오래되서 걱정되고 겁도 났는데  선생님의 도움 덕분에  재밌게 배우고 잘 마무리 된것 같습니다 .
    전혀 모르는 수강생에게도 친절하고 자세한  재설명도 해주셔서 부담없이  배울수 있었습니다~
    저같이 처음 배우시는 분들 걱정없이 선생님 강의 신청하셔도 좋으실거에요~
    앞으로도 좋은 강의 부탁 드려요~^^
  • 만족스러운 과정이였습니다jj*

    수업내용도 전반적으로 만족스러웠고 한가지 아쉬운점은 컴퓨터가 조금 좋지않았다는 점입니다
  • UI/UX 웹디자인 전문가 취업과정 김세지 쌤 정말 고맙습니다..대장*

    전공과 전혀 다른 분야를 선택해서 처음에 좀 걱정했는데
    좋은 선생님을 만난 덕분에 끝까지 잘 따라갈 수 있었어요.
    쌤이 잘 가르쳐주신 덕분에 새로운 분야에서 저의 장점을 발견할 수 있는 계기가 되었고
    앞으로도 이 길로 가도 괜찮겠다는 생각과 잘 할수 있겠다는 자신감이 생겼어요.

    처음 부터 끝까지 체계적으로 짜여진 커리큘럼과 
    학생들의 요구사항을 적극 반영해 효율적으로 수업을 조정하는 것, 
    그리고 모든 부분에서 유능하신 점이 선생님의 제일 강점인 것 같고 정말 좋았습니다.
    많이 배웠고 잘 배운 것 같습니다.

    지난 4개월 동안 정말 고생많으셨고 고마웠습니다...
    앞으로도 건강하시고 항상 웃을 일만 가득하시길 바랄게요!!

    수원 캠퍼스 직원분들 모두 감사했고
    취업지원실 쌤들 모두 한마음으로 응원해주셔서 감사했습니다.
  • ? UI/UX 웹 디자인 전문가 취업과정을 듣던 학생입니다![김세지선생님]조우*

    2017년 새해를 맞이하고 1월  어느 추운날에 우연히 찾아 강의를 듣게 되었습니다!
    짧은 시간이였지만, 정말 알차다고 생각해요. 아르바이트를 해본 경력도 없고, 기술도 없던 저에게 큰 힘이 되어주셨습니다. 그 힘에는 무엇보다 선생님의 큰 가르침이 제게 크게 다가왔어요. 항상 웃으며 '모르는 문제가 있으면 언제든 말씀하세요.' 라고 말씀하시던 선생님 덕에 저도 선생님께 부담없이 물어보고 많이 배우게 된  시간이였습니다. 언제나 한결같고 학생들보다도 부지런히 수업을 준비하시고 길잡이를 정말 잘 잡아주십니다. 꼼꼼하시고, 때론 지적이 필요하면 마다치 않으시고 지치고 힘들때마다 땅어리를 꺼져라 한 숨도 쉬어보고 여럿 고민에 휩싸인 제게 상담도 곧 잘 들어주시던, 바쁘심에도 걱정 어린 따뜻하고 친절한 말씀 얼마나 위안이 되고 힘이 되던지 덕분에 처음에서 부터 지금에까지 올 수 있던 것 같습니다. 마지막에 선생님께서 말씀하신 이야기도 감명이 깊네요. 동굴에서부터 나와 앞으로를 나아갈 꺼라는 말씀, 잊지 않겠습니다. 저에게 무엇보다도 보람되고 뜻 깊은 따스한 그런 시간이였습니다. 앞으로도 꾸준히 나아가도록 노력하겠습니다.

    항상, 감사하고 늘 밝게 웃으시던 웃음 잊지 못할 것 같아요. 앞으로도 꾸준히 나아가며 일을 해낼 것 같습니다.
     감사합니다 김세지 선생님!
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 울산광역시 남구 삼산로 273, 10층(삼산동, 삼산타워) 
  • 대표자 : 이승연 
  • 사업자등록번호 : 642-92-00357 
  • 학원등록번호 : 울산 제 2016-01호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
052-716-3199