생활코딩

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 수업 바로가기

 

 

수업의 내용

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 재생목록

 

 

수업의 저작권 정책

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

 

 

 

 

 

 

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

 

 

 

댓글

댓글 본문
작성자
비밀번호
  1. egoing
    ㅎㅎ 여기 있는 컨텐츠들은 결코 달달하지 않아요.
    그렇게 안보이실지도 모르지만,
    저는 아주 단호하게 홀로서실 것을 촉구하고 있답니다.
    최소한으로 공부하고,
    나머지는 스스로 검색하고 질문하고 추론하면서 찾아보시라는 메시지를 드리고 싶었어요. ^^
    대화보기
    • 명진
      WEBn 수업을 보면서 드는 유일한 근심은...
      나도 얼른 어른스럽게 고기도 뜯고, 돌덩이도 씹어삼키고 싶은데
      삼키기 좋게 씹어서 입에 넣어주시는 듯한 달달한 콘텐츠들 때문에
      쪼르르 여기로 달려와 편안하게 앉아 강의를 듣는다는 거에요ㅠㅠㅠ
      나중엔 식은죽만 말고,
      홍어삼합이나 두리안 같은 강의도 만들어주실거죱!?ㅎ
    • 최원효
      멋집니다~~! :) 화이팅!
    • 신지나
      진짜ㅋㅋㅋ비장한 브금이 기대감을 높여줍니다!!
    • sheis
      잘 봤습니다^^
    • yoll9979
      동영상이 굉장히 귀엽네요 >.<!! 열심히 해볼게요
    • 이수민
      차분하고 집중이 잘되네요 감사합니다 열심히할게요!
    • okayly@hotmail.com
      공부 잘할께요. 항상 고맙습니다.
    • 이서희
      열심히 해 보겠습니다!
    • 이민성
      열심히 해보겠읍니다...^^
    • 류스태
      사랑합니다 정말로 !!
    • 레이
      자유자재로 휘두르는 마법사!! 오늘은 일단 여기까지 ㅎ
    • egoing
      집중이 안될까봐 좀 걱정입니다. ^^
      대화보기
      • 안승
        우와 이제 영상에 bgm까지!!
      • egoing
        ㅋㅋㅋ 비장하죠?
        대화보기
        • moosekiss
          브금이 상당히 비장합니다 ㅋㅋ
          컨텐츠가 날로 멋잇어집니다.
        • egoing
          반영했습니다~
          대화보기
          • 카터리오
            첫번째로 완료! 그리고 오타 발견했습니다. "수업소개" 부분에 J에 대한 지식으로 오타가 난거 같네요.
          graphittie 자세히 보기