자바스크립트 기초 + 활용 강의 기초 부터 실무인강 알지오 IT전문교육

자바스크립트 기초 + 활용

강의구성
(32강) 전체 : 26시간 31분|평균 : 49분43초

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

수강료
370,000원
185,000원

자바스크립트 기초 + 활용 인강 평생교육원 교육 안내
자바스크립트 기초 부터 활용까지 해야하는 이유는 제이쿼리 의 기본이 되는 내용입니다. JAVASCRIPT를 알지 못한 상태에서는 제이쿼리의 라이브러리 사용법을 전혀 이해할 수 없습니다. 또한 개발된지 오래되었음 에도 불구하고 자바스크립트 는 현재까지도 변경되거나 없어진 내용없이 크롬이나 스마트폰에서 여전히 사용중이며, 자바스크립트 해당코드의 사용방법을 반드시 기초부터 숙지하셔야 웹사이트의 전반적인 수정이 가능합니다.

단기 습득!

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

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

단기 습득할 강의

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

자바스크립트 [입문]
01.51분 JavaScript 완벽 공략 가이드! - Chapter 1
java와 javascript의 차이점, 주석문 개념 설명, document.write, 예약어, 문자열, 주석문, charset 정의, UTF-8, br 태그, 날짜 출력, noscript, 쌍따옴표, 작은따옴표, 변수란?, 상수, 변수값 출력, boolean 방식, Infinity, NaN, = 연산자, == 비교연산자, 나머지 값 구하는 연산자, 대입 연산자, a += b

java와 javascript 차이/예약어/차단된 컨텐츠 허용 /컨텐츠 허용 제한/변수란?/변수값 출력/NaN/+ 연산자/a = a * b, a *= b/document.write(++a)
02.41분 JavaScript 완벽 공략 가이드! - Chapter 2
관계연산자, true/false, if else, 비교연산, 논리값, 논리연산자, or, and, 배타적 논리합, 부정, &&, II, !, 2진수, 콜론, 연산자 우선순위, 증감연산자, 비교연산자, 비트연산자, 논리연산자, 조건연산자, 대입연산자, 조건문

관계연산자/연산자 작성쉼표/논리연산자/부정 연산/or 연산/연산자 우선순위/비트연산자/else/false 출력값
03.48분 JavaScript 완벽 공략 가이드! - Chapter 3
if문 완벽마무리 2, else if, 스위치문, 반복문, 교착상태, do while, continue문

== 비교연산자/else 오류작성/else if/결과값 확인/case 추가/if문과 switch문 차이/반복문 정의/For문 주의점/무한 루프/false 값
04.53분 JavaScript 완벽 공략 가이드! - Chapter 4
소스 감추기, 함수정의, 매개변수, 전역 지역변수

hap 변수 초기화/if문/저장된 for문 연동/분기점/document.write/매개 변수/지역변수,전역변수/지역변수의 한계
05.42분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 1
return값, 내장함수, alert, confirm, prompt

함수 localvar()/Return 예약어 입력/내장함수 예시/변수 지정값/if문 입력/location.href/window.resizeTo/switch문/alert 팝업 생성
06.51분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 2
eval, parseInt, sum, isfinite, escape, unescape, factorial

parseInt/do while/sum 함수 호출/이스케이프 시퀀스/isFinite/getElementById()/escape, unescape/escape/계승값 구하는 함수/fact 함수 설명
07.48분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 3
객체, 종류별 이벤트 핸들러

factorial/prompt/객체지향/this/printa 함수 호출/이벤트 핸들러 종류/onload/onmouseout 호출
08.52분 개발자를 위한 핵심 자바스크립트 프로그래밍 - Chapter 4
내장객체, 남은 날짜 카운트 구하기, 문자열, length

키보드 이벤트/onkeydown/getElementById()/new Date/getSeconds/getMonth/toLocaleString/getMinutes/new Date/Math.ceil/length/anchor/for문
09.50분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 1
자바스크립트와 html 비교(anchor, bold, fontcolor, strike), 문자열의 위치 알아내기(indexOf, lastindexOf, charAt), 원하는 문자열 출력하기(substring, slice, substr), 대소문자 변경(toUpperCase, toLowerCase), 문자열 붙여주기(concat, split), Mate 메소드, Array

버튼 클릭 시/document.write/fontsize/lastIndexOf/substring(2, -1)/toUpperCase/Math.abs()/Math.randow()/Array 생성방법/Array 출력
10.44분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 2
Array 여러 개체들과 for문 으로 내용 증가되도 수정없이 할수있는방법, 관련된 개체실습, Function 개체

반복문 이용 출력 및 입력하기/Array.length/for문/Array.concat/join/reverse 이중 사용/Function 객체/function.length/나누기 함수 정의
11.48분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 3
arguments, screen, event 객체, Number속성, 팝업

arguments/screen 객체/Number 객체/m_click 함수 정의[28:37] ctrlKey/form 하위 객체/window.status/window.open 인수/window.open 좌표 설정
12.39분 효율적인 프로그래밍을 위한 필수 과정 - Chapter 4
팝업조절, setTimeout, clearTimeout, Interval, find, print, resize, move, scrollBy

창 닫기 만들기/setTimeout/settimer() 코드/clearInterval/window.find/(문자열, 대/소문자 구분)/window.resizeBy/window.moveBy/clearInterval/scrollTo
Paragon of Javascript - 윤형민
13.1시간 20분 Chapter 1
HTML 속성 변경, 클릭시 속성 변경하는 스크립트, 유효성 검사 스크립트, 문자열, 연산자, 배열, 변수

