제이쿼리 기초 + 고급 강의 기초 부터 실무 인강 알지오 강좌

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

제이쿼리 기초 + 고급

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

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

1:1 수강생 전용
GPT 및 최신 AI 기술을 활용한 맞춤형 답변 제공

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

수강료
370,000원
185,000원

"5개월" 혜택!

수강 전 자주 묻는 질문

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

본 강의는 교재 없이도 동영상 강의만을 통해 충분히 학습할 수 있도록 구성되어 있습니다. 제공되는 실습 자료를 활용해 따라 하면서 학습하시면, 초보자도 이해하고 따라올 수 있게 설계된 강의입니다.

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

저희 강의는 단순한 전문가 촬영본을 넘어섭니다. 전문 편집을 통해 필수 내용만을 선별하고, 불필요한 부분을 제거함으로써 학습 효율을 극대화합니다.

제이쿼리 기초 + 고급 인강 평생교육원 교육 안내
제이쿼리 기초 부터 고급까지 진행하는 강좌는 최근 웹표준 퍼블리셔 및 모바일홈페이지 제작 강의를 이용하신 분들의 요청강의입니다. 제이쿼리 기초 부터 고급까지 해야하는 이유는 강의는 자바스크립트 라이브러리의 형태로 기본적으로 선수과정은 반드시 학습하실 것을 권장합니다. 알지오 제이쿼리 기초 부터 고급 강좌를 통해 제이쿼리의 실무과정까지 배울 수 잇으며 버전이 지속적으로 업데이트 되어 변경되거나 없어진 내용들은 제이쿼리 해당코드를 이용하여 사용방법을 반드시 숙지하게되면 웹사이트 수정이나 개발을 쉽게 할수 있습니다.

단기 습득!

2년 연속 IT교육 인강부분 1위 알지오 (근거자료)

2003년부터 운영해온 수많은 데이터베이스를 기반으로

단기 습득할 강의

로 제공합니다!
늦지 않았습니다. 알지오에서 지금부터 시작하세요!

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 강의 질문&답변

제이쿼리 [실무]