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

Javascript & jQuery

  • 일반
  • 재직자
닫기

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

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

닫기

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

Javascript+%26+jQuery

JQUERY & JAVASCRIPT



모바일과 웹 양쪽 모두의 사이트에서 플래시와 액션스크립트를 대신할 수 있는 웹디자인의 신기술입니다.
화려하고 다채로운 콘텐츠 표현이 큰 장점으로 여겨지던 플래시와 액션스크립트는 점차적으로 신기술인
J-Query로 변화되어가고 있으며, 모바일 웹사이트에서는 필수적인 디자인 요소로 자리매김 하고 있습니다. 웹디자이너로서 웹표준 코딩과 함께 필수로 익혀야할 신기술이며 기존 Javascript 의 공동 활용으로 더욱
힘을 얻고 있는 개발 기술이기도 합니다. 객체 지향 스크립트의 이해, 플래시에 의존하지 않은 웹사이트의
동적인 구성 및 요소 추가가 가능하고 브라우저간의 호환성 또한 강력
합니다.

기존의 플래시와 액션스크립트를 이용하여 제작해오던 이미지 갤러리, 인터랙티브 메뉴 및 롤링배너 등을
제작합니다. 트위터같은 웹 애플리케이션 개발이나 스마트폰을 위한 모바일 콘텐츠 제작에 필요한
자바스크립트 기술을 같이 학습합니다. j-Query UI, Light Box, Fancy Box, Columnizer, Masonry와 같은 내용들을 코딩에 익숙지 않은 디자이너도 쉽게 학습할 수 있습니다.

J-Query의 탄탄한 기본기와 다양한 예제를 중심으로 학습합니다.

과거의 웹페이지에서 HTML 또는 CSS를 활용하여 동적인 움직임을 주기 위해, 디자이너에겐 애물단지였던 자바스크립트를 활용하여 어렵고 난해한 작업을 하여왔습니다. 본과정은 그와 같은 동적요소를 기본적인
메서드의 원리와 사용 방법만 알면 디자이너 스스로도 손쉽게 제작 가능하도록 J-Query의 탄탄한 기본기와 다양한 예제를 중심으로 학습합니다.
강의대상
  • 웹에이전시 및 디자인 업계 종사 분
  • 웹표준코더로서 취업을 희망하시는 분
  • 웹 마스터를 목표로 공부하시는 분
  • 포트폴리오 제작 하려는 분
  • 쇼핑몰 창업하시고자 하는 분
  • 회사의 사이트 관리, 홈페이지 기본 원리를 익히고자 하는 분
  • 웹디자인 기능사 자격증, ACA 자격증을 목표로 하시는 분
  • 차세대 웹 기술에 대해 배우고자 하는 분
  • 다양한 브라우저(모바일용, PC용 등)에서 최적의 웹페이지를 구현하고자 하시는 분
jquery&javascript교육과정 커리큘럼
교육과목교육내용
jquery
&
javascript
  • · 자바 스크립트의 개요 및 기본 문법(출력, 변수, 자료형, 입력, 배열, 형변화)
  • · 제어문의 구조(조건문과 반복문)
  • · 내장 함수, 사용자 정의 함수의 선언과 호출
  • · 객체지향 프로그래밍의 기본과 활용, 다양한 객체와 매서드-속성활용
  • · 내장 객체와 속성 메서드
  • · 자바스크립트 이벤트 모델
  • · 내장 객체와 속성 메서드
  • · 자바스크립트 이벤트 모델
  • · j-query 기초 문법 및 명령어
  • · j-query(자바스크립트 라이브러리)와 다양한 셀렉터 활용
  • · 문서 객체 탐색, 문서 객체 조작 방법
  • · j-query 이벤트와 연결(이벤트 종류, 이벤트 전달/발생)
  • · j-query의 이펙트와 ui 처리, 시각적 효과와 애니메이션 효과
  • · j-query 플러그인의 종류와 적용 방법, j-query approach 플러그인
  • · 이미지 슬라이더, 1단 메뉴 처리 기법 및 다양한 메뉴 형태 적용법
  • · 실무예제 제작 프로젝트(네비게이션, 이미지 스크롤, 광고/갤러리 등)
