무료
초급자를 위해 준비한
[웹 개발, 프로그래밍 언어] 강의입니다.
생활코딩 자바스크립트 강좌 입니다. 웹브라우저를 직접 제어할 수 있는 자바스크립트 레퍼런스를 공부해 봅니다.
1. 수업 소개
본 수업은 웹브라우저를 자바스크립트로 제어하는 방법에 대한 수업입니다. 텍스트 수업과 동영상 수업이 함께 제공 됩니다. 텍스트는 요점을 전달하는데 초점을 맞추고 있고, 동영상은 텍스트의 내용을 최대한 소상하게 전달해드리기 위해서 노력했습니다.
2. 수업의 특징
순수한 자바스크립트 기술을 이용해서 웹브라우저를 제어하는 방법에 대한 수업만을 이곳에서 다루는 것이 간결한 방법입니다. 하지만 오늘날 순수한 자바스크립트를 이용해서 웹브라우저를 제어하는 방법은 잘 사용하지 않습니다. 더 적은 코드로 더 강력한 효과를 얻을 수 있는 수단을 제공하는 각종 라이브러리를 사용하기 때문입니다. 만약 순수 자바스크립트만으로 웹브라우저를 제어하는 수업을 만든다면 다소 현실성이 떨어질 것이고, 특정 라이브러리에 대한 수업으로만 강의를 구성한다면 라이브러리가 제공하는 기능에 갇히게 될 것입니다.
그래서 본 수업에서는 순수한 자바스크립트로 웹브라우저를 제어하는 방법에 대한 수업을 선행하고, 동시에 라이브러리를 이용하는 방법을 병행하고 있습니다. 이를 위해서 선택한 라이브러리는 현시점에서 가장 많이 사용되고 있는 jQuery입니다.
*본 강좌는 생활코딩의 콘텐츠를 저작권이 허하는 범위에서 수강이 편하도록 인프런에 옮긴 강좌입니다. 생활코딩 http://opentutorials.org 에 감사의 뜻을 전합니다.
3. 강의 수준
프로그래밍을 처음 시작하는 분들의 눈높이에 맞게 만들어진 강의입니다. 이미 프로그래밍에 익숙한 분의 입장에서는 설명이 조금 장황할 수 있습니다
4. 먼저 알아두면 좋은 지식
- HTML &CSS
- JAVASCRIPT 언어
- 인터넷 기본
5. 도움되는 분들
- 디자이너
- 웹퍼블리셔
- HTML,CSS 공부하신 분들
- 웹 개발자
안녕하세요
Egoing Lee 입니다.
Egoing Lee 입니다.
커리큘럼
총 47 개
˙ 11시간 11분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
3 강
∙ 1시간
실습방법
08:21
HTML에서 JavaScript 로드하기
30:01
Object Model
21:45
섹션 1. BOM
6 강
∙ 1시간 13분
-BOM
01:51
-전역객체 Window
07:48
-사용자와 커뮤니케이션 하기
09:51
-Location 객체
15:05
-Navigator 객체
16:52
-창 제어
22:26
섹션 2. DOM
6 강
∙ 1시간 43분
-DOM , 제어대상을찾기
18:50
-jQuery
15:10
-제어 대상을 찾기 (jQuery)
18:48
-HTMLElement
21:11
-HTMLCollection
06:02
-jQuery 객체
23:15
섹션 3. -Element 객체
6 강
∙ 1시간
-Element 객체
11:50
-식별자 API
15:31
-조회 API
05:55
-속성 API
10:10
-jQuery 속성 제어 API
09:48
-jQuery 조회 범위 제한
07:35
섹션 4. -Node 객체
6 강
∙ 1시간 27분
-Node 객체
06:38
-Node 관계 API
미리보기
13:03
-노드 종류 API
26:33
-노드 변경 API
15:06
-jQuery 노드 변경 API
13:40
-문자열로 노드 제어
12:13
섹션 5. Document 객체
1 강
∙ 7분
Document 객체
07:53
섹션 6. Text 객체
3 강
∙ 18분
-Text 객체
05:49
-값 API
02:01
-조작 API
10:26
섹션 7. 문서의 기하학적 특성
1 강
∙ 27분
문서의 기하학적 특성
27:46
섹션 8. 이벤트
11 강
∙ 2시간 5분
-이벤트
04:25
-등록방법 & inline
06:16
-프로퍼티 리스너
11:25
-addEventListener()
10:54
-이벤트 전파(버블링과 캡처링)
26:16
-기본동작의 취소
09:49
-폼
08:44
-문서 로딩
10:20
-마우스
14:20
-jQuery 이벤트
04:14
-on API 사용법
18:17
섹션 9. 네트워크 통신
3 강
∙ 1시간 9분
-Ajax
22:56
-JSON
33:00
-jQuery Ajax
13:55
섹션 10. 활용
1 강
∙ 37분
-Youtube 재생시간 구하기
37:08
강의 게시일 : 2015년 08월 13일
(마지막 업데이트일 : 2018년 01월 08일)
수강평
총 167개
수강생분들이 직접 작성하신 수강평입니다.
4.9
167개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
필수 강좌입니다.
자바스크립트 기본을 끝내고 들으시는 것을 추천합니다. 아니 필수입니다. 아니면 못 알아먹습니다.
이 강좌를 통해서 BOM DOM에 대해 확실히 끝낸 것 같습니다.
대학 과목 준비 때문에 들었는데 다행히 철저하게 준비한 것 같습니다.
수강 팁을 드리자면 egoing님께서 세심하고 꼼꼼하게 알려주시기에 놓치는 말 없이 다 들어야 합니다.
1회 수강하고 다 들었다고 생각했습니다만 2번째 들으니 중요한 부분이 또 있더군요.
길고 긴 자바스크립트 강의의 기본기를 여기서 끝마치게 됬습니다. egoing님 감사합니다.
아참 네트워크 통신은 초심자에게 어려운 부분일 수 있습니다.
다른 강좌 예를 들어 php나 데이터베이스 그리고 node.js를 수강하고 듣는 것이 더 좋을 것 같습니다.
2018-11-02
가격은 무료지만 강의의 양과 질은 무료가 아닙니다!!
2022-05-20
강의시간 이렇게 길게 안가져가도 됐다고 봅니다..
내용은 좋은데,1분 2분내로 각 강의가 끝날 수도 있음에 불구하고 20분 30분 늘어지는 경우가 대다수입니다.
2019-05-15
굿굿굿 좀 예전 강의긴 한데~ 여전히 기본 개념들 쓱싹쓱싹 흝고가기 좋아용!
2020-12-23
저 자바스크립트 안다고 당당하게 말하고 다닐래요
2020-10-21
