생활코딩

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를 따르고 있습니다. 이 수업의 출처를 표시해주신다면 컨텐츠의 수정을 할 수 있고, 상업적인 용도로도 사용할 수 있습니다. 상업적인 용도로 사용하는 경우는 거래 관계가 없다는 것을 인지 가능하도록 표시해주셔야 합니다. 

 

 

 

 

 

 

GIT 강의가 책으로도 나왔습니다.

수업이 책으로도 나왔습니다. 책을 구입하시면 인세가 비영리 단체 오픈튜토리얼스에 후원금으로 사용됩니다.
(교보, 알라딘, yes24, ebook)

 

전기를 남겨주세요.
후기랑 비교해보면 재미있겠죠?  

 

 

 

댓글

댓글 본문
  1. yeeun4155
    완료
  2. 2024.07.11 시작합니다
  3. 김진현
    2024.06.30 완료!
  4. nathan
    2024. 05. 24 시작!
  5. 승연짱짱123
    24. 5. 22. 시작한다!!!! 우하하핫
  6. 후리후리
    2024-05-10
  7. 이사야
    2024-05-07 시작!
  8. 야생의코린이
    2024-05-05 시작!
  9. 풍뎅이
    감사합니다!!
  10. 헬로키팅
    2024.02.20
  11. jaydenyoon
    24.2.19-JavaScript1
  12. 김현지
    2024.2.18
  13. 안제경
    2024.02.17
  14. 레나
    2024.02.05 자바스크립트 시작!!!
  15. 리치리치
    우왕 마술사가 된다니!
  16. 23.12.14 자바스크립트 시작합니다
  17. 코딩박
    2023.11.17 자바스크립트 본격적으로 시작
  18. 2023.11.13 자바스크립트 본격적으로 시작 내 자신 화이팅!!!
  19. 므갱이
    2023.11.12 자바스크립트 시작.
  20. nicktheman
    2023.10.30
    CSS 수업듣다가 반응형 웹이 더 궁금해서 먼저 왔습니다.
  21. ngyeon
    글로된 수업은 어디서 구할 수 있나요?
  22. 30늦은나이아니라고해줘
    끝까지 하려고 합니다 화내지마세여 2023-08-24
  23. 30늦은나이아니라고해줘
    끝까지 하려고 합니다 화내지마세여 2023-08-24
    대화보기
    • 신예똥
      제발 끝까지좀해 08.04.
    • 제로미
      회사에서 사용하는 소프트웨어의 API를 웹사이트에 표시하고 상호작용 하는 방법을 이해하고자 시작하였습니다. 고고씽!
    • 코딩두
      23.07.08 완료
    • 말하는감자
      시작합니다
    • dawntea
      23.5.30
    • 코코
      23.05.30
    • 신기한일상
      23.05.30 가보자
    • 23.05.20
    • 파시
      23.5.18
    • dorerilla
      자바 스크립트 뿌시겠습니다 크앙
    • leeonel
      230406 다시 시작합니다
    • NEON
      230329
    • Lee Martin
      안녕하세요. 수업 진짜 잘 듣고 있습니다. 다만, 마지막에 라이브러리 및 프레임워크를 사용해서 NIGHT/DAY 코딩을 했고 선생님과 똑같이 했는데.. DAY로 변경했을 때 배경이 하얗고 TEXT도 하얗게 됩니다... 문제점을 찾아봐도 모르겠어요 ㅎㅎㅎ
    • otcace
      23.03.15
    • 코딩척척석사
      2023.03.09
    • webby
      2023.03.02
    • 왜곡
      2023.03.01
    • otcace
      23.02.27
    • 고원규
      2023.02.19 start
    • kej08
      2023.02.15 시작
    • Kimtia
      2023년2월 12일 시작합니당
    • 열공강아지
      2/8
    • 김영길
      이제 자바에 왔네요
    • 태봉이
      20230206
    • BBIYA
      2023.01.25
    • 푸른초
      2023.01.14. 시작
    • 산청
      2023.01.05 시작
    graphittie 자세히 보기