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

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

(24개의 수강평)

3274명의 수강생

무료

생활코딩
평생
초급
47개 수업, 총 10시간 36분

1. 수업 소개

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

2. 수업의 특징

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

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

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

3. 강의 수준

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

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

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

5. 도움되는 분들

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

 

지식공유자 소개

생활코딩

교육과정

오리엔테이션
실습방법
08 : 00
HTML에서 JavaScript 로드하기
30 : 00
Object Model
21 : 00
BOM
-BOM
01 : 00
-전역객체 Window
07 : 00
-사용자와 커뮤니케이션 하기
10 : 00
-Location 객체
14 : 00
-Navigator 객체
15 : 00
-창 제어
21 : 00
DOM
-DOM , 제어대상을찾기
17 : 00
-jQuery
14 : 00
-제어 대상을 찾기 (jQuery)
18 : 00
-HTMLElement
20 : 00
-HTMLCollection
06 : 00
-jQuery 객체
21 : 00
-Element 객체
-Element 객체
11 : 00
-식별자 API
14 : 00
-조회 API
05 : 00
-속성 API
10 : 00
-jQuery 속성 제어 API
10 : 00
-jQuery 조회 범위 제한
07 : 00
-Node 객체
-Node 객체
06 : 00
-Node 관계 API
13 : 00
-노드 종류 API
26 : 00
-노드 변경 API
14 : 00
-jQuery 노드 변경 API
12 : 00
-문자열로 노드 제어
12 : 00
Document 객체
Document 객체
07 : 00
Text 객체
-Text 객체
05 : 00
-값 API
02 : 00
-조작 API
10 : 00
문서의 기하학적 특성
문서의 기하학적 특성
26 : 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
네트워크 통신
-Ajax
21 : 00
-JSON
35 : 00
-jQuery Ajax
13 : 00
활용
-Youtube 재생시간 구하기
37 : 00

수강 후기

4.8
24개의 수강평
김선례 19일 전
항상 감사하게 듣고 있습니다. 좋은 강의 만들어 주셔서 감사합니다~
김동혁 1달 전
강의시간 이렇게 길게 안가져가도 됐다고 봅니다.. 내용은 좋은데,1분 2분내로 각 강의가 끝날 수도 있음에 불구하고 20분 30분 늘어지는 경우가 대다수입니다.
오휘석 1달 전
고맙습니다. 명강의입니다. 짝짝짝
이신욱 1달 전
기초를 다지는데 많은 도움이 됬고 이 강의를 발판삼아 더 높은 곳으로 도약할 수 있을거란 자신감이 생겼어요
dutchcoffee 1달 전
차근차근한 설명이 참 좋아요. ^^
신민혁 (탈퇴) 3달 전
좋은 강의 감사합니다.
kyunghee song 4달 전
하나하나 꼼꼼한 설명 학원을 다니는 도중 너무 기본개념이 부족하고, 설명이 잘 이해가 되지 않아 인터넷으로 자바스크립트를 검색해서 공부하던 중에 생활코딩 인강을 우연히 듣게 되었습니다..ㅜㅜ 정말 이렇게 훌륭한 강의를 무료로 들을 수 있어서 너무 좋고 학원에서 이해가 되지 않았던 부분까지 너무 이해가 잘 돼서 너무 좋습니다! 기본 개념이 부족하고, 이제 막 자바스크립트를 공부하시는 분들께 추천드립니다.! (저는 생활코딩님의 자바스크립트 기본언어? 이 강좌를 먼저 수강하고 들었습니다. 저 강의를 먼저 듣고 수강하는 걸 추천드립니다!)
Juhee Bak 5달 전
좋은 강의였습니다. 기본지식을 다시 되새겨 볼겸 봤는데 생각보다 개념도 없이 사용하던게 많았네요. 감사합니다.
Sang Kwon Lim 7달 전
좋은강의 역시 좋은강의 였습니다~~~^^
흑구 7달 전
필수 강좌입니다. 자바스크립트 기본을 끝내고 들으시는 것을 추천합니다. 아니 필수입니다. 아니면 못 알아먹습니다. 이 강좌를 통해서 BOM DOM에 대해 확실히 끝낸 것 같습니다. 대학 과목 준비 때문에 들었는데 다행히 철저하게 준비한 것 같습니다. 수강 팁을 드리자면 egoing님께서 세심하고 꼼꼼하게 알려주시기에 놓치는 말 없이 다 들어야 합니다. 1회 수강하고 다 들었다고 생각했습니다만 2번째 들으니 중요한 부분이 또 있더군요. 길고 긴 자바스크립트 강의의 기본기를 여기서 끝마치게 됬습니다. egoing님 감사합니다. 아참 네트워크 통신은 초심자에게 어려운 부분일 수 있습니다. 다른 강좌 예를 들어 php나 데이터베이스 그리고 node.js를 수강하고 듣는 것이 더 좋을 것 같습니다.
상산조자룡이다 11달 전
이해가 쏙쏙 됩니다 자바스크립트 인강만 세개째입니다만.. 생활코딩 이고잉님 강의 이상의 명강의는 없는 것 같습니다. 너무 쉽고 재밌게 설명해주셔요. 이 강의만 들어도 자바스크립트가 두렵지 않아 집니다.
박원규 2017.10.18
감사합니다. 잘 배웠습니다.
이학선 2017.10.09
잘 봤습니다. 백엔드 공부만 조금 해본 상태라 몇몇 작업을 할때 프론트 단의 기초적인 부분에서도 막히는 곳들이 있어 듣게 되었는데 많은 도움이 된거 같습니다. 해당 강좌는 생활코딩 사이트에도 있지만 한쪽 화면은 실습, 다른 화면은 강의를 켜놓고 하는 분할 화면에서 기본적으로 인프런쪽이 더 큰 강의 화면을 보여주고 동영상간 이동도 더 편해 인프런을 통해 강의를 듣게 되었는데 덕분에 더 편히 보게 된거 같아 감사합니다.
이은수 2017.10.09
잼나게 들었습니다. 부담없이 들을수 있어서 좋았습니다.
장성빈 2017.08.15
좋아요
장성빈 2017.08.15
정말 좋아요!!!!
김현일 2017.06.30
잘들었습니다. 다른 강의는 어떻게 보는건가요??
유정현 유 2017.06.01
유익한 수업입니다. 좋은강의 감사합니다!!
김성원 김 2017.05.15
좋은 강의였습니다. 강의 내용이 어렵지않아서 쉽게 따라갈 수 있었습니다. 감사합니다.
유정현 유 2017.05.15
감사합니다. 좋은강의 감사합니다.
김용남 2017.05.11
자바스크립트 기본에 대해서 잘 알려주는 강의입니다. 기본에 대해서 잘 알려주고 적절한 예시로 이해에 도움을 주는 강의 잘 봤습니다. 감사합니다.
Greymount 2017.02.20
강의 감사합니다 부담없는 강의로써 자바입문자에게 추천하는 강의입니다!
차현철 2017.02.15
기본 개념에 좋은 강좌 브라우저 자바스크립트의 기본 개념을 익히게 되어서 좋았습니다. 좋은 강의 감사합니다.
이태훈 이 2016.07.19
훌륭한 강의 잘 들었습니다 부담없이 들을수 있어서 좋았습니다.