생활코딩

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. 검정개
    2021.09.17완료!
  2. 안제경
    2021.09.17
  3. 재현
    9월 10일 완료
  4. 호안오빠
    감사합니다.
  5. GeekCode
    2021.9.7. 시작합니다!
  6. 효짱
    2021. 9. 5. 시작!
  7. 이나크로
    20210824
  8. 권정현
    .
  9. 에미넴의해골
    공부 시작 하겠습니다!!!!!!!
    8/17
  10. vender
    21.08.16
  11. hwangwonjoon
    2021.08.12 수강완료
  12. 봉봉
    8/10 시작
  13. dlwnel159
    8.7 수강 완료
  14. 고고!!
  15. 2021.08.06
  16. 이마누
    완료
  17. 2021.08.04 : java script
  18. 최세미
    2021 07 31
  19. 안준모
    2021 07 30 start
  20. 조유빈
    오왕 야간모드도 자바스크립트로 만드는거군여! 시작합니당~~~~
  21. 2021.07.22 - 2021.07.24
  22. 완료
  23. 김태영
    2021.7.20 시작
  24. 2021.7.19 시작
  25. SeoulBoy0827
    응용의 물결에서 배움의 한계를 느껴 드디어 다음단계로 나아갑니다! 벌써부터 기대되네용
  26. 도햐
    07/15/21 출발!
  27. 고영히
    210713 시작
  28. 헤메는소
    2021.07.08시작
  29. 애리포터
    2021.07.06 시작
  30. 코없는코끼리
    2021. 07.02 시작
  31. Jeonghee Gwon
    2021.07.01 시작
  32. dream.developer
    인터렉션 시작!
  33. 최세미
    2021 06 19
  34. Rikki Lee
    2021. 06. 18. 시작
  35. 킴뿜췬
    2021.6.17 오후 8:07분 시작!!
  36. 김휘철
    처음공부하는데 많은 도움주셔서 감사합니다!
  37. 장성윤
    2021.05.24 시작!!!!!!!
  38. RedMaple
    21.05.22
  39. 호쪼리
    210520
  40. 210519
    진짜 컴언어 공부 시작!
  41. super1Nova
    210518
  42. 코린이
    2021.5.15
  43. 2021.05.11 완료
  44. 진환
    20210503 시작
  45. 샤인
    20210430시작
  46. 별거
    2021.04.22 자바스크립트가 '상호작용' 이라고 이전 수업에서 몇번 들었던 것 같습니다. 이제 그 상호작용을 시작한다고 하니, 기분이 좋습니다. 예제 자료를 들어가 보니, night/day 버튼이 있었습니다. 제 사이트도 그렇게 되겠죠?
  47. 이게 제일 쉬운 수업이라고 해서 여기로 왔습니다~!!!
  48. 법사로 전직 ㄱ
  49. 멜론머스크
    201407 두근두근
  50. midori
    시작합니다 감사합니다
graphittie 자세히 보기