자바스크립트 & 제이쿼리

웹사이트의 움직임

JavaScript는 해석 된 고급 프로그래밍 언어입니다. HTML 및 CSS를 사용한 웹 개발을 위한 핵심 기술 중 하나입니다. 웹 페이지에 상호 작용을 추가하는 데 사용됩니다. jQuery는 JavaScript로 작성된 라이브러리입니다. 빠르고 확장 가능하며 JavaScript보다 더 많은 기능을 제공합니다. 프로그래머가 JavaScript보다 최소 라인 수 내에서 작업을 수행 할 수 있도록 도와줍니다. 반응이 빠른 웹 페이지를 만드는 과정을 단순화합니다.

  • 학습요약
    자바 스크립트와 제이쿼리를 사용하여 동적인 웹 페이지를 구현하는 법을 학습합니다.
    사용자의 행동에 따라 다양한 변화를 만들 수 있도록 마우스, 키보드, 스크롤을 통한 이벤트를 생성하는 방법을 배우고, 선택자와 함수들을 사용하여 페이지의 여러가지 동작들을 구현하는 방법을 익힙니다.

자바스크립트 & 제이쿼리 수강 후 나는?

  • 사용자의 행동에 따른 동적인 웹을 구현할 수 있습니다.
  • 이벤트 핸들러를 통해 마우스, 키보드, 스크롤 이벤트를 생성할 수 있습니다.
  • 선택자를 이용하여 원하는 부분에 동작을 구현할 수 있습니다.
  • 스크롤의 움직임에 따른 동적 변화를 구현할 수 있습니다.

자바스크립트 & 제이쿼리 커리큘럼

01

02

javascript 기초
자바스크립트 기초 문법
자바스크립트 선언문
자바스크립트 주석
내부 스크립트 외부로 분리하기
자바스크립트 코드 입력 시 주의사항
변수
변수란?
변수 선언
변수에 저장할 수 있는 자료형
변수 선언 시 주의사항
연산자
연산자란?
산술연산자
문자결합 연산자
연산자
대입 연산자
증감 연산자
비교 연산자
논리 연산자
연산자
연산자의 우선순위
삼항 조건 연산자
연산자 복합 활용 실습
제어문
제어문이란?
조건문
조건문 복합 활용 실습
제어문
선택문
선택문 복합 활용 실습
반복문
반복문 복합 활용 실습
제어문 최종 실습
객체
객체란?
내장객체 생성하기
내장객체 생성 활용 실습
객체
날짜 정보 / 수학 / 배열 / 문자열 / 내장 객체 최종 실습
브라우저 / 문서 객체 모델
쿼리 선택자
함수1
함수란?
함수와 변수의 차이
기본 함수 정의문
일반 함수와 익명함수
기본 함수 활용 실습
함수2
변수의 스코프
var와 호이스팅
변수의 재선언과 재할당
새로운 변수 let과 const
함수의 변수 활용법
함수3
함수 스코프의 개념
매개변수가 있는 함수 정의문
매개 변수없이 함수에 전달된 값 받아오기 연습
함수4
return문
화살표 함수
즉시 실행 함수
함수 활용 실습
자바스크립트 내장 함수
이벤트
이벤트와 이벤트처리기
마우스 이벤트
키보드 이벤트
문서 로딩 이벤트
폼 이벤트
jquery 기초
제이쿼리란?
제이쿼리 라이브러리 연동하기
선택자
제이쿼리 기본 문법
문서객체 모델
기본 선택자
직접 선택자
인접관계 선택자와 구조 관계
제이쿼리 탐색 선택자
제이쿼리 배열 관련 메서드
선택자
속성탐색 선택자
속성과 값에 따른 탐색 선택자
그 외 컨텐츠 탐색 선택자
선택자와 유용한 메서드
객체 조작
객체 / 속성 / 수치 조작 메서드
객체 편집 메서드
객체 조작
주요 선택자와 객체 조작 메서드 실습
제이쿼리 이벤트
이벤트 등록 메서드란?
기본 단독 / 그룹 이벤트
강제로 이벤트 발생시키기
이벤트 제거 메서드
이벤트 메서드의 종류
키보드로 마우스 이벤트 대응하기
제이쿼리 이벤트
이벤트가 발생한 요소 추적하기
그룹 이벤트 등록 메서드의 종류
라이브 이벤트
그룹이벤트 메서드 별 제거 메서드
효과 및 애니메이션 메서드
효과 메서드란?
효과 메서드의 종류
애니메이션 메서드
애니메이션 효과 제어 메서드
제이쿼리 플러그인
bx슬라이더
silck슬라이더
fullpage.js

