Javascript & jQuery

  • 일반
  • 재직자
닫기

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

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

닫기

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

Javascript & 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단 메뉴 처리 기법 및 다양한 메뉴 형태 적용법
  • · 실무예제 제작 프로젝트(네비게이션, 이미지 스크롤, 광고/갤러리 등)

이신협 강사

이혁주 강사

차민규 강사

박태홍 강사

남현빈 강사

임민재 강사

정서경 강사

전진영 강사

오수진 강사

김은영 강사

김경아 강사

  • 박지*
    박지*웹퍼블리싱프론트엔드디자인2기
  • 김혜*
    김혜*로네펠트 (홍차 홈페이지) 리뉴얼
  • 조기*
    조기*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 박재*
    박재*티비에이치글로벌 리뉴얼
포트폴리오 더 보기 +
  • 진짜.. 강경모쌤..정해*

    진짜 시간이 빠르다고 생각됩니다.. 어릴 적부터 디자인에 대한 막연한 꿈이 있었지만, 항상 미뤄왔습니다. 그러던 중, 늦은 나이에 좋은 기회가 찾아와 도전해보기로 결심했습니다. 처음에는 나이가 걱정되고, 비전공자로서의 벽이 크게 다가왔지만, 강경모 선생님의 응원과 격려 덕분에 점차 두려움을 극복할 수 있었습니다. 선생님은 항상 진심으로 저의 고민을 들어주시고, 좋은 학우들의 따뜻한 격려와 지원 덕분에 많이 성장할 수 있었습니다. 디자인에 대해 배우고자 하는 마음으로 더욱 열심히 임하게 되었고, 특히 디자인 방향뿐만 아니라 첫 자소서 작성 등 어려운 부분에 대해서도 김현정 실장님의 많은 도움이 있었습니다. 또한, 이곳에 올 수 있도록 도와주신 박주은 팀장님과 항상 긍정적인 에너지를 주신 직원분들, 그리고 학우들에게도 깊은 감사의 마음을 전하고 싶습니다. 마지막으로, 아낌없이 이끌어주신 강경모 선생님께 진심으로 감사드립니다. 이렇게 수강 후기를 쓴다는 사실이 믿기지 않지만, 앞으로 사회에 나가 더욱 발전해 나가겠습니다. 이 수업에 대해 고민하고 있다면, 망설이지 말고 꼭 추천드립니다. 하나도 놓치지 말고, 모든 것을 새겨들으세요.
  • 강경모 선생님 덕분에 비전공자도 포트폴리오 완성 & 면접 기회까지 경험하였습니다.이혜*

    비전공자였던 저는 웹 퍼블리싱과 UI/UX 디자인에 대한 꿈은 있었지만, 솔직히 ‘내가 해낼 수 있을까?’라는 두려움이 훨씬 더 컸습니다. 퍼블리싱을 위해 배우는 HTML, CSS, JavaScript 같은 단어들은 낯설고 어렵게만 느껴졌고, 첫 화면을 띄우는 것조차 막막했던 기억이 아직도 생생합니다. 그때 제 옆에서 길을 열어주신 분이 바로 강경모 선생님이었습니다. 강경모 선생님은 단순히 기술을 알려주시는 데서 그치지 않고, ‘왜 이렇게 코드를 작성해야 하는지’, ‘어떤 방식이 실무에서 통하는지’까지 세세하게 짚어 주셨습니다. 조금이라도 막히거나 자신감을 잃을 때마다 “지금처럼만 꾸준히 하면 분명 해낼 수 있어요”라는 말로 힘을 주셨습니다. 누군가에게는 작은 한마디일 수 있지만, 비전공자였던 저에겐 끝까지 도전할 수 있는 버팀목이었습니다. 수업 중에 직접 작업하며 실력을 쌓아갈 수 있도록 실무에 가까운 프로젝트를 경험하게 해주셨고, 제가 고민하던 포트폴리오 기획도 함께 검토해 주시며 더 나은 방향을 제안해 주셨습니다. 그 결과 저는 끝까지 포기하지 않고 제 이름을 걸 수 있는 포트폴리오를 완성할 수 있었습니다. 또한 수료 직후 바로 면접 기회까지 얻을 수 있었습니다. 처음의 ‘내가 할 수 있을까’라는 불안이 자신감으로 바뀌는 순간이었습니다. 이 모든 변화 뒤에는 항상 응원해 주시고, 하나하나 이끌어 주신 강경모 선생님이 계셨습니다. 저처럼 비전공자라 시작이 막막하신 분들이라면, 강경모 선생님을 꼭 만나보시길 추천드립니다. 배움에 대한 두려움을 용기로 바꾸고, 현실로 만들어주실 거라 확신합니다. 뿐만 아니라 학원의 전체적으로 도움을 주시는 직원분들 께서도 너무 좋으신 분들만 계셨습니다. 처음 유선 상담과 대면 상담 시에도 상담을 너무 친절히 잘 해주셨었고 송인호 주임님, 최미희 취업지원 실장님 등 모든 직원 분들이 정말 좋으셨습니다! 모든건 직접 경험하시면 느끼실거 같습니다. 그만큼 큰 도움을 받은 학원이여서 추천드립니다.
  • 망설임을 지나 확신으로, 그린컴퓨터아카데미에서 설계한 다섯 달의 UX 여정 with강경모김동*

    처음 이 과정을 선택한 이유는 ‘직무 전환’이 필요했기 때문이었지만, 추천하는 이유는 분명합니다. 강경모 선생님은 복잡한 개념을 생활 언어로 풀어내고, 이론과 실습을 한 호흡으로 설계해 학습 속도를 비약적으로 끌어올립니다. 반응형 레이아웃, 접근성, GSAP·Swiper 인터랙션까지?매 수업이 작은 완성으로 끝나고, 그 완성들이 포트폴리오로 자연스럽게 축적됩니다. “UI/UX는 사람의 흐름을 읽는 일”이라는 선생님의 관점 덕에, 저는 화면을 ‘만드는 사람’에서 ‘경험을 설계하는 사람’으로 시야가 확장되었습니다. 배움의 분위기도 추천 포인트입니다. 처음엔 사람들과 친해질 계획이 없었지만, 세심한 피드백 질문(“이 여백은 의도한 건가요?”) 하나가 대화를 열었습니다. 서로의 깃허브 커밋을 확인하고, 내비게이션·모션 타이밍을 맞춰가며 자연스럽게 협업 감각이 쌓였습니다. 다섯 달이 짧지 않았지만, 매주 성장의 증거가 남는 시간이었다는 점에서 충분히 값졌습니다. 운영 지원 역시 신뢰할 만합니다. 홍현호 대리는 등록·장비·행정 전반을 간결하게 안내하고, 송인호 주임은 일정 충돌 시 현실적인 선택지를 함께 조율해 줍니다. 최미희 상담실장은 학습 동기를 끝까지 들어 주며 방향을 잃지 않게 북돋아 줍니다. 덕분에 저는 부담 없이, 그러나 흔들림 없이 커리어 전환의 길을 걸을 수 있었습니다.
  • 나경쌤 웹 디자인, 퍼블리셔 수강 후기전경*

    비전공자가 잘 따라올 수 있도록 배려있게 지도해주셔서 좋은 마음으로 마무리 할 수 있었습니다. 뜻깊은 경험이였고 배움을 통해 한층 더 성장할 수 있는 기회를 갖게 돼서 감사했습니다.
  • 웹디자인&웹퍼블리셔 수강후기김이*

    6개월 동안 UIUX 프론트엔드 반응형 웹디자인 & 웹퍼블리셔 과정을 수료했습니다. 솔직히 적성에는 잘 안 맞았지만......... (˘˘) 전공이 아닌데도 디자인+코딩을 포함한 이 정도의 교육을 받을 수 있는 학원은 흔치 않다고 생각해서 꾸준히 다녔던 것 같습니다. 꾸준히 다닐 의지가 있거나 한 번 듣고도 빠르게 따라갈 수 있는 분이라면 더 잘 맞을 수도 있겠네요... 전반적으로 정말 만족스러웠고 뜻깊은 시간이었습니다. 저 같은 학생을 버리지 않아주셔서 정말 감사했습니다..................
  • 나경쌤 웹디자인&퍼블리셔 수강후기권루*

    포토샵 외에는 사전지식이 전혀 없는 상태였는데도, 수업을 따라가기 어렵지 않게 기초부터 차근차근 설명해주셨습니다. 특히 퍼블리싱은 약간 두려울 정도였는데.. 가장 기본부터 조금씩 응용하는걸로 단계를 올려가니까 쉽게 적응하며 배울 수 있었어요....피드백도 더 좋은 방향으로 나아 갈 수 있게 해주셔서 도움이 많이 되었어요. 정말 감사합니다~!
