강의자료 제공과 학습진도 관리는 어떻게 되나요?

모든 강좌에 강의자료를 제공하며, 수강생 대시보드에서 학습진도 확인이 가능합니다. 강사답변/질문답변 기능으로 질의응답도 지원합니다.

평생교육이용권은 무엇이며 사용처는 어디인가요?

평생교육이용권은 다양한 온라인/오프라인 교육 과정을 이용할 수 있는 패스이며, 알지오평생교육원 포함 제휴 사용처에서 적용됩니다. 상세 사용처는 공지 페이지를 참고하세요.

추천 인강과 IT강의 로드맵이 있나요?

기초→전문→실습 순으로 구성된 로드맵을 제공하여 IT 비전공자도 체계적으로 학습할 수 있습니다.

제이쿼리 기초 + 고급 강의 기초 부터 실무 인강 알지오 평생교육원 추천강의

기초부터 차근차근 실무까지.
마지막 학습 보장!

제이쿼리 기초 + 고급

강의구성
(40강) 전체 : 21시간 18분|평균 : 31분56초

이용기간 / 강사
2개월 / 알지오 R&D [IT] 2명

증빙가능
수료증, 수강증, 학습진도

수강료
370,000원
185,000원

"5개월" 혜택!

수강 전 자주 묻는 질문

교재 없이? 초보자도 가능 한가요?

교재 없이도 동영상과 실습 자료만으로 학습할 수 있으며, 초보자도 이해하고 따라올 수 있도록 설계된 강의입니다.

알지오의 강의특징은 무엇인가요?

알지오 강의는 단순 촬영본이 아니라, 전문 편집으로 핵심만 담아 학습 효율을 높인 강의입니다.

프로그램은 어떻게 구하나요?

알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.

강의목록

수강생 리얼후기!

연관학과

01.23분 절대퀄리티 제이쿼리 기초 과정 - Chapter 1

Jquery 가져오기/기본적인 기능(ready, click, hide)/아이디, 클래스, *, this/frist, frist-child/href, target/botton/even, odd
02.25분 절대퀄리티 제이쿼리 기초 과정 - Chapter 2

click, dblclick/mouseenter, mouseleave, mouseup/hover, focus, blur, on/숨김, 표시 버튼 생성/toggle/fadein, fadeout, fadetoggle, fadeTo/slideDown, slideUp, slideToggle/animate/animate 활용
03.18분 절대퀄리티 제이쿼리 기초 과정 - Chapter 3

콜백함수/slideDown, slideUp/text, html, val/link/예제 실습1/예제 실습2
04.23분 절대퀄리티 제이쿼리 기초 과정 - Chapter 4

링크 주소 변경, 풍선도움말 출력, 복사/append, prepend, appendText/before, after/remove, empty/addClass, removeClass
05.29분 절대퀄리티 제이쿼리 기초 과정 - Chapter 5

Inner 과정 추가/Border 값 설정/button에 따라 변경됨/P 태그 안에 span 태그 /모든요소 조상값 반환/웹문서 로드/버튼클릭시 결과
06.35분 절대퀄리티 제이쿼리 기초 과정 - Chapter 6

필터링/success, error 설정/children().css값/실행결과 확인/next 명령어/div내 P 태그 설정/eq 값 변경후 실행/not 값 설정
07.36분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 1
기본문법과 html

라이브러리 연동/제이쿼리 문법/$("li:lt"), $("li:eq"), $("li:gt")/$("#alzio3").text()/text()와의 차이/insertAfter()/
08.33분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 2
CSS조작 제이쿼리 이벤트

removeClass()/제이쿼리 문법/slideUp()/button, img/return false/toggle 실습1/mouseout이벤트/button 추가/unbind()
09.44분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 3
이벤트, 폼태그

focus 이벤트/sumit 타입/자바스크립트 알림/password 셀렉터/$(this).css/submit 셀렉터/file 셀렉터/each함수/removeAttr
10.23분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 4
Ajax의 활용, Show함수