HTML 속성 변경/다른 대상에게 결과값/CONSOLE.LOG/대입연산자/할당 연산자/자바스크립트 배열/현재 날짜, 시간 출력/lastIndexOf/charAt/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] 연관 배열
14.1시간 33분 Chapter 2
배열, 연산자, 내림차순&오름차순, 정규표현식, 유효성검사

배열/length/Boolean/Not 연산자/Loop/String/replace/debugger/Case문/[01:00:48] 유효성검사/[01:03:48] validationMessage/[01:05:33] stepMismatch/[01:10:17] new Object/[01:19:44] Script함수/[01:30:01] 로컬변수
15.1시간 12분 Chapter 3
DOM 기능, 이벤트 핸들러, 인덱스, 폰트 속성 변경, 스타일 시트, 이벤트 함수

DOM기능/applets/getElementById/움직이는 div 함수/onmousedown/addEventListener/Math.random/createElement/for문/location.href/[01:09:36] 3초 변경/[01:11:48] clearInterval
The Art of Javascript - 김진호
16.35분 Chapter 1
serInterval, Array, 타이핑 효과, 폰트 색상 변경하기

form 정의/Array 요소 접근/onload/다음줄 표시/사용자 정의/arguments 전달인자/getElementById()/setInterval
17.50분 Chapter 2
찾아줄 문자열 적어주기, Fade 기능

text 가공/roll 함수 생성/이중 for문/+연산자/make_array 함수/10진수를 16진수/Math.floor/fade 함수/clearInterval/Math.floor
18.53분 Chapter 3
마우스 오버시 배경 이미지 변경, 움직이며 위로 떠오르는 효과 구현

onmouseover/따옴표 중복 사용/all/속도 지정/흔들리는 속도 설정/이미지 랜덤/좌우 흔들림 설정/setInterval
19.32분 Chapter 4
팝업 기능 실습

팝업 기능 알아보기/if문/todayDate.setDate()/toGMTString()/o_win.opener=self/indexOf/return false
20.43분 Chapter 5
셀렉트 박스, 보안스크립트

f_expand 함수/option 생성/textarea 값 설정/for문 이용 option 출력/보안 스크립트/return false/A 태그 마우스
21.40분 Chapter 6
alert 팝업 설정

alert 팝업 생성/navigator/cancelBubble/location/getElementByld/spread,fold 함수/서브 메뉴 생성/navigator/Netscape 추가
22.49분 Chapter 7
웹 메뉴 생성

스타일 생성/초기화 하는 이유/For문 작성/onMouseOver/마무리 태그 생성/yMenufrom 변수/If문 주석 처리/Math/parseInt 입력/초 단위 설정
The Perfection of Javascript - 김성철
23.42분 Javascript 기본
주요 용어 리뷰 및 데이터 타입에 대해 알아봅니다.

data type, 함수, 일급 객체/함수 예제/undefined 할당/생성자함수로 객체 생성/프로퍼티 삭제(delete)
24.46분 참조타입과 연산자 (1)
참조타입과 연산자에 대해 알아봅니다.

참조타입/함수 호출 예제/배열/객체로서의 배열/length 변경 시 프로퍼티가 받는 영향
25.21분 참조타입과 연산자 (2)
참조타입과 연산자에 대해 알아봅니다.

배열의 프로퍼티/배열의 프로퍼티 list 보기/배열 member 삭제(delete)/배열 잘라내기(splice)/Array() 생성자함수 이용 배열 생성/유사배열/기본 타입의 표준 method/연산자/+ 연산자/typeof 연산자/==, === 연산자/!! 연산자
26.43분 함수 (1)
함수에 대해 알아봅니다.

함수/즉시실행함수/javascript 함수의 특징 예제/내부함수 실행결과/변수와 프로퍼티의 비교
27.37분 함수 (2)
함수에 대해 알아봅니다.

함수 return함수/this의 log 보기/this binding 예제 결과확인/리터럴 객체와 생성자함수/객체 return
28.38분 함수 (3)
함수에 대해 알아봅니다.

property __proto__/프로토타입 chaining/Number, String, Boolean/호출자가 this로 바인딩/method의 chaining과 동적 할당
29.44분 실행 context
실행 context에 대해 자세히 알아봅니다.

context/suminout_context 과정/예제 실행 결과 확인/scop chain 결과 예측/hoisting 예제 과정
30.40분 클로저
클로저에 대해 자세히 알아봅니다.

클로저/클로저의 일반형식/함수에 사용자정의 method 연결/newdraw 함수 생성/함수의 캡슐화/클로저 사용 시 주의사항/loop 속의 클로저/i를 인자로 즉시 실행
31.1시간 24분 객체지향 프로그래밍
객체지향의 의미와 상속에 대해 자세히 알아보고 캡슐화와 종합 예제 실습합니다.

객체지향 프로그래밍/자식 생성/상속 받은 후 method/extend/apply/참조 최적화 상속 코드/응용예제(생성자함수 생성함수)/[1:01:11] hasOwnProperty/[1:09:01] 2차 상속/[1:14:52] 응용예제2/[1:20:08] 캡슐화 이용 객체 활용
32.1시간 22분 함수형 프로그래밍
함수형프로그래밍 정의, 주요용어, 배열관련 예제, 함수형 프로그래밍 다양한 예제를 알아봅니다.

dry code, side effect/dry code 예제/배열과 함수를 인자로한 high-order function/high-order function을 이용한 map/high-order function으로 reduce 구상/joinWord, map, reduce를 활용한 예제/피보나치 수열/currying/[01:13:21] bind 함수 사용/[01:19:43] 함수 교체

강의목록 다운로드

Since 2003 IT전문교육!

연관학과 (자바스크립트 기초 + 활용)

웹표준 [입문 + 고급]