jQuery 첫 걸음

내손으로 인터렉션 by Glenn Lee

무엇을 배우나요?

디자이너 시선으로 배우는 JavaScript & jQuery수업입니다. HTML+CSS 기초 지식만 있다면 수업 참여가 가능합니다. 디자이너 또는 비전공자 입장에서는 어렵기만한 jQuery를 시각적인 예제로 활용하기 쉽게 진행합니다. HTML+CSS 웹페이지를 인터렉티브한 웹페이지로 업그레이드 할 수 있습니다.
해당 달에 오픈된 캠프가 없습니다
  • 일정선택

    상단의 일정표중 본인에게 맞는 일정을 선택해 주세요

  • 신청 및 결제

    결제가 정상적으로 완료되면 결제 완료문자와 이메일이 전송됩니다

  • 노트북 셋팅

    노트북은 필수 준비물입니다. 맥 또는 윈도우즈 무관합니다.

  • 안내문자확인

    개강 전날에 최종 안내문자를 보내 드립니다

  • 10분전 착석

    정시에 시작되니 여유롭게 10분 전까지 착석 부탁드립니다

디자이너에 의한, 디자이너를 위한

JavaScript가 너무 어려워 매번 공부를 포기하는 디자이너들을 위해

JavaScript

JavaScript는 정적인 웹사이트를 좀 더 인터렉티브하게 만들어 줄 수 있습니다. 하지만 디자이너나 비전공자가 접하기에는 어려운 프로그래밍의 세계입니다.

jQuery

내가 만든 웹사이트를 좀 더 인터렉티브하게 업그레이드 하고 싶을 뿐인데 JavaScript의 모든 것을 배울 필요는 없습니다. jQuery라는 유명한 라이브러리를 통해 어려운 JavaScript에 좀 더 쉽고 재미있게 입문해 보세요.

무엇을 배우나요?

jQuery 첫 걸음

디자이너 시선으로 배우는 JavaScript & jQuery수업입니다. HTML+CSS 기초 지식만 있다면 수업 참여가 가능합니다. 디자이너 또는 비전공자 입장에서는 어렵기만한 JavaScript & jQuery를 시각적인 예제로 활용하기 쉽게 진행합니다. HTML+CSS 웹페이지를 인터렉티브한 웹페이지로 업그레이드 할 수 있습니다.

이런 분들을 위해 준비된 캠프입니다

아래 상황에 해당 된다면 빔캠프의 문을 두들겨 주세요

소통이 필요한기획자

내가 세운 기획은 모두가 안된다고만 하는데, 어떤 식으로 제작되는지 직접 경험하고 싶으신 분

JS 공부에 빈번히 실패한 웹디자이너

어려운 이론으로만 되어있는 예제 말고, 좀 더 알아보기 쉬운 JavaScript 예제를 통해 공부 하고 싶으신 분

내 손으로 직접!디자이너

만드려고 하는 제품의 프로토타입을 직접 제작하여 원하는 바를 100% 전달하고 싶은 디자이너

예쁘게 만들고 싶은개발자

프로그래밍 지식은 풍부한데 무엇인가 직접 만드는 데에는 어려움을 겪는 개발자

영감이 뿜뿜!대학생

만들고 싶은 크리에이티브는 뿜뿜인데 아직 시작을 못하고 있는 가능성 100% 대학생

jQuery 첫 걸음 캠프의 목표

모두 다같이 열심히 해서 목표를 이뤄 보아요!

어려운 이론 보다는 다작에 집중

JavaScript, jQuery의 모든 기능을 달달 외우는 공부는 빨리 지치기 쉽습니다. 빔캠프가 제시하는 공부 방법은 단순한 기술 하나로 다양한 예제를 다작하는 것입니다.

무조건 암기? NO!창작의 즐거움

암기를 목표로 해서는 안됩니다. 내가 만든 소소한 결과물이 좀 더 업그레이드 될 수 있게 조금씩 살을 붙혀 나갑니다. 그 과정에서 즐거움을 느껴봅시다.

이왕이면 재미있게!재미와 영감

웹은 충분히 재미있는 분야입니다. 재미에 눈을 뜨면 그 이후부턴 스스로 잘 할 수 있게 됩니다. 여러분의 영감 창고가 되겠습니다.

혼자서도 잘해요!나홀로 제작

