생활코딩

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. 감사합니다
    감사합니다.열심히 볼게요!!!!!
  4. 돼지천재
    감사합니다.
  5. Jeans Jinpil Kim
    잘 공부해보겠습니다~
  6. 김주현
    항상 감사하고 있습니다
    프린트는 따로 없을까요 보충 프린트가 있으면 좋을거 같은데...
  7. dogFoot
    web1 정주행했습니다.. 디벨로퍼를 향한 첫걸음 내딛습니다
  8. leesj020925@naver.com
    20181028 마음을 다잡고 시작합니다!
  9. 일단시작하고본다
    10/25 시작합니다.
  10. 키보드치는남자
    10/22 시작합니다!!
  11. TidySylveon
    오늘은 무엇을 배우러 갈까요? 이 사이트에 들어올때마다 항상 너무 설레요..
  12. 내일은프로그래머
    지루하던 일상이 하루하루 두근거리고 있습니다. 새로운 두근거림과 마주하는 하루네요^^
  13. 도프
    정말 재미있게 따라가고 있습니당 ㅎㅎ
  14. 신예진
    웹마스터가 되어보자!
  15. 뿡대장
    또 다시 졸음과의 싸움을 시작하려합니다.
  16. 유미선
    기대됩니다~~!
  17. icdoit
    시작!!
  18. 똘갱이
    추울발~
  19. 울산박격포
    가르침에있어서, 배움에 있어서 정말 이상적인것 같아요. 감사합니다.
  20. 임정근
    시작할게요
  21. 너무 감사드림요
    저도 앞으로 열심히 하도록 할게요! 좋은 강의 감사합니다! 비전공자로서 댓글을 안달고 갈 수가 없겠네요ㅎㅎㅎㅎ
  22. COOLADE
    시작이용
  23. konslie
    시작합니다
  24. 기대됩니다 ㅎㅎ
  25. 멋진 인트로입니다!
  26. 정말 무엇을 배우고 어떤것을 할 수 있을지 스스로 궁금 합니다.
  27. 이 수업하고 클라이언트에 있는 자바스크립트 둘 다 들어도 되는건가요?? jsp 나 spring 도 배우려는데.. 이거로도 충분한가요?
  28. 웹스터디
    WEB2 - JavaScript 시작
  29. yjmksh777@naver.com
    감사합니다
  30. stevengj
    HTML 이후 여기로 들어왔습니다. 이런 훌륭하고 좋은 강의를 나눔해주셔서 진심으로 감사드립니다.
    비전공자인 저같은 사람에게는 사막에서의 단비 그 이상입니다. 앞으로도 열심히 배우고 기여하겠습니다.
  31. 청형
    web1 html/internet 수업듣고 바로 넘어왓습니다. 감사합니당
  32. 춘천이
    열심히 하겠습니다
  33. 조이앤데이
    java script 를 공부하고난 이후가 기대됩니다,
  34. 유앤미블루
    감사합니다1!
  35. kissandlove
    두근두근 웹2 시작입니다! 좋은 수업을 만들어 주셔서 감사합니다. 잘 배워서 잘 쓰이도록 하겠습니다~
  36. 으앗..막상 코딩으로 무엇을 만들려니 너무 어렵네요ㅠㅠ 자바스크립트 빠르게 끝내고 싶습니다!
  37. SUMMERSKY
    180710 수업내용 기록할 JavaScript 수업노트.html 만들어봅니다~~ 감사합니다.
  38. 최소로 배워 최대로 활용하겠습니다
  39. 승현아빠
    2018년6월29일 시작합니다.
    37개의 동영상에서 최대한 많은 것을 배우고 익히겠습니다.
  40. 김대성
    드뎌 js로 가는구나.. 기대만땅
  41. beam1100@naver.com
    이고잉님 당신의 선한 영향력에 하트쿵했습니다.
  42. 연양갱
    WEB1-html, internet 마치고 WEB2로 넘어왔습니다^^ 사용자와 상호작용하는 마법사의 길 시작합니다!!^^
  43. 드디어 자바스크립트네요! 빨리 원하는 웹페이지를 만들고 싶어요
  44. Crobbit Lucy
    html css로 사이트 만들기 실습과 함께 JavaScript 공부 시작합니다~!
    너무 너무 재미있어요 ㅎㅎ
  45. 김라식
    아니 진짜 영상 초반에 bgm 나오면서 " 자 지금부터 웹2 자바스크립트 수업을 시작하겠습니다 "
    이때 왜이렇게 설레는 것이지요;;
  46. 바코드
    시작
  47. 스페이스몽키
    감사합니다~!
  48. 김걸
    노력이 대단하십니다. 많이 배우겠습니다.^^
  49. 설렁탕
    완료
  50. Yesugei
    웹1 이후 자바스크립트로 넘어갑니다!
graphittie 자세히 보기