생활코딩

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. 29512
    920
  2. 김승현
    사용자와 상호작용 할수있다니 기대가 됩니다!!
  3. 여름꽃
    ♥ 2020/09/17
  4. 여름꽃
    ♥ 2020/09/17
  5. 지은
    2020.09.14 완료
  6. EM-IKEI
    2020-09-11 자바스크립트 시작
  7. 혜경
    자바스크립트를 다루고 있으나 체계적으로 기반을 다져보려고합니다. 저처럼 수업을 들으시는 모든분들이 완강하시고 좋은 지식을 채워 최고의 활용을 하시길 바랄게요.
    완벽한 기술을 멋지게 설명해주셔서 감사합니다.
  8. H-mechanic
    20.09.07
  9. wholeworldisblue
    20200907
  10. 말해뭐해
    자바스크립트 가즈아
  11. ckstmznf
    이제 시작입니다.
    그토록 배우고 싶었던 자바스크립트
    이때를 위해서 HTML,CSS를 배웠습니다.
  12. 허우룩
    2020.09.02
  13. 유재준
    시작입니다.
  14. 난지단지
    시작!!
  15. banaba
    자바 시작합니다! 동적인 기능이 뭐뭐 있을지 기대되네요,,
  16. chapter5447
    자바스크립트 시작!
  17. 자바스트립트를 전혀 모릅니다. 이제 하나하나 공부해봅니다.
  18. 예준
    8/22/2020 시작합니당
  19. andrew070124
    스따또
  20. 미나어라인
    언어의 자바스크립트, 클라이언트의 자바스크립트 그리고 WEB의 자바스크립트
    3개가 다른게 무엇인가요??
  21. 이정현
    2020. 8. 14 시작합니다!
  22. eggyolkbun
    2020.08.11 시작합니다 :)
  23. 정의진
    시작합니다!
  24. 2020.08.10 시작
  25. 장정민
    즐코즐코
  26. 따릉이덕후
    2020.08.03 완료
  27. Jay1025
    2020.08,03 완료
  28. 조아라
    2020.08.02
  29. bono039
    200802 시작!
  30. GoBack
    2020-07-29 javascript 시작
  31. 김지영
    2020/07/29 시작
  32. Gracias
    2020/7/26 시작
    2020/8/2 종강
  33. hwaaaaa
    2020.07.26 시작
  34. 포포
    2020.7.25 자바스크립트 시작
  35. iaseleven
    2020.7.23 시작
  36. 손바리뚜잇
    7/23 드디어 시작!! 이번엔 꼭 마스터하리
  37. 박형철
    2020.7.19 시작!
  38. 컴맹
    2020.7.19 시작
  39. 권영빈
    r
  40. 7/14 시작
  41. 7/13 시작!!
  42. 장대영
    드디어 자바스크립트!!!! 아즈아아아아아가즈아아아
  43. 바톤
    시작합니다! 2020.07.09 4:19PM
  44. 얍얍얍
    시작한다 짜식아 열심히해라
  45. dongmi95
    20.07.08완료
  46. Jinnie
    2020.07.07
    기대하던 자바스크립트!
    시작합니다 :)
  47. jjapaguri
    수업 시작 할 때 마다 그 브금 나와서 그냥 그 브금만 들으면 ㅈㄴ 기대됨
  48. sb4sun
    20200630 Javascript 시작
  49. simhae
    2020/6/27 javascript 입문 그리고 1달 정도 지난 절 보면서 계속하는 복습을 통하여 어렵지만 흥미롭습니다!
  50. 2020/06/25 다시한번 javasrcript에 도전시작
graphittie 자세히 보기