스스로 원하는 것을 만들때에 빛이 납니다. 누군가의 웹사이트를 따라 만드는 것은 한계가 있습니다. 간단한 페이지부터 스스로 하나하나 만들 수 있도록 합니다.

속도 보다는 방향!방향 설정

웹 공부는 끝이 없습니다! 수강생 각자의 목표는 모두 다를 수 밖에 없지요. 클래스가 종료된 후 어떤 공부를 더 하는것이 각자의 목표에 가까워 질 수 있는지 같이 이야기해 봅니다.

지속적으로 업데이트 되는 살아있는 캠프과정

최대한 친절한 캠프 진행을 지향합니다

1일차처음 시작하는 jQuery

jQuery는 무엇이고 JavaScript와의 관계에 대하여 이야기 해 봅니다. jQuery로 할 수 있는 일에 대하여 간단한 실습을 통해 알아 봅니다.

JavaScript jQuery jQueryUI

이론 30%

  • JavaScript와 jQuery 관계 이해하기
  • JavaScript가 하는 일 맛보기
  • 처음 작성해 보는 jQuery

실습 70%

  • jQuery로 간단한 움직임 주기
  • 작동방식 파악해보기
  • 질문 및 답변

2일차jQuery 도구상자엔?

jQuery가 제공하는 도구 상자라고 할 수 있는 Method에 대하여 알아봅니다. Method가 쓰이는 방식에 따라 분류 해봅니다. 그 중 가장 간단하게 활용 가능한 Effect를 알아봅니다. jQuery로 재미를 붙이는 시간입니다.

jQuery API Method Function Effect Traversing Event

이론 30%

  • 메서드란 무엇인가?
  • 간단 메서드 만들기
  • 메서드의 종류 알아보기

실습 70%

  • 이펙트, 이벤트, 탐색 메서드를 활용한 예제
  • 질문 및 답변

3일차jQuery 도구상자 좀 더!

jQuery Method의 다양한 종류를 좀 더 폭 넓게 알아봅니다. 자주 쓰이는 메서드 위주로 정리 하는 시간을 가집니다.

jQuery API Method Selectors Event

이론 30%

  • 메서드의 종류에 따른 사용방식의 변화
  • 무엇인가 물어보는 메서드 종류

실습 70%

  • 셀릭터, 유틸리티, 필터링 메서드를 활용한 예제
  • 질문 및 답변

4일차JavaScript부터 이해하기

jQuery는 결국 JavaScript입니다. JavaScript에서 기본 제공하는 개념에 대한 이해는 필수입니다. 먼저 변수와 함수 개념에 대하여 알아봅니다.

Variable Function if for

이론 40%

  • JavaScript 변수란 무엇인가?
  • 변수와 함수의 다양한 쓰임
  • if문과 반복문

실습 60%

  • 변수와 함수를 활용한 예시 제작해보기
  • 질문과 답변

5일차JavaScript 함수

중요한 개념중 하나인 함수에 대하여 좀 더 알아봅니다. 어떨때 함수를 만들고 활용하는지 알아보고 핵심 개념인 인자, 매개변수, 반환값에 대한 이야기를 합니다.

Function Return Arguments Parameter Callback

이론 40%

  • 언제 함수를 만드는가?
  • 함수의 인자와 매개변수
  • 콜백함수
  • 반환값이란?

실습 60%

  • 함수의 여러 특성을 활용한 예제
  • 질문과 답변

6일차데이터의 다양한 모습들

변수에 저장되는 데이터의 다양한 형태에 대하여 알아 봅니다. 특히 함수를 변수에 저장하여 활용해보고 데이터의 묶음이라고 할 수 있는 객체와 배열에 대해서도 알아봅니다.

Number String Boolean Object Array

이론 50%

  • 숫자, 문자열, 불리언 데이터형 알아보기
  • 객체와 배열 알아보기
  • 객체와 배열의 차이점

실습 50%

  • 데이터형과 연계되는 예제 따라하기
  • 질문과 답변

7일차jQuery Events

인터렉티브한 웹사이트의 필수요소인 사용자의 액션을 캐치해내기 시간입니다. 사용자가 마우스를 클릭하거나 키보드를 누르거나, 창 크기 조절 및 스크롤등의 액션을 취할 때 적절히 반응하는 웹사이트를 만들어 봅니다.

mouse keyboard scroll

