생활코딩

Coding Everybody

코스 전체목록

닫기

WEB2 - JavaScript

| 공개

수업소개

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

 

 

수업대상

이 수업은 웹 페이지를 사용자와 상호작용하게 만들고 싶은 분들을 위해서 만들어졌습니다. 게임이나 애플리케이션처럼 웹페이지를 동적으로 만들 수 있는 방법이 수업 안에 들어있습니다.

html만으로 만들어진 아래의 웹페이지에
https://web-n.github.io/web1_html_internet/

아래와 같이 javascript를 이용해서 주간/야간 모드 기능을 추가하면서 각종 문법을 익혀갑니다.

https://web-n.github.io/web2_javascript/

 

 

수업에 참여조건

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

WEB1 - HTML & Internet 수업 바로가기

아래는 관련된 지식의 지도입니다. 지도를 참고해서 스스로 학습 경로를 탐험해보세요.

 

 

수업의 크기

이 수업은 총 37개의 동영상, 4시간 24분의 재생시간으로 이루어진 수업입니다.  

 

 

진도표

아래 야학사이트를 통해서 학습의 진행상황을 체크하고 다른 학우들을 만날 수 있습니다.

https://yah.ac/web2javascript

 

 

수업의 내용

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)

 

이 수업을 볼 수 있는 다른 방법

youtube 재생목록

다운로드(4.75GB) 

 

 

수업소식

아래 채널에 구독하시면 새로운 온/오프라인 수업이 있을 때 알려드립니다. 

 
 
 

수업의 저작권 정책

이 수업은 CCL 라이선스 BY를 따르고 있습니다. 이 수업의 출처를 표시해주신다면 컨텐츠의 수정을 할 수 있고, 상업적인 용도로도 사용할 수 있습니다. 상업적인 용도로 사용하는 경우는 거래 관계가 없다는 것을 인지 가능하도록 표시해주셔야 합니다. 

 

 

 

 

 

 

전기를 남겨주세요.
후기랑 비교해보면 재미있겠죠?  

 

 

 

댓글

댓글 본문
작성자
비밀번호
  1. khj64076407@gmail.com
    다봤습니당
  2. obiwan
    잘봤습니다. ~ ^^
  3. cooipop
    완료요~~^^
  4. 오, 영상 되게 설레네요
  5. Stephen Lee
    nodejs 하다가 부족함을 느껴 돌아왔습니다. 다시 시작합니다!
  6. 끝가지간다
    전역 6일전 출발!
  7. GODisgood
    출발!!!!
  8. aii72
    오늘부터 정주행
  9. 수면의과학
    36 mar 2019
    시작
  10. supernet
    감사합니다. 지금 바로 시작합니다!!!
  11. toqufdlrhswb@gmail.com
    감사합니다~ 시작합니다!
  12. 감사합니다!
  13. 시작~!
  14. 지누
    최고의 인강. 인생강의입니다!!!
  15. 내리는별
    다시 도전해봅니다!
  16. thebluerat
    css랑 같이 들으려고 한다. 할 수 있을까?
  17. 유정
    CSS 듣고, JavaScrpit 듣기 시작.
    2019-03-04
    동적인 페이지를 만들어보자.
  18. 미니
    시작
  19. Seohee Kim
    두구두구!
  20. cosmic08
    야호호호호호 너무신난다
  21. 2019-02-17 완료
  22. 우도순
    완료
  23. 호두
    고맙습니다.
  24. 발헤
    감사히 보겠습니다. 시작
  25. 시작!
  26. egoing
    이 강의를 들으셔요~
    대화보기
    • 항상 감사합니다~!
      생활코딩의 웹브라우저 자바스크립트를 거의 반을 들었습니다.
      웹브라우저 자바스크립트와 이 강의의 차이점이 무엇인가요?..어떤강의 먼저 들어야 할까요???
    • boriku
      시작!
    • Juyeon Heo
      공부하면 할수록 더 알다가도 모르겠는게 프로그래밍 같습니다! 어쨌건 자바스크립트 시작합니다!
    • 안거누
      자바스크립트 시작!
    • mikkeller
      시작!
    • 지미츄
      시작 !
    • 궁금
      배경음악이 너무 좋은데 노래 제목 알려주실 수 있나요?
    • 튜니티
      시작~~
    • 김정훈
      JS 스타트!
    • 한강
      19년 1월 13일 시작합니다.
      화이팅 ~~^^!
    • MXNEY_ELO
      이건 얼마나 걸릴까낭
    • 2019/01/11 시작

      차분하고 냉정하게 꾸준하게
    • 좌로보로스
      웹페이지를 만들며 스크립트라는 목포물을 항상 피해갔네요. 이번에는 정면 도전하여 내가 해결하고 싶은 문제(웹데이터 자동입력)를 해결하고 싶습니다.
    • HongKyu Lim
      감사합니다:)
    • 핑거스타일
      저작권 정책.... 존경스럽네요. ^^
    • 호빵
      test
    • 쉬운종이
      실력은 몰라도 꼭 끝까지 듣고 말겠어요
    • 엔진이어
      구글 로그인을 배우는 그날까지!
    • Jasmine cho
      즐거움을 줄 수 있는 웹에서의 공간을 만들어보고싶어서 시작합니다. 좋은 컨텐츠 제공해주셔서 감사합니다:)
    • Jihye Lee
      2018/12/25(캐나다동부시간) 시작합니다 2019/01/06 마칩니다
    • 미켈란젤로
      다시 시작합니다.
      감사합니다~!
    • 이가영
      감사합니다:)
      꼭 완주할거에요!!
    • 감사합니다
      감사합니다.열심히 볼게요!!!!!
    • 돼지천재
      감사합니다.
    graphittie 자세히 보기