제이쿼리
고급 과정

- ajax란 무엇이며 어떻게 응용할 것인가

- 자바스크립트 및 jquery를 효율적으로 조직화하는 방법

- json을 이용하여 서버와 data를 주고받는 방법

- $.each $.map 등의 유틸리티 툴을 이용하여 복잡한 데이터를 효과적으로 조작 및 응용하는 방법

- closures의 응용을 통하여 본인만의 jquery plugin을 개발하고 응용하는 방법

- ajax 호출 및 재사용 가능한 코드를 작업하는 방법

- jqueryjsonp을 사용한 크로스도메인간 통신

- 다양한 방법의 jquery 코드 튜닝 방법

- 그 외 front end 개발에 필요한 내용들을 강의합니다.

  • 박기현
  • 이철승
  • 김영석
  • 강정자
박기현
  • 박기현
  • 현) 그린컴퓨터아카데미 훈련강사
  • 전) 인터맥 온라인광고/기획
  • 전) 에듀렉스 웹디자인/기획
  • 전) 아이디뱅크멀티캠퍼스/기획
  • PROJECT
  • (주) 서현디지탈 web 3d project 작업
  • (주) 남경씨앤씨 홈페이지 제작
  • RUI ENTERTAINMENT 플래시 뮤직비디오 director 진행
  • ZZAMBAP.COM 홈페이지 제작
  • (주) KSIGN 홈페이지 제작
  • (주) 프레시빌 홈페이지 제작 외 다수 홈페이지 제작
  • 원광디지털대학교 가을학기 교육컨덴츠 제작 총괄
  • 비타비즈 홈페이지제작
  • 중앙미디어 중앙폰 홈페이지제작
  • 세종문화회관 복합몰 아띠 웹사이트 제작
  • 글렘쉘 웹사이트 제작
  • (주)픽스 반응형웹 및 모바일 웹사이트 제작
  • 국심 반응형웹사이트 및 모바일웹 제작
  • 한국쓰리축 반응형웹 및 모바일웹 제작
  • 모비우스반응형웹사이트 및 모바일 웹 제작 그외 다수 웹사이트 제작
이철승
  • 이철승
  • 현) 그린컴퓨터아트학원 강사
  • 전) 디자인실 이작 대표
  • 전) ㈜굿윌코퍼레이션 경영총괄
  • 전) ㈜윈플러스 그룹 상품개발팀장/경영지원팀장/영업지원팀장
  • 전) 도서출판 담디 디자인실장
  • 전) CA현대건축사 편집부 아트디렉터
  • 전) 군자출판사㈜ 디자인과장
  • 전) 대림엔터프라이즈㈜ 사인디자이너
  • 전) 디지털룩 그래픽디자이너
  • PROJECT
  • 직업능력개발훈련교사 자격
  • 홍보·광고 3급
  • 문화예술 3급
  • 디자인 3급
  • 문화콘텐츠 3급
  • 영상제작 3급
  • 출판 3급
  • 인쇄 3급
  • [웅진코웨이] 고객사은품 상품개발 및 패키지디자인
  • [NH농협] / [NH농협은행] 고객사은품 상품개발 및 패키지디자인
  • 피트니스클럽 [센트럴짐] 웹사이트 제작 및 디자인경영 컨설팅
  • B2B온라인쇼핑몰 [기프트몰] 기획 및 제작
  • [광운대학교] 브로슈어 편집디자인
  • [경희대학교] 브로슈어 편집디자인
  • [장로회신학대학교] 브로슈어 편집디자인
  • 시정홍보지 월간 [서울사랑] 편집디자인
  • 인테리어 잡지 월간 [MARU] 편집디자인
  • 건축전문 잡지 월간 [CONCEPT] 편집디자인
  • [여의도 불꽃축제] 사인디자인
  • [APEC TEL JEJU] 사인디자인
  • 현대중공업+삼성엔지니어링 컨소시엄 [동해―1 가스전 시설공사] 입찰보고서 편집디자인
  • [KBS 역사스페셜] 2D 애니메이션 제작
