인터랙티브 웹코딩

19,900 원 / 시간

380,000319,000

16% off

Saladent -

샐러던트는 온라인(원격)으로 진행되는 실시간 과외입니다. 몇가지만 준비하시면 언제 어디서나 실제로 만나서 공부하는 것 처럼 수업에 참여할 수 있어요!
수업 종료 후 제공되는 [다시보기 영상]으로, 놓친 부분을 다시 복습해보세요!

기간곧 오픈 예정 (지금 신청하면 오픈시 최저가 쿠폰 전송), 총 8회 완성
시간주말 오픈 예정
준비물
  • 크롬 브라우저
  • 이어폰 (마이크 기능 필요)
인원6명 내외
장소컴퓨터를 할 수 있는 곳이라면 어디든!

About -

인터렉티브한 동적인 구성의 기초를 이해하고, 반응형 웹디자인의 구성원리를 파악. 이를 통해, 보다 다이나믹한 웹사이트를 구축하고 다양한 플랫폼 형태에 맞는 디자인을 완성합니다. J-Query (이하 제이쿼리)는 자바스크립트의 라이브러리 입니다. 자바스크립트의 코드들을 간결한 상태로 개발이 가능하도록 도와줌으로써 HTML내의 요소들을 손쉽게 표현/사용이 가능하게 되었으며, 크로스브라우저 지원등 많은 장점을 가지게 되어 차세대 웹 개발 환경에 각광받고 있는 분야 입니다. J-Query를 이용하여 웹사이트 문서상의 모션작업을 구현합니다. 기초적인 Javascript의 문법과 J-Query의 메서드등을 이용하여 슬라이드, 네비게이션등의 역동적인 사이트를 구현하는 수업입니다.

6인 이하의 소규모 과외로 진행되기 때문에, 학원이나 vod 강좌보다 훨씬 집중적인 케어가 해드릴 수 있어요. 수업시간 외에도 궁금한점 열심히 질문하시고, 과제도 하셔서 저를 쏙 빼드시길 바랍니다 🙂

이 수업이 자기에게 맞는지 궁금하신분, 사전 테스트를 받아보고 싶으신 분은 자유롭게 문의주세요!

무엇을 할 수 있나요?

  • J-Query를 이용하여 웹사이트 문서상의 모션작업 구현
  • 기초적인 Javascript의 문법과 J-Query의 메서드등을 이용하여 슬라이드, 네비게이션등의 역동적인 사이트를 구현

열심히 하셔서 저를 쪽 빼먹으세요! 어떤 것부터 해야하는지 모르시겠다면 메세지 주세요!


누가 듣나요?

  • 웹 디자이너를 목표로 디자인 스킬을 높이기 위한 분
  • 퍼블리셔로의 취업과 실무스킬 향상을 희망하시는 분
  • 메이저 디자인 회사를 목표로 포트폴리오를 준비하시는 분
  • 웹 분야 관련 직업의 프리랜서 활동을 준비하시는 분
  • 프론트엔드 개발을 시작하시는 실무자

curriculum -

  • 1회차J-Query 이해1

    • J-Query 와 JAVA Script의 차이점, 객체지향의 이해, 변수의 개념
    • 함수의 생성과 호출방법, 호출순서
  • 2회차J-Query 이해2

    • J-Query 사용방법, J-Query 선택자와 CSS선택자의 차이
    • J-Query 사용방법, 이벤트의 개념, 활용
    • for 문 each문 if문의 이해
  • 3회차J-Query제어

    • J-Qquery 를 이용한 dom 접근 제어, 모달 팝업 제어
    • J-Qquery 를 이용한 인풋 제어
  • 4회차J-Query 활용

    • JavaScript closer의 이해
    • html5, CSS3, J-Query를 활용한 모바일 용도 버튼 제작
    • html5, CSS3, J-Query를 활용한 탭메뉴 제작
  • 5회차반응형 웹 이해

    • 반응형 웹과 적응형 웹. 차이 이해
    • 반응형웹의 기본 개념 이해
    • 반응형 코딩 기법 기초, media query 이해
  • 6회차반응형 웹 활용

    • 반응형 코딩으로 모바일 + 태블릿 + 웹 화면 변경 시켜보기
    • 반응형으로 화면 네비게이션 형태 변경
    • 프레임워크의 이해와 활용 (Bootstrap, ionic)
  • 7회차패럴렉스 스크롤 이해

    • 패럴렉스 스크롤 기법 소개, 코딩방법 소개
    • 버튼에 메터리얼 라이플 효과 내기
  • 8회차슬라이드 코딩

    • J전체메뉴 슬라이드 코딩
    • 루프 슬라이드 코딩
    • Date 객체 이해

Tutor -

진희주

진희주

놓치는 내용 없이, 이해하실때까지 도와드릴께요!

현 cosmiclab 대표 전 sbs컴퓨터아트학원 웹학과 강사 전 비즈넷피아 크리에이티브팀 대리

도로명 주소, YBM, 명지대학교, 우란문화재단, 부천국제영화제, 코오롱제약, 한라그룹, 스무디킹, 아모레퍼시픽 웹사이트 구축 및 디자인

Review -

  • 커리큘럼
  • 수업준비
  • 전달력
  • 흥미유발
  • 친절함
4.2/5

 2019.03.02

애니메이션 작업을 참고할 수 있어 흥미로운 수업이었습니다~ 놓친 수업의 녹화본을 볼 수 있는 점이 아주 유용하네요!

 2019.03.01

예시가 미리 준비되어 좋았어요

 2019.03.01

기초 애니메이션이 구동 원리를 간단한 예제로 알 수 있어서 좋았습니다.

 2019.02.28

강좌 주제의 기능에서 가장 자주 쓰일만한 기능 위주로 설명해줌

 2019.02.28

실무 적용 애니메이션

Comparison -

타 업체 가격비교

샐러던트는 온라인 원격 수업으로 장소 임대비 등 불필요한 가격을 뺀 합리적인 가격으로 강사와 참여자간 활발한 소통의 수업을 지향합니다.

50,000

  1. 친구에게 수업 소식을 공유한다.
  2. 친구와 함께 수업을 신청한다.
  3. 함께 등록한 친구의 이름과 이메일 주소를 cs@saladent.co에 보낸다.
  4. 수업 시작일에 원하는 계좌로 입금받는다.
  5. 쿠폰과 중복할인 되지 않으며, 동반할인액이 쿠폰할인액 보다 클 경우 차액이 캐시백됩니다. 캐시백 금액 5만원 이상은 제세공과금 22%를 제합니다.

연관수업