[1부] HTML 편

1. 수업 소개
2. 프로젝트의 동기
3. 기획
4. 코딩과 HTML
5. HTML 코딩과 실습 환경 준비
6. 기본 문법과 태그
7. 혁명적인 변화
8. 통계에 기반한 학습
9. 줄바꿈: 〈br〉 vs. 〈p〉
10. HTML이 중요한 이유
11. 최후의 문법 속성과 〈img〉 태그
12. 부모 자식과 목록
13. 문서의 구조와 슈퍼스타들
14. HTML 태그의 제왕
15. 웹 사이트 완성
16. 원시 웹
17. 인터넷을 여는 열쇠: 서버와 클라이언트
18. 웹 호스팅: 깃허브 페이지
19. 웹 서버 운영하기
20. 수업을 마치며 1/3
21. 수업을 마치며 2/3
22. 수업을 마치며 3/3
23 부록: 코드의 힘
__23.1 부록: 코드의 힘 _ 동영상 삽입
__23.2 부록: 코드의 힘 _ 댓글 기능 추가
__23.3 부록: 코드의 힘 _ 채팅 기능 추가
__23.4 부록: 코드의 힘 _ 방문자 분석기

[2부] CSS 편

1. 수업 소개
2. CSS가 등장하기 전의 상황
3. CSS의 등장
4. CSS의 기본 문법
5. 혁명적 변화
6. CSS 속성을 스스로 알아내기
7. CSS 선택자의 기본
8. 박스 모델
9. 박스 모델 써먹기
10. 그리드 소개
11. 그리드 써먹기
12. 미디어 쿼리 소개
13. 미디어 쿼리 써먹기
14. CSS 코드의 재사용
15. 수업을 마치며

[3부] 자바스크립트 편

1. 수업 소개
2. 수업의 목적
3. HTML과 JS의 만남: 〈script〉 태그
4. HTML과 JS의 만남: 이벤트
5. HTML과 JS의 만남: 콘솔
6. 데이터 타입 - 문자열과 숫자
7. 변수와 대입 연산자
8. 웹 브라우저 제어
9. CSS 기초: style 속성
10. CSS 기초: 〈style〉 태그
11. CSS 기초: 선택자
12. 제어할 태그 선택하기
13. 프로그램, 프로그래밍, 프로그래머
14. 조건문 예고
15. 비교 연산자와 불리언
16. 조건문
17. 조건문의 활용
18. 중복의 제거를 위한 리팩터링
19. 반복문 예고
20. 배열
21. 반복문
22. 배열과 반복문
23. 배열과 반복문의 활용
24. 함수 예고
25. 함수
26. 매개변수와 인자
27. 함수(return 문)
28. 함수의 활용
29. 객체 예고
30. 객체 쓰기와 읽기
31. 객체와 반복문
32. 객체 프로퍼티와 메서드
33. 객체의 활용
34. 파일로 쪼개서 정리 정돈하기
35. 라이브러리와 프레임워크
36. UI vs. API
37. 수업을 마치며