빠른 수강료 조회

운영 시간 내에는 3분 안에 연락 드리겠습니다.

230901_2023 한가위 이벤트
230908_윙배너_게임원화
230908_윙배너_인테리어
230922_메카댐_컴활라이브

모션
그래픽

취업특화
소수정예

바로 가기

국비 과정 ‘나도 들을 수 있을까?’
고민하지말고 문의하세요!

title

-

-

디자인(웹/편집/공간)

Javascript/J-Query

퍼블되는 웹 디자이너 or 프론트엔드 개발자 도전!

객체지향 스크립트 언어로 웹 페이지의 동작을 담당.
기초 입문부터 취업을 위한 코딩 테스트까지 학습!

수업 소개

Javascript/J-Query란 무엇인가요?

Javascript는 웹 브라우저에서 작동하는 스크립트입니다. 서버 사이드가 아닌 클라이언트의 기술입니다.
현재 기능성 홈페이지의 80% 이상이 이 기술을 사용하고 있다고 해도 과언이 아닐 정도입니다. J-Query 역시 Javascript입니다. Javascript에서 자주 사용되는 기능들을 간편하게 쓸 수 있도록 한 라이브러리입니다. J-Query는 간단하기 때문에 한 줄 정도로 작성하면 되는 부분을 Javascript로 작성하려면 수십 줄을 작성해야 하는 경우들도 있습니다. 그만큼 개발 속도에서 차이가 있지만 J-Query가 Javascript보다 우월하다고 할 수는 없습니다. 개발 속도가 아닌 처리 속도에서 성능이 떨어지기 때문입니다. 이 강의에서는 Javascript와 J-Query를 상호 보완하여 최적의 개발 속도, 처리 속도를 낼 수 있도록 배워보실 수 있습니다.

수업 목표

Javascript/J-query의 수업 목표는 무엇인가요?

1. Javascript의 특정적인 문법을 효과적으로 학습하여 개발자라면 반드시 숙지해야 할 Javascript 핵심을 활용할 수 있습니다.

2. Javascript, J-Query 중 가장 트렌디한 차세대 기술을 습득할 수 있습니다.

3. J-Query와 같은 JavaScript 라이브러리를 효과적으로 활용할 수 있습니다.

4. Javascript, J-Query의 기본 문형을 활용하여 객체 지향 프로그래밍을 할 수 있습니다.

수업 포인트

Javascript/J-query의 수업 포인트는 무엇인가요?

  • Javascript의 용도와 기본 구조 이해

    Javascript의 용도와 위치, 문장 구조, 변수 등에 대해 이해할 수 있습니다.

  • Array 객체와 오류 처리

    Array객체 개념 및 관련 속성, 메서드를 습득할 수 있습니다.

  • J-Query의 기능 이해

    J-Query의 이벤트와 효과, 플러그인을 활용하여 프로그래밍 할 수 있습니다.

  • 웹페이지 제작

    트렌디한 변형 레이아웃으로 웹페이지를 제작할 수 있습니다.

수업 방식

Javascript/J-query의 수업 방식은 무엇인가요?

  • 1

    퍼블리싱의 전반적인 이해를 위하여 기능 설명과 이를 활용한 예제를 만들어 보는 실습형 수업으로 진행합니다.

  • 2

    태그의 원리를 이해시켜 다양한 응용 작업과 예제를 통해 웹 구조를 파악하도록 합니다.

  • 3

    과제물에 대한 코멘트를 통해 태그의 사용법을 다시 한번 복습합니다.

  • 4

    디자인과 접목하여 웹 사이트가 어떤 구조를 가지는지 스스로 파악해 볼 수 있게 합니다.

사전 준비 항목

Javascript/J-query 수업의 사전 준비 항목은 무엇인가요?

[ 준비 항목 ]

과제와 복습을 할 수 있도록 Visual Studio Code 프로그램을 설치 할 수 있는 컴퓨터

[ 사용 프로그램 ]

VS Code

취업분야 및 전망

Javascript/J-query 수업의 취업분야 및 전망은 어떤가요?

