ajax 강의 기초 부터 실무 인강 알지오 평생교육원 추천강의

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

ajax

강의구성
(13강) 전체 : 6시간 26분|평균 : 29분41초

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

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

수강료
250,000원
125,000원

"5개월" 혜택!

수강 전 자주 묻는 질문

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

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

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

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

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

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

ajax 인강 평생교육원 교육 안내
특정한 기술이 아닌 비동기식 자바스크립트로 대화식 웹 애플리케이션 제작시 이용하면 좋습니다. 실행을 플랫폼이기 때문에 웹개발이 처음인 분이라면 html, css, javascript 개념이 학습되어있어야 개발을 쉽게 할 수 있습니다.

단기 습득!

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

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

단기 습득할 강의

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

01.31분 ajax 시작하기
웹호스팅에서 ajax를 세팅하고 인코딩을 시작합니다.

웹호스팅에서 세팅하기/도메인 주소 확인/인코딩 방식 설정/출력 화면 확인/If문 작성/varInput 변수 생성/상속 효과 구현/새 함수 정의/result 값 생성/상속 관계 구조/새 메소드 생성 예시/작업내용 백업
02.38분 DOM

dom/인코딩 방식/인수를 받는 클래스 생성/클래스의 인스턴스화/프로토타입 js/이름을 저장하는 클래스 생성/상속/인스턴스화/상속받은 메소드 재정의/자식 클래스 생성/상속받은 클래스 사용
03.37분 추상클래스

추상클래스/추상클래스 상속 받기/부모 Array에 값 넣기/for문/dom 객체/Event.observe/버튼 value값 설정/appendChild/버튼 제거 이벤트 생성
04.18분 스타일 변경

윈도우 로드 시 이벤트 생성/스타일변경 클릭 시 스타일 변경/숫자 값 입력받기/입력된 숫자에 따른 컬러 변경/div 배경색 설정
05.32분 XMLHttpRequest XHR, 비동기
XMLHttpRequest 내장객체, 프로퍼티와 비동기 통신에 대하여 알아봅니다.

XMLHttpRequest, 내장객체/프로퍼티/responseText/iframe을 사용한 비동기 통신/XMLHttpRequest 객체 이용 비동기 통신/요청버튼 클릭 시 처리/데이터를 받은 후 처리/xhr.xml 파일 생성
06.27분 xml 문서 코딩
xml 문서를 코딩해봅니다.

xml 문서 코딩/객체생성 메소드 정의/xml 파싱/createElement/textNode 생성/결과확인/검수하는 방법/Msxml2.XMLHTTP
07.22분 json
json 파일 생성과 읽어오는 방법에 대하여 알아봅니다.

nodeValue/json/json 파일 읽기/클릭 이벤트 생성/json을 table로 보여주기/div에 내용 넣기
08.25분 인코딩 방식에 따른 버튼 출력
인코딩 방식에 따른 출력과 오류에 따른 객체 생성 및 요청 보내는 방법에 대하여 알아봅니다.

파일 인코딩 방식에 따른 출력/클릭 이벤트 정의/클릭 시 결과 확인/오류에 따른 객체 생성 및 요청 보내기/try catch/요청 작업/get, post 방식에 다른 url 처리
09.35분 이벤트 처리
요소별 이벤트 처리하는 방법에 대하여 알아봅니다.

요소별 이벤트 처리하는 방법/this/요청작업 준비/send 처리/addEventListener/removeEventListener/html에서 ajax연동/버튼 클릭 시 함수 구현/결과확인
10.28분 이벤트 타겟, 마우스 이벤트
이벤트 타겟을 구하는 방법과 마우스 이벤트에 대하여 알아봅니다.

이벤트 타켓을 구하는 함수 생성/window.onload=function()/window.event ∥ e/마우스 이벤트 알아보기/마우스 버튼 이벤트 판별하기/스크롤 위치 알아내기
11.24분 키보드 이벤트, 이벤트 전달 및 중지
키보드 이벤트와 이벤트 전달, 이벤트 중지에 대하여 알아봅니다.

키보드 이벤트/이벤트 값 넣기/이벤트 전달/ajax.Event.addListener/capture 결과확인/이벤트 전달 중지/기본 이벤트 중지/window.onload=function()
12.28분 this
이벤트 핸들러에서 this 문제를 해결하는 방법과 css 스타일 변경하는 방법에 대하여 알아봅니다.

이벤트 핸들러 this/js 파일 생성/오류 확인/오류 해결/apply/css 스타일 변경/요소에 스타일 적용
13.41분 스타일 설정 및 정보 얻기
css class 변경과 Opacity 설정, 스타일 정보를 얻어오는 방법에 대하여 알아봅니다.

css class 변경/실행 결과 확인/opacity 설정/window.onload=function()/eval/스타일 정보 얻어오기/함수 정의/element.style[property]/자바스크립트 스타일을 css로 변환/defaultView.getComputedStyle().getPropertyValue()

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

JSP
STRUTS2