생활코딩

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. 임찬혁
    새로운 시작!
  2. 블랑
    윅스에 새로운 자바스크립트를 넣고 싶어서 여기까지 오게 되었어요!
  3. Yohanesty
    출석
  4. 선린 이원석
    2021/01/20
  5. ChoEunTae
    2021.01.17
  6. buhih
    2021.01.16
  7. chimhyangmoo
    2021.01.14
  8. 걸어가는신사
    2021.01.11
  9. younghwani
    시작~
  10. DKZKXH
    지금부터 차근차근
  11. 지현
    6일차 드디어 JAVA 시작! 꾸준히만 계속하면 못할 일이 없다!
  12. 김상현
    2021.01.09
  13. T.Hwang
    완료~
  14. jeisyoon
    감사합니다.
  15. salmonseon
    Complete!
  16. 이현수
    2021.01.07(목)
  17. 코딩이뭔데
    web2-python 수업준비하기(리눅스,윈도우) 설치하다 포기하고 이쪽으로 왔네요.. 우선 완강하겠습니다.
  18. steelheart
    2020.12.29 자바스크립트의 세계로 고!
  19. 서울사이버대학을다니고
    준비됬습니다
  20. Sung San Kim
    고고
  21. 고니스타크
    6일차
    언어에있는 자바스크립트를 보고 있는데,지식의지도에도 자바스크립트가 있네요. 뭐가 같고 뭐가 다른지 진행해볼게요
  22. 남도산
    나 남도산 또 하나의 산을 향해 간다.
  23. 샴파뉴
    2020.12.27
  24. comsam4u
    유튜브에서 JavaScript 완강하고 왔습니다.
    전체를 아우르는 강의....정말 최고입니다.
  25. 생활둘기
    2020 12 18
  26. 호놀률류
    일단 큰숲을 봐야 하기에 html,css 학습후
    자바 스크립시작.
  27. 조성호
    2020.12.12 완료
    소중한시간 감사합니다.
  28. milati
    파이팅!
  29. 너무 복습들을 안한채 진도만 나가고 있지만
    공부의 양과 질을 선택해야 하는 시점이기에 양을 늘려보고 싶다
  30. QuantBhin
    2020-12-01 화요일
    HTML, CSS 모두 끝내고 JavaScript도 시작해 봅니다
  31. 20201129
  32. 제임스정
    후기의 성취감을 기대하며...
  33. 민하현
    한번 시작해 보렵니다 진짜 지긋지긋하게 이해안되는 이놈의 자바스크립트ㅠㅠ
  34. 이동훈
    비전공자, 은퇴를 앞두고 제2의 인생을 위해 시작합니다.
  35. 말로만 듣던 자바스크립트 공부 시작! 기대됩니다^^
  36. 최강훈
    2020년11월 여기서 HTML 과 CSS 를 공부하기 시작하였습니다. 자바스크립트도 시작합니다.
  37. 2020년 8월, 코딩이 코디네이터가 하는일이냐 할만큼 무지했던 비전공자, 문과출신, 영포자, 직장맘으로써 처음 이곳에서 공부를 시작했습니다. 무작정 따라하라는 코딩책을 사서는 아무것도 모른채 그저 쓰여진 코드를 따라쓰고, 그러면서도 코드들을 보고 무슨의민데? 왜쓰는데? 왜그렇게 해야하는데?! 라는 의미없는 질문을 던지며 머리를 싸매고 있었는데, 지금은 너무너무 재밌습니다. 애재우고 이시간까지 공부하고 있을정도로요! 이 유익하고 짧은 영상 하나를 보기위해 치열한 하루를 보내고 일주일에 한개 두개 볼까말까하며 여기까지 왔지만 너무 재밌고 흥분됩니다. 공부한 것을 쓰지않으면 뇌가 공부를 하지않으려 한다는 지난말씀에 깨달음의 탄성을 질렀어요. 항상 저는 새로운걸 배우는게 너무 좋지만 이번만큼 흥분되고 좋았던 적은 별로 없었던 것같아요. 생전처음본 코드를 내가 쓰고 화면을 구성하고 조건하나에 확 확 변하는 웹페이지를 바로바로 확인하며, 제 뇌가 즐거워서 춤을 추고있나봐요.. 육아에 치이고 일에 치여서, 내가 하고싶은 일을 하고싶다는 열망에 잡혀서, 우울했던 날들을 구원해주신 생활코딩님께 정말정말 너무나 감사드립니다. 완주해서 의미있는 큰배움이되었으면 좋겠습니다.
  38. hKa2020
    html - 정보를 일방적으로 제공한다 (일방통행)
    JavaScript - 사용자로부터 정보를 받고, 필요한 정보를 제공한다 (쌍방통행) 이를 기회로 일반적인 사용자들이 단순한 사용자를 넘어 적극적인 정보의 소비자로 새로 태어나는 순간이군요.
  39. 돌돌시레
    시작합니다
  40. 훼리
    2020/11/02
    HTML,CSS랑 또 어떻게 달라질지 궁금하고 기대된다!
  41. 2020.11.02.MON.
  42. 조윤구
    10 27 go
  43. 마법사라니 기대돼요
  44. 바부대지
    2020.10.23 시작
  45. 웹짱
    2020.10.21 시작
  46. 다다파파
    201021 시작
  47. 라온
    20201020 시작
  48. 1stclasscitizen
    2020.10.19
  49. 윤슬
    20201017 시작
  50. susufana
    20201014 1952
graphittie 자세히 보기