조작없는 100% 리얼후기

  • 박예리 수강생

    제가 브랜뉴에 다닌 지 7~8개월 정도 됐는데 지금까지 수업 들으면서 다른 강사님들도 물론 다 좋으시지만 김이슬 강사님이 진짜 최고에요! 친절하시고 성격도 너무 좋으시고 재밌으셔서 선생님 자체도 너무너무 좋은데 디자인 지식 뿐만 아니라 스킬이나 팁도 이해 쏙쏙 되게 많이 알려주시고 피드백도 진짜 너무너무 잘해주십니당..! 작업하면서 궁금하거나 애매했던 부분들도 제가 놓치고 질문하지 못하더라도 선생님이 이미 캐치하시고 이해하기 쉽도록 너무 잘 알려주세요 진짜 수업들으면서 이렇게 만족도가 높았던 적은 처음이에요
  • 강희경 수강생

    브랜뉴 학원 다니기 전에 계열사 학원에서 1년 넘게 수업도 들어봤지만 주옥령 선생님이 진짜 최고의 선생님이셨어요! 툴 자체에 난이도가 있기도 하고 제가 이해 속도가 느린편이어서 시포디 1,2 들으면서 원활하게 수업을 따라가지 못했는데 저뿐만 아니라 다른 학생들이 아무리 수업을 많이 따라가지 못해도 질문을 많이 해도 단 한번도 짜증섞인 목소리 없이 친절하게 상세하게 잘 알려주셔서 포기하지않고 끝까지 수업 따라갈 수 있었어요. 제 성격에 진작 포기했을텐데 선생님 덕분에 너무 잘 배웠어요 ㅜㅜ
  • 오승진 수강생

    학생 개개인의 성향에 맞춰 맞춤형 강의로, 때에 맞춰 알맞게 강의를 진행해 주시는 것이 참 좋습니다. 이해를 돕기 위해 여러 방면으로 같이 고민해주시고, 미리 갖춰두신 학습자료들에서도 정성이 느껴져요. 만족하며 강의 듣고있습니다 :D 굿!
  • 김의성 수강생

    첫 수강, 첫 수업을 김이슬 강사님과 함께 했는데 어렵게만 생각했던 일러스트에 재미와 흥미를 가지고 매 수업에 집중하여 참여할 수 있었습니다. 온라인으로만 수업을 들어서 현강과 차이가 나거나 따라가지 못하면 어떡하지 걱정했으나, 모든 효과들과 단어들까지 잘 설명해 주시고 기억하도록 메모도 해 주시며, 현강 수강생들과 똑같이 온라인에서의 질문들도 하나하나 다시 짚어주시며 모든 사람들이 수업을 잘 따라올 수 있도록 해 주신 것 같아 좋았습니다.
  • 민서연 수강생

    처음 상담했을때 엄청 열정적으로 진로 상담도 도와주시고 질문도 많이 했는데 친절하게 다 답변 해 주시고, 일정 및 세부적인 것도 안내주셔서 현재 수강 중 입니다. 따뜻한 말로 항상 응원 해 주셔서 감사합니다:)
  • 최백설 수강생

    처음에 상담해주실때부터 너무너무 친절하시고 좋으셨어요! 커리큘럼도 잘 설명해주시고 제가 불편해하지 않게 중간중간에 계속 장난도 쳐주셔서 기분좋게 상담을 했어요 저한테 뭐가 필요한지등 필요한 강의위주로 차근차근 친절하게 설명해주셔서 믿고 맡겨도 되겠다는 생각에 바로 수업을 듣기로 했습니다 중간에 수업 괜찮는지 물어봐주시고 계속 도움주셔서 너무 감사합니다!
  • 한솔 수강생

    안녕하세요~ 저는 평소 디자인 계열에 관심이 많아서 어떻게 하면 미래를 위해 좋은 방법으로 투자를 할 수 있을까 알아보다가 발견한 학원이였는데 제가 고민하고있는 부분위 핵심을 정확히 짚어주시고 그네 상응하는 과목을 정확하게 또 직업과 연관시켜서 설명해주셔서 굉장히 도움이 많이 되었습니다 다소 사적인 이야기가 가미되어 힘드 실 수 있는 부분인데도 상담도 해주시고 굉장히 감사했습니다
  • 이연주 수강생

    그림을 배워본 적이 없는데도 쉽고 빠르게 디지털로 드로잉 할 수 있도록 도와주셨습니다! 드로잉꿀팁과 학생 한 명 한 명 신경 써주신 덕분에 지금은 그려보고 싶은 것들을 바로 그려볼 수 있는 좋은 기회가 된 것 같습니다! 포토샵, 일러, 비우러 아트웍 기초부터 심화까지 계속 장태영 강사님께 배웠는데 너무너무 만족합니다!! 강사님께 계속 배우고 싶을 정도 ㅠ 열정적으로 알려주셔서 감사합니다~!
  • 박수현 수강생

    사실 학원을 다니려고 고민할 즈음에는 이것저것 고려해야 할게 많다보니 정신도 없고 졸업을 준비할 시기라 혼란스러웠는데 상담을 받으러 갔을 때 이런 저를 상담으로 잘 안심시켜주시고 제가 연락을 자주 하는 편이 아닌데도 늘 먼저 알려줄 사항 알려주시고 시간표에 문제 없는지 잘 알려주시기도 하고 사실 왠만해서는 멘토님도 직장인이고 하다보니 배려 차원에서 궁금한게 생겨도 퇴근 시간 넘어서는 잘 연락 안하려고 하는 편인데 학생이 피드백이 필요하다면 바로바로 챙겨주셔서 죄송스럽고도 감사할 때가 많습니다ㅠ
  • 서유정 수강생

    정말 꼼꼼하고 차근차근 친절하게 가르쳐주시고 학생 한명 한명 마다 많이 신경써주십니다! 수업 내용도 알차고 학교에서 가르쳐주지 않는 여러가지 꿀팁을 많이 가르쳐주셔서 실무에서 엄청 유용하게 쓰일 것 같습니다. 열정왕 장태영 강사님 감사합니당~~~~~~~~~^.^ 모두 장태영강사님 수업 정주행(?)하세요 p.s. 단축키 박사님이십니다 ^_^
  • 노효승 수강생

    처음으로 학원 가서 상담 했을 때 제가 대학원 갈 포트폴리오 때문에 왔다고 했더니 대학원에 대한 조언도 많이 해주시고 필요한 강의들로만 수업을 짜주셨어요. 맨 처음에 전화로 상담했을 때도 길게 제 이야기 잘 들어주시고, 말씀도 많이 해주셔서 많은 도움 됐습니다! 수강생 한 사람 한 사람에게 관심이 많고 잘 대해주시는 것 같았어요. 제가 이 학원을 결정한 게 수업도 좋고 수강생들 포트폴리오나 외적인 면도 있었지만 멘토님이라는 한 분의 이유도 있는 것 같아요.
  • 조승기 수강생

    저를 맡아주시던 멘토님께서 갑작스럽게 그만두시는 바람에 홍혜진멘토님으로 바뀌셨는데.... 추가수강을 하기 위해 상담을 부탁드렸는데 저를 기존에 맡아주시던 멘토님처럼 꼼꼼하게 하나하나 알려주셔서 너무 다행이다 싶었습니다. 포폴과 취업준비로 정신없는데 덕분에 힘이 나는거같습니다 감사합니다 ㅎㅎ
  • 박유경 수강생

    이직준비를 하면서 원래 전공하던 분야랑 아예 다른 분야를 공부하려고 마음 먹고 검색에 검색을 거쳐서 브랜뉴디자인아카데미학원을 알게 되어 장태영강사님 강의를 듣게 되었는데 쉽진않지만 그래도 장태영강사님께서 신경써주시면서 차근차근 알려주셔셔 너무 좋았습니다.. 참고로 꿀팁 많이 알려주십니다 ㅎㅎ 복습 열심히해서 심화과정도 열심히 들을게요,,
  • 박유리 수강생

    처음 상담시 디자인쪽에 "흥미"가 있다고 생각을 하고 왔었는데 상담을 진행할 수록 내가 어느 디자인 분야에 관심이 있는지 정확히 분석해 주시고 그에 맞는 수업들을 추천해 주셔서 너무 만족스러운 수강을 하고 있어요ㅜㅜ 뿐만 아니라, 매 수업마다 피드백을 주셔서 더욱 알차게 배우고 있습니다ㅠㅠ 너무 감사하게 매번 위축될 때마다 응원해 주시고 조언도 아끼지 않으시며 진로고민 등등 모든거를 다 들어주시려고 하는 모습에 매번 감동 받아요ㅠㅜㅜ 진짜 최고의 멘토쌤이에여ㅜㅜ!!