수강후기 더 보기▶

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

개강임박
paysale배너

빠른상담

이름

지점선택

연락처

- -

이메일

@

상담내용

2023 강남(본점)

5년 인증 우수
훈련기관 선정

2023 신도림

5년 인증 우수
훈련기관 선정

2023 노원

5년 인증 우수
훈련기관 선정

2023 인천(부평)

5년 인증 우수
훈련기관 선정

2024 인천(청라)

5년 인증 우수
훈련기관 선정

2023 수원

5년 인증 우수
훈련기관 선정

2023 의정부

5년 인증 우수
훈련기관 선정

2023 청주

5년 인증 우수
훈련기관 선정

2023 대전(둔산)

5년 인증 우수
훈련기관 선정

2023 대전(중앙로)

5년 인증 우수
훈련기관 선정

2023 울산

5년 인증 우수
훈련기관 선정

2023 부산

5년 인증 우수
훈련기관 선정

2022 역삼

5년 인증 우수
훈련기관 선정

2022 종로

5년 인증 우수
훈련기관 선정

2022 신촌

5년 인증 우수
훈련기관 선정

2022 부천

5년 인증 우수
훈련기관 선정

2022 안산

5년 인증 우수
훈련기관 선정

2022 안양

5년 인증 우수
훈련기관 선정

