생활코딩

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. lygon
    2019-02-17 완료
  2. 우도순
    완료
  3. 호두
    고맙습니다.
  4. 발헤
    감사히 보겠습니다. 시작
  5. June
    시작!
  6. egoing
    이 강의를 들으셔요~
    대화보기
    • vvok
      항상 감사합니다~!
      생활코딩의 웹브라우저 자바스크립트를 거의 반을 들었습니다.
      웹브라우저 자바스크립트와 이 강의의 차이점이 무엇인가요?..어떤강의 먼저 들어야 할까요???
    • 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 마칩니다
    • 미켈란젤로
      다시 시작합니다.
      감사합니다~!
    • 이가영
      감사합니다:)
      꼭 완주할거에요!!
    • 감사합니다
      감사합니다.열심히 볼게요!!!!!
    • 돼지천재
      감사합니다.
    • Jeans Jinpil Kim
      잘 공부해보겠습니다~
    • 김주현
      항상 감사하고 있습니다
      프린트는 따로 없을까요 보충 프린트가 있으면 좋을거 같은데...
    • dogFoot
      web1 정주행했습니다.. 디벨로퍼를 향한 첫걸음 내딛습니다
    • leesj020925@naver.com
      20181028 마음을 다잡고 시작합니다!
    • 일단시작하고본다
      10/25 시작합니다.
    • 키보드치는남자
      10/22 시작합니다!!
    • TidySylveon
      오늘은 무엇을 배우러 갈까요? 이 사이트에 들어올때마다 항상 너무 설레요..
    • 내일은프로그래머
      지루하던 일상이 하루하루 두근거리고 있습니다. 새로운 두근거림과 마주하는 하루네요^^
    • 도프
      정말 재미있게 따라가고 있습니당 ㅎㅎ
    • 신예진
      웹마스터가 되어보자!
    • 뿡대장
      또 다시 졸음과의 싸움을 시작하려합니다.
    • 유미선
      기대됩니다~~!
    • icdoit
      시작!!
    • 똘갱이
      추울발~
    • 울산박격포
      가르침에있어서, 배움에 있어서 정말 이상적인것 같아요. 감사합니다.
    • 임정근
      시작할게요
    • 너무 감사드림요
      저도 앞으로 열심히 하도록 할게요! 좋은 강의 감사합니다! 비전공자로서 댓글을 안달고 갈 수가 없겠네요ㅎㅎㅎㅎ
    • COOLADE
      시작이용
    • konslie
      시작합니다
    • 기대됩니다 ㅎㅎ
    graphittie 자세히 보기