loadfile.txt/load("01강.html li")/success값/data 파라미터/+ 연산자/show함수 문법/
11.38분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 5
animate

display:none/button#on/$("div").toggle()/$("button").click/fade 효과/fadeTo 함수/display, visibility/anomate() 문법/결과값 확인
12.39분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 6
슬라이드 갤러리

th:nth-child(odd)/$("th:nth-child(odd)")/("tr:not(:first-child)")/td:nth-child/removeClass("point")/$("#main img").before()/슬라이드 이미지 갤러리/animate()
13.54분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 7
Accordion, Tooltip

Accordion 완성내용/$("dd").slideUp()/dt.selected/가로Accordion/마우스오버효과 추가/addClass("selected")/mousemove()/offset()/mouseout()/
14.58분 제이쿼리 핵심을 꿰뚫는 스페셜 강의 - Chapter 8
Drop-down, Modal, Floating

$(".sub").hide()/속성 셀렉터/Modal Window1/Modal Window2/return false/fadein/mouseup()
15.38분 만족도 100% 마지막 제이쿼리 과정 - Chapter 1
Validation, 수식

submit이벤트/each/if문/&& 앤드연산자/메일 어드레스/replace/filter
16.24분 만족도 100% 마지막 제이쿼리 과정 - Chapter 2
에러처리

required/size()== 0/prepend()/prepend 출력값/animate()/스크롤 위치/유효성검사 주의사항
17.29분 만족도 100% 마지막 제이쿼리 과정 - Chapter 3
Sliding Window

overflow:hidden/prependTo()/콜백함수/appendTo, prependTo
18.33분 만족도 100% 마지막 제이쿼리 과정 - Chapter 4
Paging 효과

CSS 적용/.question 적용/return false/date/콜백함수/return false
19.29분 만족도 100% 마지막 제이쿼리 과정 - Chapter 5
jQuery 플러그인

jQuery 플러그인/플러그인의 위치/corner위치값/headers/sortForce/sortForce: [[3,1]]
20.49분 만족도 100% 마지막 제이쿼리 과정 - Chapter 6
동적인 이미지, 탭패널

items/이미지 링크/.item .text/var move, var zoom/마우스오버 animate/list-style:none/#tab .allpanel/#tab .panel
21.43분 탭패널 구현, 동적 이미지구현

hover 이벤트구현/panelIds의 값/$('.item').each/$(this).append/hover 이벤트 구현/effects 파일[39:45] topRight 정의/
22.45분 텍스트 크기 조절, 메뉴에서 사용할 수 있는 제이쿼리

텍스트 줌 인/아웃 기능/return false/이미지 대체효과/var fade/var top /아웃 animate 구현/메뉴를 따라다니는 아이콘/아이콘 위치 수정/addClass('hover')
23.29분 스크롤메뉴

#scroll/var paddingL, paddingR/animate/mousemove/top: top_value/계산식수정
24.16분 텍스트 대체 이미지메뉴

body/.menu ul/menu ul li a/아웃 animate
25.21분 동적 메뉴제작실습 part1

동적 메뉴/#ALL/.list:last-child dt/var $allDT/var $allDD
26.19분 동적 메뉴제작실습 part2

delegate 메서드/dt에 click이벤트설정/$otherWraps/next().slideDown/$otherWraps.animate/trigger
27.23분 슬라이딩 박스메뉴 제작실습 part1

submenu 구조/ul.menu li > a/z-index:10/div.submenu/div.submenu a:first-child/display:none
28.17분 슬라이딩 박스메뉴 제작실습 part2

mouseenter/animate/callBack함수설정/$sub_menu.hide()/text 재설정
29.26분 API ection 1
add(), addBack(), addClass()

Add 메소드/Add에서 "span"값을 삭제/Clone().add 추가/Collection/Addback/nextAll().addBack()/Find 메소드/Addback() 추가
30.33분 API section 2
NodeType, after(), ajaxComplete(), ajaxError()

