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
  • 필립그룹 디자인팀
  • 아모레퍼시픽 디자인팀
  • 레이니스트 디자인팀
나승수
  • 나승수
  • 설계디자인공학
  • PROJECT
  • 신정종합건설
  • 서암직업전문학교
  • 광주정보문화산업진흥원
이진정
  • 이진정
  • 전자계산학
  • PROJECT
  • 뷰디자인
  • 포디전산기술학원
추철민
  • 추철민
  • 컴퓨터공학과
  • PROJECT
  • 메가글로벌
  • (주)티엠디교육그룹
김민국
  • 김민국
  • 공학전공
  • 박수*
    박수*[NCS] 스마트모바일앱&웹디자인과정
  • 이해*
    이해*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 박지*
    박지*웹퍼블리싱프론트엔드디자인2기
  • 강미*
    강미*[NCS] 디지털컨버전스 8기
포트폴리오 더 보기 +
  • 진짜.. 강경모쌤..정해*

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

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

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

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

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

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

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

개강임박

대표번호 : 062.710.2138

  • 주소 :광주광역시 서구 상무중앙로 44, 오션3빌딩 5층
  • 대표자 : 김천수
  • 사업자등록번호 666-97-00644
  • 통신판매업신고 : 제 2019-광주서구-0347호
  • 학원등록번호 : 광주 제 6767호
  • 홈페이지 관리자 : 김천수
  • COPYRIGHT ⓒ GITACADEMY. ALL RIGHTS RESERVED