알지오 평생교육원

로그인|회원가입|고객센터
HOME>IT전문가>Javascript / jQuery>자바스크립트 [실무 + 활용]

자바스크립트 [실무 + 활용]

자바스크립트 [실무 + 활용]
20회차 속성과정
전체 : 17시간 4분|회차당 평균 : 51분12초

이용기간 2개월

전문강사 : 윤형민/김진호/김성철

300,000185,000



자바스크립트 [실무 + 활용] 사용법 강좌
javascript는 jQuery의 기본이 되는 내용입니다. 이 내용을 알지 못한 상태에서는 제이쿼리의 라이브러리 사용법을 전혀 이해할 수 없습니다. 또한 개발된지 오래되었음에도 불구하고 현재까지도 변경되거나 없어진 내용없이 크롬이나 스마트폰에서 여전히 사용중이며, 해당코드의 사용방법을 반드시 숙지하셔야 웹사이트의 전반적인 수정이 가능합니다.
  • Paragon of Javascript - 윤형민
  • 01.1시간 20분 Chapter 1

    HTML 속성 변경, 클릭시 속성 변경하는 스크립트, 유효성 검사 스크립트, 문자열, 연산자, 배열, 변수

    책갈피 : [00:00] HTML 속성 변경/[05:57] 다른 대상에게 결과값/[10:15] CONSOLE.LOG/[16:14] 대입연산자/[21:21] 할당 연산자/[27:48] 자바스크립트 배열/[34:22] 현재 날짜, 시간 출력/[39:18] lastIndexOf/[45:15] charAt/[51:05] 0xff 16진수/[01:00:21] Math.round /[01:04:36] toUTCString/[01:07:25] getTime/[01:09:49] Date.parse/[01:15:13] push/[01:18:48] 연관 배열

  • 02.1시간 33분 Chapter 2

    배열, 연산자, 내림차순&오름차순, 정규표현식, 유효성검사

    책갈피 : [00:02] 배열/[03:20] length/[11:06] Boolean/[16:41] Not 연산자/[27:58] Loop/[35:18] String/[40:28] replace/[48:53] debugger/[53:37] Case문/[01:00:48] 유효성검사/[01:03:48] validationMessage/[01:05:33] stepMismatch/[01:10:17] new Object/[01:19:44] Script함수/[01:30:01] 로컬변수

  • 03.1시간 12분 Chapter 3

    DOM 기능, 이벤트 핸들러, 인덱스, 폰트 속성 변경, 스타일 시트, 이벤트 함수

    책갈피 : [00:01] DOM기능/[04:56] applets/[08:44] getElementById/[18:05] 움직이는 div 함수/[25:52] onmousedown/[33:03] addEventListener/[39:59] Math.random/[46:29] createElement/[52:10] for문/[57:41] location.href/[01:09:36] 3초 변경/[01:11:48] clearInterval

  • The Art of Javascript - 김진호
  • 04.35분 Chapter 1

    serInterval, Array, 타이핑 효과, 폰트 색상 변경하기

    책갈피 : [00:14] form 정의/[06:21] Array 요소 접근/[11:25] onload/[16:33] 다음줄 표시/[21:55] 사용자 정의/[25:02] arguments 전달인자/[30:27] getElementById()/[34:33] setInterval

  • 05.50분 Chapter 2

    찾아줄 문자열 적어주기, Fade 기능

    책갈피 : [00:01] text 가공/[06:01] roll 함수 생성/[09:32] 이중 for문/[13:35] +연산자/[18:32] make_array 함수/[22:22] 10진수를 16진수/[30:37] Math.floor/[36:55] fade 함수/[45:25] clearInterval/[49:33] Math.floor

  • 06.53분 Chapter 3

    마우스 오버시 배경 이미지 변경, 움직이며 위로 떠오르는 효과 구현

    책갈피 : [01:31] onmouseover/[11:09] 따옴표 중복 사용/[20:14] all/[23:52] 속도 지정/[29:31] 흔들리는 속도 설정/[38:20] 이미지 랜덤/[46:32] 좌우 흔들림 설정/[52:13] setInterval

  • 07.32분 Chapter 4

    책갈피 : [00:00] 팝업 기능 알아보기/[05:31] if문/[10:04] todayDate.setDate()/[14:10] toGMTString()/[20:23] o_win.opener=self/[26:12] indexOf/[30:15] return false

  • 08.43분 Chapter 5

    책갈피 : [00:24] f_expand 함수/[09:03] option 생성/[12:29] textarea 값 설정/[18:09] for문 이용 option 출력/[30:50] 보안 스크립트/[35:19] return false/[41:52] A 태그 마우스

  • 09.40분 Chapter 6

    책갈피 : [00:07] alert 팝업 생성/[04:56] navigator/[10:29] cancelBubble/[14:40] location/[20:00] getElementByld/[23:36] spread,fold 함수/[27:29] 서브 메뉴 생성/[34:03] navigator/[37:12] Netscape 추가

  • 10.49분 Chapter 7

    책갈피 : [00:05] 스타일 생성/[04:42] 초기화 하는 이유/[10:50] For문 작성/[15:50] onMouseOver/[22:23] 마무리 태그 생성/[27:51] yMenufrom 변수/[33:22] If문 주석 처리/[37:45] Math/[42:45] parseInt 입력/[48:02] 초 단위 설정

  • The Perfection of Javascript - 김성철
  • 11.42분 Javascript 기본

    주요 용어 리뷰 및 데이터 타입에 대해 알아봅니다.

    책갈피 : [00:13] data type, 함수, 일급 객체/[06:43] 함수 예제/[18:32] undefined 할당/[26:43] 생성자함수로 객체 생성/[39:08] 프로퍼티 삭제(delete)

  • 12.46분 참조타입과 연산자 (1)

    참조타입과 연산자에 대해 알아봅니다.

    책갈피 : [00:00] 참조타입/[11:41] 함수 호출 예제/[27:12] 배열/[41:46] 객체로서의 배열/[43:39] length 변경 시 프로퍼티가 받는 영향

  • 13.21분 참조타입과 연산자 (2)

    참조타입과 연산자에 대해 알아봅니다.

    책갈피 : [00:00] 배열의 프로퍼티/[02:45] 배열의 프로퍼티 list 보기/[05:21] 배열 member 삭제(delete)/[06:10] 배열 잘라내기(splice)/[07:23] Array() 생성자함수 이용 배열 생성/[09:40] 유사배열/[11:39] 기본 타입의 표준 method/[14:47] 연산자/[15:03] + 연산자/[16:10] typeof 연산자/[17:26] ==, === 연산자/[19:22] !! 연산자

  • 14.43분 함수 (1)

    함수에 대해 알아봅니다.

    책갈피 : [00:00] 함수/[10:33] 즉시실행함수/[23:17] javascript 함수의 특징 예제/[36:23] 내부함수 실행결과/[40:15] 변수와 프로퍼티의 비교

  • 15.37분 함수 (2)

    함수에 대해 알아봅니다.

    책갈피 : [02:22] 함수 return함수/[10:27] this의 log 보기/[18:13] this binding 예제 결과확인/[25:19] 리터럴 객체와 생성자함수/[35:52] 객체 return

  • 16.38분 함수 (3)

    함수에 대해 알아봅니다.

    책갈피 : [00:00] property __proto__/[10:57] 프로토타입 chaining/[16:45] Number, String, Boolean/[24:35] 호출자가 this로 바인딩/[35:58] method의 chaining과 동적 할당

  • 17.44분 실행 context

    실행 context에 대해 자세히 알아봅니다.

    책갈피 : [00:08] context/[13:39] suminout_context 과정/[25:18] 예제 실행 결과 확인/[32:01] scop chain 결과 예측/[42:27] hoisting 예제 과정

  • 18.40분 클로저

    클로저에 대해 자세히 알아봅니다.

    책갈피 : [00:00] 클로저/[04:48] 클로저의 일반형식/[10:39] 함수에 사용자정의 method 연결/[17:39] newdraw 함수 생성/[22:33] 함수의 캡슐화/[32:21] 클로저 사용 시 주의사항/[36:10] loop 속의 클로저/[38:05] i를 인자로 즉시 실행

  • 19.1시간 24분 객체지향 프로그래밍

    객체지향의 의미와 상속에 대해 자세히 알아보고 캡슐화와 종합 예제 실습합니다.

    책갈피 : [00:00] 객체지향 프로그래밍/[08:58] 자식 생성/[15:48] 상속 받은 후 method/[26:21] extend/[31:43] apply/[37:58] 참조 최적화 상속 코드/[51:55] 응용예제(생성자함수 생성함수)/[1:01:11] hasOwnProperty/[1:09:01] 2차 상속/[1:14:52] 응용예제2/[1:20:08] 캡슐화 이용 객체 활용

  • 20.1시간 22분 함수형 프로그래밍

    함수형프로그래밍 정의, 주요용어, 배열관련 예제, 함수형 프로그래밍 다양한 예제를 알아봅니다.

    책갈피 : [00:00] dry code, side effect/[07:32] dry code 예제/[15:53] 배열과 함수를 인자로한 high-order function/[22:03] high-order function을 이용한 map/[28:51] high-order function으로 reduce 구상/[34:09] joinWord, map, reduce를 활용한 예제/[51:33] 피보나치 수열/[56:39] currying/[01:13:21] bind 함수 사용/[01:19:43] 함수 교체





주소 : 경기 의정부시 시민로122번길 41-46, 2F
회사명 : 알지오|대표 : 채명수|개인정보관리자 : 임희정|사업자등록번호 : 217-90-17793|통신판매 제2008-0312호
SSL발급자 Equifax Secure Global eBusiness CA-1|Copyright since 2003ⓒalzio.co.,Ltd all rights reserved. SNS

* 중소기업진흥공단 신기술밴처지원

* 서울기술보증 제 20031501호