김영석
  • 김영석
  • 현) 그린컴퓨터아카데미 훈련교사
  • 전) 미디어움 디자인팀장
  • 전) 미디어채널
  • 전) 조이포스 디자인팀
  • PROJECT
  • 웹디자인 기능사
  • GTQ포토샵 1급
  • 스마트기기 UI/UX 모바일 웹표준 웹디자인 강의
  • HTML5/웹표준 반응형 웹코딩 강의
  • KFA(한국축구협회)
  • FC SEOUL(프로 축구팀)
  • 메일경제, SK
  • 한국산업인력 공단 등
강정자
  • 강정자
  • 현)그린컴퓨터아트학원강사
  • → 웹디자인, 프론트앤드 강사
  • 전)노사발전재단 전직지원센터 강의
  • 전)영등포구청,은평구청 직원 교육
  • 전)대영직업전문학교 웹표준 강의
  • PROJECT
  • [자격사항]
  • 사무자동화직업훈련교사
  • 멀티미디어직업훈련교사
  • 정보처리직업훈련교사
  • 2015 Fashion Design Festival
  • 2014 Fitness Center 웹사이트 제작
  • 2013 Shoes Shoppingmall 제작
  • 2003 Cut Cartoon 표지 color 작업
  • 2002 Animation color 작업
  • 김*민
    김*민웹퍼블리셔&프론트앤드
  • 김나*
    김나*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 김순*
    김순*[NCS]인터렉티브웹디자인(별관)
  • 김영*
    김영*[NCS]인터렉티브웹디자인(별관)
