Thumbnail
개발 · 프로그래밍 프로그래밍 언어

WEB2 - JavaScript 대시보드

(4.9)
322개의 수강평 ∙  8,445명의 수강생

무료

지식공유자: Egoing Lee
총 37개 수업 (4시간 24분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발, 프로그래밍 언어] 강의입니다.

https://opentutorials.org(생활코딩 사이트)를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.

1. 생활코딩의 Web2  -JavaScript 수업소개

이 수업은 https://opentutorials.org 를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다. Web2시리즈 중 하나로 생활코딩 자바스크립트 강의 입니다 .
사람들은 웹이 동적으로 사용자와 상호작용할 수 있기를 원했습니다.
그래서 태어난 게 바로 자바스크립트 입니다.
html이 정보라고 하는 멈춰있는 이미지를 그리는 것이라면 
자바스크립트는 정보라는 이미지를 마치 영화처럼 움직이게 합니다.
이것은 마법이에요.
여러분은 이제 자바스크립트를 자유자재로 휘두르는
마법사가 될 겁니다. 
준비됐나요? 
출발합시다. 

2. 수업대상

이 수업은 웹 페이지를 사용자와 상호작용하게 만들고 싶은 분들을 위해서 만들어졌습니다. 게임이나 애플리케이션처럼 웹페이지를 동적으로 만들 수 있는 방법이 수업 안에 들어있습니다. html만으로 만들어진 아래의 웹페이지에 https://web-n.github.io/web1_html_internet/ 아래와 같이 javascript를 이용해서 주간/야간 모드 기능을 추가하면서 각종 문법을 익혀갑니다. https://web-n.github.io/web2_javascript/


3. 수업의 참여조건

HTML이 무엇인지 전혀 모르신다면 이 수업을 보시면 안됩니다. 이 수업은 HTML을 알고 계신 분들을 대상으로 하고 있기 때문입니다. HTML을 모르신다면 아래 WEB1 수업을 먼저 보시고 다시 이 수업에 참여하시면 됩니다. WEB1 - HTML & Internet 수업 바로가기

4. 커뮤니티 & 진도표

인프런 커뮤니티에서 질문하고 답변을 받거나, 남겨보세요. https://www.inflearn.com/community/questions
또한 아래 야학사이트를 통해서 학습의 진행상황을 체크하고 다른 학우들을 만날 수 있습니다. https://yah.ac/web2javascript

5. 수업의 내용

 - Run JavaScript
  • Event handler
  • script tag
  • console
 - DataType
  • String
  • Number
  • Variable
  • Boolean
  • Array
  • Function
  • Object
 - Operator
  • Arithmetic operation
  • Assignment operators
  • Comparison operator
 - Statement
  • Conditional statement
  • Loop statement
  • Loop & Array
  • Function
  • Loop & Object
  • Property & Method
  • Refactoring
  • Include File
  • Library &Framework
 - Web Browser
  • Select element (12)
  • Attribute (12)
 - CSS
  • Style attribute (9)
  • Style tag (10)
  • selector (11)

안녕하세요
Egoing Lee 입니다.
Egoing Lee의 썸네일
커리큘럼 총 37 개 ˙ 4시간 24분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. HTML과 JS
HTML과 JS의 만남 : script 태그 미리보기 03:47
HTML과 JS의 만남 : 이벤트 08:43
HTML과 JS의 만남 (콘솔) 08:30
섹션 2. 데이터타입, 변수, 웹브라우저 제어
데이터타입 - 문자열과 숫자 미리보기 11:00
변수와 대입 연산자 07:56
웹브라우저 제어 03:35
섹션 3. CSS 기초
style 속성을 이용해서 CSS 사용하기 미리보기 05:03
style 태그를 이용해서 CSS 사용하기 07:25
CSS 선택자 07:43
제어할 태그 선택하기 10:46
섹션 4. 프로그램, 프로그래밍, 프로그래머
섹션 5. 조건문
조건문 예고 미리보기 03:40
비교 연산자와 블리언 생활코딩 08:34
조건문 05:15
조건문의 활용 07:13
리팩토링 중복의 제거 06:31
섹션 6. 반복문과 배열
반복문 예고 미리보기 03:34
배열 11:15
반복문 08:08
배열과 반복문 09:53
배열과 반복문의 활용 09:33
섹션 7. 함수
함수예고 07:55
함수의 기본 04:53
매개변수와 인자 07:08
리턴 07:20
함수의 활용 04:36
섹션 8. 객체
객체예고 13:06
객체 쓰기와 읽기 07:25
객체와 반복문 05:32
객체프로퍼티와 메소드 05:27
객체의 활용 05:09
섹션 9. 정리
파일로 쪼개서 정리 정돈하기 08:11
라이브러리와 프래임워크 12:12
UI vs API 05:08
수업을 마치며 04:35
강의 게시일 : 2017년 12월 29일 (마지막 업데이트일 : 2018년 06월 25일)
수강평 총 322개
수강생분들이 직접 작성하신 수강평입니다.
4.9
322개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
yungjoon2 thumbnail
4
감사합니다
2023-09-30
JC thumbnail
5
감사합니다 잘들었어요
2023-08-01
KH K thumbnail
5
다시 여기 왔을 때, 웃으며 옛 추억을 회상 할 수 있길 바라며 감사합니다.
2020-11-17
박재학 Jesse thumbnail
5
이분은 과학기술정보통신부에서 상을 줘야한다
2023-05-22
sychoi299 thumbnail
5
정말 잘 이해되도록 설명해주는 강의입니다.
2023-12-10