이론 80%

  • 마우스 이벤트
  • 키보드 이벤트
  • 스크롤 이벤트

실습 20%

  • 다양한 이벤트를 활용한 웹사이트
  • 질문과 답변

8일차jQuery Plugins

jQuery로 만들어진 여러 플러그인을 활용하는 것도 좋은 방법입니다. 단 시간에 내가 원하는 것을 만들어보고 어떻게 활용하면 좋을지 연구해 봅니다.

plugins

이론 10%

  • 플러그인의 활용 방법
  • 좋은 플러그인 찾는 요령
  • 플러그인의 장단점

실습 90%

  • 여러가지 플러그인으로 단 시간에 웹사이트 완성하기
  • 질문과 답변

jQuery 첫 걸음 캠프만의 특장점

여러분에게 집중하기 위한 방안

누가 진행하는 캠프인가요?

Creator. Glenn Lee

반갑습니다 이종찬입니다.

내 경험을 공유하는 데에 최적의 직업인 '강사' 에 푹 빠진 디자이너입니다.
온/오프라인을 막론하고 여러 흥미로운 프론트엔드 디자인 강의들을 제작하는 데에 집중하고 있습니다.

웹을 이용하는 사람들, 웹을 만드는 사람들 모두가 아름다운 웹을 원하는 시대가 되었습니다. 같이 아름다운 웹사이트 제작을 즐겨봅시다 :)

열정 가득한 캠프 예제를 만나보세요!

예제는 교육 흐름상 변경 될 수 있습니다 :)

수강생들의 생생한 캠프리뷰

100% 실제수강생의 솔직 후기입니다

  • 아티스트 김윤정

    제이쿼리를 배우니 웹디자인이 더 재밌어진것 같아요!
    표현할 수 있는 영역이 더욱 넓어진것 같은 느낌이!!! ^__^**
    모르는부분있으면 상세히 설명해주시고 학생들이 이해할 수 있도록 잘 이끌어주셔서 좋았어요!

  • 마케터 임재민

    HTML 첫걸음 수업을 듣고 너무 마음에 들어서, 2시간이 걸리는 거리임에도 불구하고 jquery반을 수강하게 되었습니다. 다른 학원에서 수업을 들어본적이 없기 때문에 비교하여 우위를 논하기는 무리가 있지만, 독학을 했을 때 보다 확실히 이해도와 만족도가 높았다고 생각합니다. 아주 높은 수준의 수업을 원하시는 분들에게는 맞지 않을 수도 있습니다. 제목 그대로 첫걸음을 위한 강의로는 무조건 추천드립니다. 선생님이 재밌으신것은 덤이구요 ㅎㅎ

  • 이직 준비중인 방현정

    정적인 HTML+CSS 페이지만 제작하다가 동적인 사용자 인터페이스(UI) 구현을 하고 싶은 요구가 있던 찰나에 <맛있는 jQuery 입문>강의를 듣게 되었습니다. 어렵게만 느껴졌던 인터랙션(Interaction) 부분을 초보자 눈높이에 맞춘 설명 덕분에 재미있게 구현을 할 수 있어 좋았습니다. <빔캠프> 강의 덕분에 현재는 좀 더 사용자에게 편리한 UI 구현을 위해 계속 jQuery 공부를 놓지 않고 있습니다.

  • 디자이너 임성수

    어릴 적 크리스마스나 생일이 다가오면 과연 이번엔 무엇을 받게 될까 누구나 기대를 갖게 됩니다. 저의 어린 시절 선물의 상당수는 레고였지요. 성이나 배, 우주선 등의 완성된 형태를 만들어가는 재미도 즐거웠지만, 설명서 없이 잡스럽게 이것저것 만들고 노는 걸 더 즐겼던 것 같습니다. 큰 바구니에 잔뜩 담긴 레고 블럭들을 가지고 이것저것 만들어가는 재미. 그리고 그런 것들을 가지고 친구들과 노는 재미. 무언가를 만들고 가지고 논다는 것은 참 즐거운 일입니다.
    나이가 들고 더이상 레고를 가지고 놀진 않지만(사실 너무 비싸서 그런것도...), 지금은 코딩을 하며 비슷한 즐거움을 얻고 있습니다. 다른 언어들과는 달리 만드는 즉시 결과물을 볼 수 있다는 장점을 지닌 프론트엔드 언어들을 만지는 즐거움은 정말 매력적입니다.
    강의와 숙제를 진행하는 동안, HTML, CSS 언어를 통해 여러 개체들을 만들고, 꾸미고, 조립하여 멋진 무언가를 만들어낼때마다 기분좋은 성취감을 느낄 수 있었습니다. 특히 hover 기능을 활용해 약간이나마 인터랙티브한 것을 만들어낼때는 짜릿했지요. 주어진 소스들을 가지고 설명서 보며 조립하듯 코딩을 하는 것도 재밌었지만, 직접 나만의 것들을 만들어나가는 경험, 혼자 할 수 있다는 달성감은 정말 멋진 경험입니다. 그리고 더 나아가 그것들을 가지고 교회나 학교에서 어떠한 것을 만들고 활용해 볼 수 있었지요. 10번의 강의 동안에 충분히 배울 수 있었지요.
    자바스크립트와 제이쿼리는 더 멋진 경험이었습니다. HTML, CSS 를 통해 배를 조립하였다면, 제이쿼리를 통해 배에 프로펠라도 달아주고 키도 달아주고 출항할 수 있게 해주었습니다. 손안에서 뭔가 가지고 논다는 즐거움을 충분히 느낄 수 있었습니다. 배우는 것도 어렵지 않았고, 활용하는 것은 더 쉬웠습니다.
    어떤 알고리즘으로 만들어갈지 고민하는 것도 즐거웠고, 그걸 쉽게 구현해 낼 수 있는 것은 어릴 적 레고를 조립하고 가지고 노는 것보다 더 큰 기쁨이었습니다. 더 많은 것들을 해낼 수 있지 않을까 하는 기대감을 충분히 얻을 수 있었습니다.
    핫 플레이스 상수의 외진 곳에 위치한 빔캠프. 아늑하고 편안한 분위기 속에서 저 자신을 멋지게 성장시킬 수 있었던 시간이었습니다.
    프로그래밍 교육이 기본 교육으로 떠오를 정도로 각광받는 만큼 누구에게나 추천하지만, 특히 디자이너 분들에게 적극적으로 추천합니다. 어느 스타트업을 가든 웹 혹은 앱을 디자인 하는 일은 필수적인 일입니다. 다양한 협업툴을 통해 일을 진행할 수 있지만 개발지식을 가지고 있다면 더 멋진 것들을 만들어 갈 수 있다고 생각합니다. 웹과 앱의 시대에서 디자이너로서 살아가기 위해 꼭 필요한 지식과 능력을 얻을 수 있는 빔캠프, 추천합니다 :)

