JavaScript & jQuery 베이직 > 퍼블리싱 | 리메인 | 리메인 커리어
오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

JavaScript & jQuery 베이직 VOD

230,000 150,000
35% 25,000
6개월 무이자 카드안내
🎉

바로수강 가능

클래스 정보

  • 온라인 클래스

    강의 유형

    촬영된 영상을 제공하는 클래스 입니다.

  • 평생 소장

    소장 기간

    90일간 수강가능

로그인 필요

결제기능을 이용하기 위해서는
로그인이 필요합니다.

close

카드안내

  • 신한카드

    2-3개월 무이자 할부 (5만원 이상)

  • KB국민

    2-3개월 무이자 할부 (5만원 이상)

  • 비씨(페이북)

    2-3개월 무이자 할부 (5만원 이상)

  • 삼성카드

    2-3개월 무이자 할부 (5만원 이상)

  • NH농협

    2-3개월 무이자 할부 (5만원 이상)

  • 현대카드

    2-3개월 무이자 할부 (1만원 이상)

  • 하나카드

    2-3개월 무이자 할부 (5만원 이상)

  • 롯데카드

    2-3개월 무이자 할부 (5만원 이상)

* 무이자 할부는 결제 금액 기준으로 적용됩니다.

[ 유의사항 ]
- 법인(기업), 체크, 선불, 기프트, 은행계열카드 (BC마크가 없는 NON BC카드 불가)제외 (예. 수협카드 등)
- 직계약 가맹점, 상점부담 무이자 가맹점, 특별제휴가맹점, 오프라인 가맹점, 신규 가맹점 등 일부 제외
- 본 행사는 카드사 사정에 따라 변경 또는 중단될 수 있음
- 무이자 할부 결제시 포인트, 마일리지 적립 제외
- 개인간 안전거래 이니 P2P 서비스 제외
- TASF 취급 수수료 거래 하나카드 제외
- 온라인 PG업종 해당하는 무이자로 이 외 업종은 적용 불가 (제약, 등록금, 도시가스 등)

안녕하세요.
우리 클래스를 소개합니다.

웹 디자이너,퍼블리싱 입문자를 위한
JavaScript & jQuery 클래스입니다

JavaScript & jQuery를 이용하여 실무에 주로 적용되는 기능들을 단위별로 제작하여 논리적인 사고력을 키우고, 생동감 있는 디자인을 인터렉션으로 구현하는 클래스입니다.


웹 퍼블리싱을 공부할 때
이런 어려움을 겪고 있지 않나요?

  • “HTML,CSS를 공부해서 간단하게 화면을 꾸미는 건 할 수 있지만, 실무에서 사용하는 드롭다운 메뉴같은 동적인 UI를 만들기는 어려웠어요. 다른 강의를 들어봐도, 그냥 코드 복붙으로 만드는 거 같아 제대로 작업을 하고 있는 지 모르겠더라구요.”

    웹 디자이너 김00

  • “단순한 기능을 만드는 것에 집중할 경우, 대부분 Ctrl + C,V 를 하면 큰 문제가 되지 않지만 여러 기능이 복합적으로 사용되는 경우에는 어려움을 느끼곤 해요"

    퍼블리싱 이직 준비중인 진00

  • “js 이론만 너무 심화적으로 배우고, 많이 사용하지도 않는 기능위주로 공부하면 실무에서 잘 사용하지 않고, 시간만 소모되는 느낌이에요.”

    코딩 독학중인 서00

  • “왜 이 UI에 이런 애니메이션과 인터렉션이 필요한 지 설명해야할 때가 있어요. 디자이너와 다른 개발자가 이해할 수 있는 논리가 뒷받침 되어야 하는데, 디자이너와 개발자, 두 관점을 모두 이해할 필요가 있어요”

    디자인에서 퍼블리싱 직무로 이직한 김00

navigate_before
navigate_next


그래서 준비한 클래스
포인트 강점, 첫 번째

퍼블리싱 단계에서 주로 사용되는 UI 기능들(아코디언 메뉴, 탭스, 사이드메뉴 등)을 이용하여 기능을 실습해봅니다. 이때, 어떤 순서로 기능을 구현해나가는 지 상세하게 코드로 풀어나가는 법을 배우실 수 있습니다.

jQuery를 사용할 수 있는 환경 세팅과 필수 기본 문법

강사님의 지도에 따라 jQuery를 사용자 환경에 맞춰 세팅하고, 실습에 필요한 JavaScript 기본 문법을 배웁니다. jQuery의 연동 테스트를 함께 진행합니다.


