수업소개
이 수업은 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분의 재생시간으로 이루어진 수업입니다.
진도표
아래 야학사이트를 통해서 학습의 진행상황을 체크하고 다른 학우들을 만날 수 있습니다.
수업의 내용
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)
이 수업을 볼 수 있는 다른 방법
수업소식
아래 채널에 구독하시면 새로운 온/오프라인 수업이 있을 때 알려드립니다.
수업의 저작권 정책
이 수업은 CCL 라이선스 BY를 따르고 있습니다. 이 수업의 출처를 표시해주신다면 컨텐츠의 수정을 할 수 있고, 상업적인 용도로도 사용할 수 있습니다. 상업적인 용도로 사용하는 경우는 거래 관계가 없다는 것을 인지 가능하도록 표시해주셔야 합니다.
전기를 남겨주세요.
후기랑 비교해보면 재미있겠죠?