자주 묻는 질문

궁금한 점은 물어보세요

  • 캠프 과정을 모두 수료하면 어떤 수준까지 만들 수 있나요?

    사람마다 개인 차이는 있습니다. 3시간 씩 8강, 총 시간으로만 따지면 24시간 밖에 되지 않기 때문에 과제를 놓치지 않고 꾸준히 한다면 jQuery 사용법에 대해 이해하고, 단순 기능, 움직임 등은 구현 할 수 있을 것입니다.

  • 강의 난이도는 어떻게 되나요?

    HTML+CSS에 대한 기초 지식을 필요로 합니다. JavaScript나 jQuery에 대한 지식은 전혀 없으셔도 됩니다.

  • 준비물은 무엇인가요?

    개인 노트북이 필요합니다. 운영체제는 윈도우, 맥 모두 괜찮습니다. 윈도우는 버젼 7 이상만 가능합니다. 1강 부터 8강 까지 사용 가능한 노트를 꼭 준비해주세요!

  • 디자이너만 수업을 들을 수 있나요?

    HTML+CSS 기초 지식만 있다면, 비전공자 또는 웹디자인 코딩에 관심이 있는 사람이라면 누구든지 참여 가능합니다.

  • 아쉽게도 일정이 맞지 않네요.

    홈페이지에 이미 공지된 일정을 변경하거나 조율하는 것은 어렵습니다. 3개월 정도의 강의 일정을 미리 공지하기 때문에 추후 일정을 참고 부탁드립니다.

  • 환불 규정이 어떻게 되나요?

    개강 직전, 100% 환불이 가능합니다
    얼리버드 프로모션중인 캠프의 경우에는 환불이 불가능합니다
    전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
    수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다
    환불요청: support@veamcamp.com