생활코딩

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