웹 디자인은 온라인으로 통하는 세상에서 반드시 필요한 영역입니다. 전 세계의 웹 사이트 수는 이미 2억개를 넘어섰고 고용 정보원에 따르면 향후 10년간 웹 및 멀티미디어 분야는 계속 증가할 것으로 전망하고 있습니다. 우리나라의 휴대전화의 보급률은 100%로 나타났고 이 가운데 스마트폰 사용자들은 95%로 세계 최고 수준입니다. 스마트폰 등의 IT 기기가 발전할수록 온라인에서 이용하는 각종 프로그램이나 모바일 웹/앱 디자인의 수요가 지속적으로 증가하고 있습니다. 웹 디자인, 웹 기획자, 개발자, 프로그래머 등의 수요는 계속 증가할 것으로 유추합니다.

[ 수강 후 어떤 분야로 취업할 수 있을까요? ]

  • 웹 디자인
  • 웹 퍼블리셔
  • 웹 개발자
  • 인하우스 개발팀
  • 웹 에이젼시
  • 솔루션 사업부

[ 수강 후 어떤 작업을 할 수 있을까요? ]

  • 웹 퍼블리싱
  • 프론트앤드
  • 백앤드
  • 풀스택

포트폴리오

  • [웹포트폴리오] 이OO 학생작품

  • [웹포트폴리오] 이OO 학생작품

  • [웹포트폴리오] 최OO 학생작품

  • [웹포트폴리오] 유OO 학생작품

  • [웹포트폴리오] 김OO 학생작품

  • [웹포트폴리오] 김OO 학생작품

  • [웹포트폴리오] 서OO 학생작품

  • [웹포트폴리오] 서OO 학생작품

  • [웹포트폴리오] 서OO 학생작품

  • [웹포트폴리오] 심OO 학생작품

커리큘럼

자바스크립트 문법 / 선언문 스크트립 문서 구문

자바스크립트의 기본 개념 정리를 합니다. 선언문, 주석 처리 방법, 내부 스크립트 외부로 분리하기 등 기초 문법에 대해 알아 봅니다.

제어문 / 변수 / 함수

실행되는 순서를 제어하고 반복할 수 있는 제어문을 배워봅니다. 함수 스코프를 배워 변수와 함수의 영역을 구분 할 수 있습니다.

객체 / 내장 객체 / 메소드 / 프로퍼티스

자바스크립트는 객체지향언어입니다. 객체의 개념을 정리해 봅니다. 객체들이 가지고 있는 매소드와 속성에 관해 알아보고 사용법을 익힙니다

DOCUMENT OBJECT MODEL EVENT

돔을 이해하고 요소를 추가하는 법을 배웁니다. 웹 문서를 해석하고 분석하여 조작할 수 있게 됩니다. 이벤트의 기초 개념을 배워 동적인 구현의 발판을 다집니다.

라이브러리 개념 / 제이쿼리 기초 문법

제이쿼리 라이브러리 연동 방법 및 제이쿼리 기초문법을 알아봅니다. 자바스크립트보다 간편하게 DOM 접근하고 변경할 수 있는 매소드를 배워봅니다.

EVENT / EFFECT / ANIMATE

이벤트의 개념을 익히고 다양한 이벤트 종류와 핸들러를 알아봅니다. 이벤트와 이펙트, 애니메이트 명령어를 학습하여 내가 원하는 움직임을 만들 수 있습니다

PLUGIN / BXSLIDER / SLICK

제이쿼리 플러그인을 알아보고 사용해 봅니다. 슬라이드 플러그인을 활용하여 반응형 비주얼을 제작해 봅니다. 다양한 플러그인 옵션 사용법을 익혀서 응용할 수 있습니다

GNG / LNB 풀드롭 / 개별 드롭 / 햄버거 메뉴

다양한 HEADER 유형을 알아보고 제작해봅니다. GNB 영역과 LNB 영역의 구분을 할 수 있고, 상관 관계를 이해할 수 있습니다.

웹사이트 제작 실습

실제 웹사이트를 처음부터 끝까지 따라 제작해봅니다. HTML/CSS와 J-QEURY의 관계를 이해하고 인터렉티브한 사이트를 만들 수 있습니다.

* 캠퍼스 상세 커리큘럼은 다를 수 있습니다.

디자인(웹/편집/공간)

Javascript/J-Query

캠퍼스
이름
연락처
--