| 8/30 |
Week주차 2
웹프로그래밍 개요 / Introduction to Web Programming - 01 웹 개발 시작하기, 프로그램 설치 / Start web development, program installation - 02 웹 개발 환경 만들기 / Creating a web development environment 웹프로그래밍 개요 / Introduction to Web Programming - 01 웹 개발 시작하기, 프로그램 설치 / Start web development, program installation - 02 웹 개발 환경 만들기 / Creating a web development environment 📖 Do It! HTML + CSS + JS, pp. 1-42 | 1주차 과제: CodePen 가입
| |
| 9/6 |
Week주차 3
HTML 개요 / Intro to HTML - 03 HTML 기본 문서 만들기 / Creating HTML Basic Documents - 04 웹 문서에 다양한 내용 입력하기 / Entering various contents into web documents HTML 개요 / Intro to HTML - 03 HTML 기본 문서 만들기 / Creating HTML Basic Documents - 04 웹 문서에 다양한 내용 입력하기 / Entering various contents into web documents | 2주차 과제: pp. 119-120
| |
| 9/13 |
Week주차 4
05 입력 양식 작성하기 / Fill out the input form
05 입력 양식 작성하기 / Fill out the input form
📖 Do It! HTML + CSS + JS, pp. 121-164 | 3주차 과제: pp. 163-64
| |
| 9/20 |
Week주차 6
CSS 개요 / Intro to CSS - 06 CSS의 기본 / CSS Basics - 07 텍스트를 표현하는 다양한 스타일 / Various styles to express text CSS 개요 / Intro to CSS - 06 CSS의 기본 / CSS Basics - 07 텍스트를 표현하는 다양한 스타일 / Various styles to express text 📖 Do It! HTML + CSS + JS, pp. 165-236 | 4주차 과제: pp. 233-36
| |
| 9/27 |
Week주차 7
08 레이아웃을 구성하는 CSS 박스 모델 / CSS box models that make up the layout
08 레이아웃을 구성하는 CSS 박스 모델 / CSS box models that make up the layout
📖 Do It! HTML + CSS + JS, pp. 237-291 | 5주차 과제: pp. 289-91
| |
| 10/4 |
Week주차 8
09 이미지와 그러데이션 효과로 배경 꾸미기 / Decorate the background with images and gradient effects
09 이미지와 그러데이션 효과로 배경 꾸미기 / Decorate the background with images and gradient effects
📖 Do It! HTML + CSS + JS, pp. 292-317 | 6주차 과제: pp. 315-17
| |
| 10/11 |
Week주차 9
10 CSS 고급 선택자 / CSS Advanced Selectors
10 CSS 고급 선택자 / CSS Advanced Selectors
📖 Do It! HTML + CSS + JS, pp. 318-354 | 7주차 과제: pp. 353-54
| |
| 10/18📝 Exam시험 |
Midterm Test
Midterm Test
| ||
| 10/25 |
Week주차 10
11 트랜지션과 애니메이션 / Transitions and animations
11 트랜지션과 애니메이션 / Transitions and animations
📖 Do It! HTML + CSS + JS, pp. 355-387 | 중간고사 How To 9주차 과제: pp. 386-87 | |
| 11/1 |
Week주차 11
12 반응형 웹과 미디어 쿼리 / Responsive web and media queries
12 반응형 웹과 미디어 쿼리 / Responsive web and media queries
| 10주차 과제: pp. 434-436
| |
| 11/8 |
Week주차 13
자바스크립트 개요 / Intro to Javascript - 13 자바스크립트와 첫 만남 / First encounter with JavaScript - 14 자바스크립트 기본 문법 / JavaScript Basic Syntax 자바스크립트 개요 / Intro to Javascript - 13 자바스크립트와 첫 만남 / First encounter with JavaScript - 14 자바스크립트 기본 문법 / JavaScript Basic Syntax | CodePen: 11주차 실습 최종 프로젝트 안내 | |
| 11/15 |
Week주차 14
15 함수와 이벤트 / Functions and events
15 함수와 이벤트 / Functions and events
| CodePen: 12주차 실습 / 최종 프로젝트
| |
| 11/22 |
Week주차 15
16 자바스크립트와 객체 / JavaScript and Objects
16 자바스크립트와 객체 / JavaScript and Objects
| CodePen: 13주차 실습 / 최종 프로젝트
| |
| 11/29 |
Week주차 16
17 문서 객체 모델(DOM) / Document Object Model (DOM)
17 문서 객체 모델(DOM) / Document Object Model (DOM)
| CodePen: 14주차 실습 / 최종 프로젝트
| |
| 12/6 |
Week주차 17
NO SCHOOL — 최종 프로젝트 + 기말고사 준비
NO SCHOOL — 최종 프로젝트 + 기말고사 준비
| ||
| 12/13📝 Exam시험 |
Final Test
Final Test
| ||
| 12/18📝 Exam시험 |
최종 프로젝트 제출 / Submit Final Project
최종 프로젝트 제출 / Submit Final Project
| ||
| 12/22📝 Exam시험 |
Final Grades
Final Grades
| ||
- HTML/CSS basics; introductory programming HTML/CSS 기초; 프로그래밍 입문
HTML, CSS, JavaScript의 기본 문법과 웹 표준을 학습합니다. 모듈 1(HTML 구조), 모듈 2(CSS 스타일·레이아웃·반응형), 모듈 3(자바스크립트·DOM)으로 구성되며, 매 주차 실습 과제와 최종 프로젝트를 통해 완성도 있는 웹 페이지를 제작합니다.
This course covers HTML structure, CSS styling and layout, and JavaScript fundamentals — progressing through three modules with weekly practice assignments and a final project.
-
-
HTML & CSS 웹사이트 개...
-
자바스크립트 & 제이쿼리
Aaron Snowberger earned his Ph.D. in Information and Communications Engineering from Hanbat National University in South Korea in 2023. He also holds degrees in Computer Science and Media Design. He has taught technology courses for over 8 years, English for over 15 years, and has freelanced as a web developer and magazine designer for over 5 years. His current research interests include computer vision, natural language processing, image processing, signal processing, and machine learning.
Aaron Snowberger는 2023년 한국 한밭대학교에서 정보통신공학 박사 학위를 취득했습니다. 그는 또한 컴퓨터 과학 및 미디어 디자인 학위를 취득했습니다. 그는 8년 이상 기술 과정을 가르쳤고, 15년 이상 영어를 가르쳤으며, 5년 이상 웹 개발자 및 잡지 디자이너로 프리랜서로 일했습니다. 현재 연구 관심사는 컴퓨터 비전, 자연어 처리, 영상 처리, 신호 처리, 기계 학습입니다.