Contents()/.wrap 메소드/Text node 타입변경/End 메소드값 삭제/after 설정/AjaxComplete/On, load 함수 적용/Ajaxsend 설정/Append 값/에러발생시 팝업
31.24분 API section 3
ajaxStart(), ajaxStop(), ajaxSuccess(), All Selector()

Start 메소드/ajaxStart()/다른 위치의 문서/.hide() 처리/alert 팝업/var elementCount/개체가 나오도록
32.34분 API section 4
andSelf(), animate(), append(), appendTo(), attr()

andSelf 메소드/animate/animate 이중처리/toggleClass, slideToggle/createTextNode/appendTo 메소드/$ ("h3").appendTo/버튼을 클릭했을때 함수/after
33.28분 API section 5
[name|=”value”], [name*=”value”], [name~=”value”], [name$=”value”], [name=”value”], [name!=”value”], [name=”value”], .before()

AttributeContains/링크언어, 응용예제/input에 text를 출력/[name="value"]의 기능/곡절부호의 기능/Before 응용
34.42분 API section 6
.bind(), .hover(), .focus(), .blur(), :button Selector, callbacks, change(), :checkbox, :checked

bine/script설명/focus/fireWith, disable/change/checkbox/borders;solid/checkbox
35.36분 API section 7
Child Selector (“parent > child”), .children(), Class Selector, clearQueue(), click(), clone (), closest(), :contains(), 2contents(), context, data(), dblclick (), deferred always (), done(), fail(), delay()

Child Selector/solid blue/click메소드 설명/parents/return.this.nodeType/first, last/dblclick/팝업 생성[35:23] fadein, fadeout
36.33분 API section 8
delegate(), descendant Selector, detach(), die(), :disabled, each(), Element Selector, empty(), :empty Selector, :enabled Selector, end(), eq(), :eq() Selector, error()

delegate[05:40] descendant Selector/세가지 장착/index, value/empty Selector/end제거시 결과/replaceWith
37.28분 API section 9
:even, event.currentTarget, event.data, event.delegateTarget, event.isDefaultPrevented(), event.isImmediatePropagationStopped(), event.namespace, event.pageX, Y, event.preventDefault(), event.relatedTarget, event.result, event.stopImmediatePropagation()

event target/event.which/filter/first-of-type Selector/focusin, focusout/gt Selector/true인 결과
38.34분 API section 10
event.timeStamp, event.type, event.which, fadeIn(), fadeOut(), fadeTo(), fadeToggle(), :file, filter(), find(), finish(), first(), :first-child, :first-of-type, :first, focus(), :focus, focusin(), focusout(), get(), :gt(), has(), hasClass(), :header

event target/event.which/filter/first-of-type Selector/focus/fadeOut/has/true인 결과
39.35분 API section 11
height(), :hidden, :image, .index(), :input, .insertAfter(), .insertBefore(), .is(), keypress(), .keyup(), :lang(), :last-child, :last-of-type, :lt(), .map(), .mousemove(), :not(), :nth-child(), :nth-of-type(), :nth-last-of-type(), :nth-last-child(), .offset(), .offsetParent(), .one(), :only-child, :only-of-type, :password, .position(), .prev(), .prevAll(), .prevUntil()

height메소드/type/다른 예제 적용/script코드/keydown/It Selector/not Selector/offsetParent/prev/prevUntil
40.32분 API section 12
.prop(), :radio, .removeAttr(), .removeData(), .removeProp(), .replaceAll(), :reset, .resize(), :root, .scroll(), .scrollLeft(), .scrollTop(), .select(), .serialize(), .serializeArray(), .slice(), :submit, :text, .toArray(), .triggerHandler(), .unbind(), .undelegate(), .unwrap(), :visible Selector, .wrapAll(), .wrapInner()

prop[07:03] removeProp/root Selector/serialize메소드/submit/triggerHandler/undergate/wrapAll/wrapInner

강의목록 다운로드 1:1 강의 질문&답변

제이쿼리 [실무]