2022 성남

5년 인증 우수
훈련기관 선정

2022 전주

5년 인증 우수
훈련기관 선정

2022 대구(동성로)

5년 인증 우수
훈련기관 선정

2022 대구(교보타워)

5년 인증 우수
훈련기관 선정

대한민국 교육브랜드 대상

대한민국 교육브랜드 대상
IT· 디자인 교육 부문 1위

사랑나눔 사회공헌 대상
교육사회공헌 부문 부총리 겸 교육부 장관상

대한민국 교육대상
디자인·IT 교육 부문 대상

사랑나눔 사회공헌 대상
전문인력육성 부문 고용노동부장관상

고객신뢰도 1위 프리미엄 브랜드
디자인·IT 취업교육 부문 대상

국가브랜드 대상
디자인·IT 교육 최우수 브랜드

한국의 가장 사랑받는 브랜드 대상
디자인·IT 교육 부문 대상

소비자추천 1위 브랜드 대상
디자인·IT 교육 부문 1위

대한민국브랜드평가 1위
디자인·IT 교육 브랜드 1위

훈련 이수자 평가

2024 강남(본점)

훈련 이수자 평가
디자인

훈련 이수자 평가

2024 역삼

훈련 이수자 평가
출판

훈련 이수자 평가

2024 종로

훈련 이수자 평가
출판

훈련 이수자 평가

2024 신촌

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 신도림

훈련 이수자 평가
출판

훈련 이수자 평가

2024 노원

훈련 이수자 평가
출판

훈련 이수자 평가

2024 인천(부평)

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2024 성남

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대전

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대구

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 부산

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 역삼

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 종로

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 신촌

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2023 신도림

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 인천(부평)

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 부천

훈련 이수자 평가
회계

훈련 이수자 평가

2023 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2023 성남

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대전

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대구

훈련 이수자 평가
출판

훈련 이수자 평가

2023 부산

훈련 이수자 평가
디자인

훈련 이수자 평가

2022 종로

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 노원

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 인천(부평)

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 부천

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2022 안산

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대전

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대구

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2022 부산

훈련 이수자 평가
정보기술개발