웹브라우저 Javascript (자바스크립트)

웹브라우저 Javascript (자바스크립트)

(47개의 수강평)

4798명의 수강생
무료
지식공유자 · Egoing Lee
47회 수업· 총 10시간 36분수업
평생 무제한 시청
수료증 미발급 강의
수강 난이도 초급

이 강의는

생활코딩 자바스크립트 강좌 입니다. 웹브라우저를 직접 제어할 수 있는 자바스크립트 레퍼런스를 공부해 봅니다.

1. 수업 소개

본 수업은 웹브라우저를 자바스크립트로 제어하는 방법에 대한 수업입니다. 텍스트 수업과 동영상 수업이 함께 제공 됩니다. 텍스트는 요점을 전달하는데 초점을 맞추고 있고, 동영상은 텍스트의 내용을 최대한 소상하게 전달해드리기 위해서 노력했습니다.

2. 수업의 특징

순수한 자바스크립트 기술을 이용해서 웹브라우저를 제어하는 방법에 대한 수업만을 이곳에서 다루는 것이 간결한 방법입니다. 하지만 오늘날 순수한 자바스크립트를 이용해서 웹브라우저를 제어하는 방법은 잘 사용하지 않습니다. 더 적은 코드로 더 강력한 효과를 얻을 수 있는 수단을 제공하는 각종 라이브러리를 사용하기 때문입니다. 만약 순수 자바스크립트만으로 웹브라우저를 제어하는 수업을 만든다면 다소 현실성이 떨어질 것이고, 특정 라이브러리에 대한 수업으로만 강의를 구성한다면 라이브러리가 제공하는 기능에 갇히게 될 것입니다.

그래서 본 수업에서는 순수한 자바스크립트로 웹브라우저를 제어하는 방법에 대한 수업을 선행하고, 동시에 라이브러리를 이용하는 방법을 병행하고 있습니다. 이를 위해서 선택한 라이브러리는 현시점에서 가장 많이 사용되고 있는 jQuery입니다.

*본 강좌는 생활코딩의 콘텐츠를 저작권이 허하는 범위에서 수강이 편하도록 인프런에 옮긴 강좌입니다. 생활코딩 http://opentutorials.org 에 감사의 뜻을 전합니다.

3. 강의 수준

프로그래밍을 처음 시작하는 분들의 눈높이에 맞게 만들어진 강의입니다. 이미 프로그래밍에 익숙한 분의 입장에서는 설명이 조금 장황할 수 있습니다

4. 먼저 알아두면 좋은 지식

  • HTML &CSS
  • JAVASCRIPT 언어
  • 인터넷 기본

5. 도움되는 분들

  • 디자이너
  • 웹퍼블리셔
  • HTML,CSS 공부하신 분들
  • 웹 개발자

 

교육과정

모두 펼치기 47 강의 10시간 36분
섹션 0. 오리엔테이션
3 강의 59 : 00
실습방법
08 : 00
HTML에서 JavaScript 로드하기
30 : 00
Object Model
21 : 00
섹션 1. BOM
6 강의 68 : 00
-BOM
01 : 00
-전역객체 Window
07 : 00
-사용자와 커뮤니케이션 하기
10 : 00
-Location 객체
14 : 00
-Navigator 객체
15 : 00
-창 제어
21 : 00
섹션 2. DOM
6 강의 96 : 00
-DOM , 제어대상을찾기
17 : 00
-jQuery
14 : 00
-제어 대상을 찾기 (jQuery)
18 : 00
-HTMLElement
20 : 00
-HTMLCollection
06 : 00
-jQuery 객체
21 : 00
섹션 3. -Element 객체
6 강의 57 : 00
-Element 객체
11 : 00
-식별자 API
14 : 00
-조회 API
05 : 00
-속성 API
10 : 00
-jQuery 속성 제어 API
10 : 00
-jQuery 조회 범위 제한
07 : 00
섹션 4. -Node 객체
6 강의 83 : 00
-Node 객체
06 : 00
-Node 관계 API
13 : 00
-노드 종류 API
26 : 00
-노드 변경 API
14 : 00
-jQuery 노드 변경 API
12 : 00
-문자열로 노드 제어
12 : 00
섹션 5. Document 객체
1 강의 07 : 00
Document 객체
07 : 00
섹션 6. Text 객체
3 강의 17 : 00
-Text 객체
05 : 00
-값 API
02 : 00
-조작 API
10 : 00
섹션 7. 문서의 기하학적 특성
1 강의 26 : 00
문서의 기하학적 특성
26 : 00
섹션 8. 이벤트
11 강의 117 : 00
-이벤트
04 : 00
-등록방법 & inline
06 : 00
-프로퍼티 리스너
11 : 00
-addEventListener()
10 : 00
-이벤트 전파(버블링과 캡처링)
25 : 00
-기본동작의 취소
09 : 00
-폼
08 : 00
-문서 로딩
10 : 00
-마우스
14 : 00
-jQuery 이벤트
04 : 00
-on API 사용법
16 : 00
섹션 9. 네트워크 통신
3 강의 69 : 00
-Ajax
21 : 00
-JSON
35 : 00
-jQuery Ajax
13 : 00
섹션 10. 활용
1 강의 37 : 00
-Youtube 재생시간 구하기
37 : 00

공개 일자

2015년 8월 13일 (마지막 업데이트 일자 : 2018년 1월 8일)

수강 후기

4.8
47개의 수강평
default_profile.png
김동혁 10달 전
강의시간 이렇게 길게 안가져가도 됐다고 봅니다.. 내용은 좋은데,1분 2분내로 각 강의가 끝날 수도 있음에 불구하고 20분 30분 늘어지는 경우가 대다수입니다.
알럽 두부

알럽 두부 2달 전
정말 공감합니다............어쨌든 도움은 됐지만 너어무 너 ~ 무 답답하고 힘들었어요..... 대본을 짜서 읽어주셨으면 참 좋겠습니다. 한 단어 한 단어 끊어서 말씀하시는데 오히려 문맥이 안들렸어요.....

5bdec5fa4eedb-bpfull.jpg
흑구 2018.11.02
필수 강좌입니다. 자바스크립트 기본을 끝내고 들으시는 것을 추천합니다. 아니 필수입니다. 아니면 못 알아먹습니다. 이 강좌를 통해서 BOM DOM에 대해 확실히 끝낸 것 같습니다. 대학 과목 준비 때문에 들었는데 다행히 철저하게 준비한 것 같습니다. 수강 팁을 드리자면 egoing님께서 세심하고 꼼꼼하게 알려주시기에 놓치는 말 없이 다 들어야 합니다. 1회 수강하고 다 들었다고 생각했습니다만 2번째 들으니 중요한 부분이 또 있더군요. 길고 긴 자바스크립트 강의의 기본기를 여기서 끝마치게 됬습니다. egoing님 감사합니다. 아참 네트워크 통신은 초심자에게 어려운 부분일 수 있습니다. 다른 강좌 예를 들어 php나 데이터베이스 그리고 node.js를 수강하고 듣는 것이 더 좋을 것 같습니다.
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스