포트폴리오 더 보기 +
  • 김나연 선생님 덕분에 정말 유익하고 소중한 시간을 보냈어요!김현*

    저는 디자이너(포토샵, 일러스트)양성과정으로 아주 초급반을 들었어요.
    아예 포토샵이고 일러스트고 모르고 시작해서 진도나 따라잡을 수 있을 까 걱정 많이 했는데, 김나연 선생님 덕분에 무사히 마칠 수 있었어요. 아무것도 모르는 저희 가르치시느라 정말 고생 많으셨고, 이만큼이나 포토샵, 일러스트를 할 수 있게 도와주셔서 너무 감사드려요.
      강의 내용도 알차고 비전공자라면 이론과정도 조금 들어있어서 유익하실 거에요. 대부분은 실습으로 이뤄지는데, 프로그램의 여러 기능들을 능숙하게 사용해 볼 수 있겠끔 자세한 설명 후에 충분한 시간과 예시를 주시고, 잘 하지 못해도 학생 하나 하나 세심하게 챙겨주시기 때문에 처음 해보시는 분들고 무리없이 따라갈 수 있습니다. 수업이외에도 취업에 도움이 되는 말들도 많이 해주시고, 결과물의 피드백도 해주셔서 굉장히 도움이 되었습니다. 웹디 처음 시작하시는 분이라면 김나연 선생님의 강의를 강력 추천 드려요!
       학원측의 배려로 수강기간 중이든 종강 후이든 복습 해보고 싶은게 있으면 언제든 컴퓨터를 사용 할 수 있겠끔 개방 되어 있다는 점도 좋았습니다.  취업지원을 받고 계신 분들이라면 상담선생님도 계셔서 취업에 관한 피드백을 받을 수 있습니다. 더구나 열정이 가득한 분이시라 내가 수동적이고 열정이 부족하다 생각하시는 분들은 그 기운을 확실히 받을 실 수 있을 겁니다!!! 
    또 컴퓨터 과정을 배운다면 이곳에서 김나연 선생님께 배우고 싶어요!!
     한달 동안 너무나 즐겁고 감사했습니다.
  • 앞으로의 미래에 도움이 될 유익한 수업이었습니다.이다*

    웹디자인 쪽과는 전혀 관련이 없는 직업을 오래 하다가 웹디자이너와 퍼블리셔쪽 일이 비젼이 있다고 생각하여
    첫 발을 디딘 곳이 그린컴퓨터학원이었습니다. 5개월 과정의 수업을 받으면서 힘든 적도 많았지만 선생님께서 잘 지도하여 주셔셔
    수강을 끝까지 잘 마칠 수 있었던 것 같고 앞으로 취업해서도 배운 걸 토대로 좋은 성과를 낼 수 있을 것 같습니다! 감사합니다!
  • 요청사항에 대한 학원에 피드백이 빨랐습니다.HR*

    요청사항에 대한 학원에 피드백이 빨랐습니다.

    배려해주시고 지켜봐주신다는 생각 많이 들었습니다.

    최문령 강사님께는 너무 고생하셨고 수고 하셨다고 말씀드리고 싶습니다. 

    항상 잘한다는 말씀과 따뜻한 미소로 다독여 주시고 앞으로 꾸준히 수정 해야하지만 포토포리오 잘 나올 수 있도록 끌어주셔서 정말 감사합니다. 

    작은 간식 하나까지도 저희 챙겨주시고 아픈 학생이 있으면 진심으로 걱정해셔서 덕분에 편안한 마음으로 포토폴리오 작업 진행 할 수 있었습니다. 

    만약 다음에도 수업을 들을 기회가 생긴다면 다시 최문령 강사님께 듣고 싶을 정도로 만족했습니다. 

    강사님 건강하세요. 감사합니다.

  • 제 인생에서 가장 보람있고 행복한 시간 이였습니다. 감사합니다.HR*

    코딩을 배우고 싶은 마음은 항상 있었지만 막상 시작하기는 어려웠습니다.

    유튜브에서 동영상 강의를 들어보아도 이해가 잘 되지 않고 내가할 수 있을까 생각만 들었습니다. 

    그래서 오프라인 강의를 듣고자 수강하게 되었고 지금은 후회없는 선택이였음을 확신합니다. 

    포토샵, 일러스트, html, css, jquery 등 예제들이 일단 다양해서 여러가지 기술을 배울 수 있었고 400시간 이였지만 알차게 배운것같습니다. 

    요즘 아무리 인터넷이 잘되어 있지만 선생님에게 직접 배우는것 만큼 빨리 실력이 느는 것은 없다는 생각이 들었습니다. 

    또 선생님 께서 너무 친절하게 잘 가르쳐 주셔서 속쏙 기억에 들어오고 수업 외에도 여러가지 인생에 대한 가르침 또한 많이 배우고 느낄 수 있었습니다. 

    그린컴퓨터 아카데미를 지나가면서 많이 봤지만 직접 배운것은 처음입니다. 

    시설도 괜찮고 컴퓨터도 좋습니다.

    처음 배울때 기대가 크지 않았지만 결론적으로 홈페이지 하나를 만들 수 있는 사람이 되었습니다. 

    제 인생에서 가장 보람있고 행복한 시간 이였습니다. 감사합니다.

  • 한시간도 아깝지 않을 정도로 너무 재밌게 잘 배웠습니다HR*

    웹디자인에 관심이 생겨 배우고 싶어 이것 저것 찾아보다가 상담을 하게 되었는데 상담 할 때 까지는 잘 배울 수 있을까보다는 긴 과정을 흥미를 잃지 않고 배울 수 있을까 였는데 수업 배우는 한시간도 아깝지 않을 정도로 너무 재밌게 잘 배웠습니다

    중간에 강사님이 바뀌었는데도 바뀐 강사님께서도 너무 너무 잘 가르쳐 주셔서 많이 감사했습니다. 

    교실 환경도 항상 쾌적 하였고 주변에 같이 배우던 분들이 수업을 듣는 도중 컴퓨터에 문제가 생긴 거 같으면 바로 바로 와주셔서 해결을 해주셨던 것도 같이 수업을 듣는 분들이 잘 배울 수 있던 이유인 거 같습니다.

수강후기 더 보기▶

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

개강임박
  • 주소 : 서울시 강남구 역삼동 815-4 만이빌딩 5층, 10층
  • 대표자 : 김상곤
  • 사업자등록번호 214-86-26812
  • 통신판매업신고 강남13717호
  • 학원등록번호 : 강남 제 1101호
  • COPYRIGHT ⓒ GITACADEMY. ALL RIGHTS RESERVED
상담
문의
02.717.2093