교육과정 등록안내

  • 온라인 상담진행
    교육받으실 과정을 선택하신 후 전화 또는 온라인 상담을 통해 학과 담당자와 상담 일정을 정합니다.
  • 오프라인 상담 및 인터뷰
    브랜뉴 방문 후 학과 담당자와 상담을 통해 과정상담, 교육시간, 취업상담 등을 받으시게 됩니다.
  • 입학원서 작성 및 등록
    수강이 결정되면 입학원서 작성 후 입하 기간내에 등록하면 됩니다. (현금 및 카드결제 가능)
  • 교육과정 수강
    수강 중 의문사항이나 불편사항이 있을 시 담당 멘토에게 연락해 주시면 친절하게 안내해 드립니다.
  • 취업지원관리
    교육과정 수강에서 끝나는 것이 아니라 전문 취업연계 시스템을 통해 개인에게 맞춘 취업지원을 진행 합니다.
지금, 할인된 수강료 알아보기

관심있는 교육과정
수강료를 간편하게 알아보세요.

관심있는 과정을 선택해 주세요.
아래 항목을 선택해 주세요. 중복선택이 가능합니다.

    디자인 자격증 과정

    정규과정

    단과과정

    미술 & 아트웍과정

    경영지원(OA/회계/세무)과정

    안내받으실 분의 이름과 연락처를 알려주세요.
    기입하신 정보는 상담 목적외에 다른 용도로 절대 사용되지 않습니다.

    자바스크립트 & 제이쿼리 과정
    수강료 & 시간표 알아보기

    닫기
    안내받으실 분의 이름과 연락처를 알려주세요.
    기입하신 정보는 상담 목적외에 다른 용도로 절대 사용되지 않습니다.