jQuery의 핵심 셀렉터(선택자) 사용법

기본 셀렉터의 개념을 이해하고, CSS 선택자를 이용할 수 있습니다. $(“셀렉터”) 문법을 이용하여 태그에 접근하는 과정을 이해합니다.


웹 퍼블리싱에 사용되는 주요 이벤트 함수

버튼에 마우스를 클릭하거나 브라우저의 스크롤을 이동시킬 때, 마우스 휠을 위아래로 스크롤 할 때 등 웹 브라우저에서 만들 수 있는 인터렉션을 이벤트 함수를 통해 배워봅니다.


애니메이션 효과를 위한 디스플레이 함수 학습

웹 화면에서 투명도와 주요 UI의 애니메이션을 조절할 수 있는 디스플레이 함수의 개념, 옵션들을 이해합니다.


자바스크립트 기초와 조건문 핵심 배우기

실무에서 활용하지 않는 불필요한 이론을 빼고, 변수와 인덱스, 연산자, 조건문의 주요 핵심만 학습한 뒤, 코드 실습을 진행합니다.


클래스 포인트 강점, 두 번째

11년차 풀스택 개발자로 활동 중인 조국호 강사님과 함께 논리적인 사고로 풀어가는 웹 퍼블리싱 실무과정을 학습합니다. 지나친 이론 위주의 실습이 아닌, 자바스크립트와 HTML 코드를 위주로 주요 UI 기능들에 대한 퍼블리싱 노하우를 배울 수 있습니다.

500명 이상의 수강생들이 거쳐간 리메인 오프라인 클래스 ‘자바스크립트 & jQuery’의 강의 노하우를 온라인에서도 그대로 맛볼 수 있습니다. 많은 수강생들이 만족한 자바스크립트와 jQuery의 핵심 포인트를 함께 배울 수 있습니다.


클래스를 마치고,
여러분은 이렇게 달라질 거에요

단순히 UI 디자인을 코드로 구현하는 것에 그치지 않고,
논리적으로 설명 가능한 UI를 만들 수 있게 됩니다.

  • HTML, CSS 코드에 대한 분석 후, 필요한 동적 기능을 추가할 수 있습니다.
  • 디자이너 관점에 개발자의 논리사고력을 더하여 학습할 수 있습니다.
  • 웹 사이트에 자주 사용되는 UI 기능을 구현할 수 있습니다.
🙌

JavaScript & jQuery 베이직

커리큘럼

JavaScript & jQuery 베이직 클래스를 소개합니다

  • jQuery소개 - 디자이너가 쉽게 배울 수 있는 개발언어인 이유, 자바스크립트와의 차이점 무료공개

jQuery 환경세팅과 시작

  • jQuery 연동에 필수 CDN 작업! - 다운로드 방식과 비교해보기 무료공개
  • [실습] jQuery CDN으로 직접 연동 테스트 해보기 미션 파일제공

태그와 jQuery 셀렉터

  • 주니어 디자이너들이라면 필수! CSS 작업에서 중요한 셀렉터 모음
  • [실습] 셀렉터로 background 색상, 텍스트 정렬, 스타일 속성 변경해보기 미션 파일제공

jQuery 이벤트

  • 마우스, 키보드, 브라우저 움직임을 만드는 jQuery 이벤트, $(this) 셀렉터란?
  • [실습] 버튼(btn) 태그로 알아보는 이벤트 실습
  • [실습] 슬라이드 메뉴 만들어보기, 마우스 포인터 만들기

jQuery 태그 탐색

  • 사다리 게임처럼 쉬운 태그 탐색
  • [실습] 컨텐츠 영역을 자유자재로 바꿔주는 태그 탐색 미션 파일제공
  • [실습] jQuery 탐색 응용 - 사이드 메뉴, 어코디언 메뉴 만들기

jQuery 화면 제어

  • 애니메이션 효과를 주는 jQuery 화면 제어 함수들
  • [실습] jQuery로 화면 show, hide, toggle, animate 제어해보기 미션 파일제공
  • [실습] 상단 이동 효과 만들기, 어코디언 메뉴 심화, 탭 UI 제어하기

자바스크립트 기초

  • 자바스크립트의 변수와 연산자(산술,비교,논리 연산자) 개념
  • [실습] 산술, 비교, 논리 연산자 활용 연습하기 미션 파일제공

jQuery 스타일제어

  • jQuery CSS 스타일 속성 설정 방법
  • jQuery Class 제어 방법, 그외 알아두면 좋은 기능들 미션 파일제공
  • jQuery 스타일제어 응용실습