Date Lecture Readings Logistics
Module 1: HTML
8/30 Week #1 :
웹프로그래밍 개요 / Introduction to Web Programming
- 01 웹 개발 시작하기, 프로그램 설치 / Start web development, program installation
- 02 웹 개발 환경 만들기 / Creating a web development environment
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 1-42

1주차 과제:
CodePen 가입
9/6 Week #2 :
HTML 개요 / Intro to HTML
- 03 HTML 기본 문서 만들기 / Creating HTML Basic Documents
- 04 웹 문서에 다양한 내용 입력하기 / Entering various contents into web documents
[ slides | notes ]

2주차 과제:
pp. 119-120
9/13까지 완성하세요.

9/13 Week #3 :
05 입력 양식 작성하기 / Fill out the input form
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 121-164

3주차 과제:
pp. 163-64
9/20까지 완성하세요.

Module 2: CSS
9/20 Week #4 :
CSS 개요 / Intro to CSS
- 06 CSS의 기본 / CSS Basics
- 07 텍스트를 표현하는 다양한 스타일 / Various styles to express text
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 165-236

4주차 과제:
pp. 233-36
9/27까지 완성하세요.

9/27 Week #5 :
08 레이아웃을 구성하는 CSS 박스 모델 / CSS box models that make up the layout
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 237-291

5주차 과제:
pp. 289-91
10/4까지 완성하세요.

10/4 Week #6 :
09 이미지와 그러데이션 효과로 배경 꾸미기 / Decorate the background with images and gradient effects
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 292-317

6주차 과제:
pp. 315-17
10/11까지 완성하세요.

10/11 Week #7 :
10 CSS 고급 선택자 / CSS Advanced Selectors
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 318-354

7주차 과제:
pp. 353-54
10/18까지 완성하세요.

10/18 Week #8 :
Midterm Test
[ slides | notes ]

온라인 퀴즈 (B)
실기 시험 (B)

10/25 Week #9 :
11 트랜지션과 애니메이션 / Transitions and animations
[ slides | notes ]
  • Do It! HTML + CSS + JS, pp. 355-387

중간고사 How To
9주차 과제:
pp. 386-87
11/1까지 완성하세요.

11/1 Week #10 :
12 반응형 웹과 미디어 쿼리 / Responsive web and media queries
[ slides | notes ]

10주차 과제:
pp. 434-436
11/8까지 완성하세요.

Module 3: JavaScript
11/8 Week #11 :
자바스크립트 개요 / Intro to Javascript
- 13 자바스크립트와 첫 만남 / First encounter with JavaScript
- 14 자바스크립트 기본 문법 / JavaScript Basic Syntax
[ slides | notes ]

CodePen: 11주차 실습
최종 프로젝트

11/15 Week #12 :
15 함수와 이벤트 / Functions and events
[ slides | notes ]

CodePen: 12주차 실습
최종 프로젝트

11/22 Week #13 :
16 자바스크립트와 객체 / JavaScript and Objects
[ slides | notes ]

CodePen: 13주차 실습
최종 프로젝트

11/29 Week #14 :
17 문서 객체 모델(DOM) / Document Object Model (DOM)
[ slides | notes ]

CodePen: 14주차 실습
최종 프로젝트

12/6 Week #15 :
NO SCHOOL
최종 프로젝트 + 기말고사 준비
[ slides | notes ]

최종 프로젝트

12/13 Week #16 :
기말고사 / Final Test
[ slides | notes ]

12/18 Week #17 :
최종 프로젝트 제출 / Submit Final Project
[ slides | notes ]

최종 프로젝트 제출 링크
제출 방법 영상 (12.16일에 공유할게요)

12/22 성적 / Final Grades