웹프로그래밍 강의

한세대학교 웹프로그래밍 강의 자료

0
수강생
0
프로젝트
0
수업시간

강의 개요

대상

기본적인 프로그래밍 지식을 가진 1학년 대학생 (복습 포함)

목표

HTML, CSS, JavaScript를 사용하여 정적 및 동적 웹 페이지를 제작하고, 프로젝트 기반 학습 경험을 제공

기간

15주 과정으로 체계적인 웹 개발 학습

평가 방법

20%

출석

주간 참여도 및 수업 중 실습

20%

중간고사

프로젝트 제안서 + HTML/CSS 프로토타입 (8주차 제출)

60%

기말고사

완성된 웹 프로젝트 제출 및 발표 (13주차부터)

사용 도구

웹 브라우저

Chrome, Firefox, Safari 등 최신 브라우저

VS Code

GitHub Copilot 확장 프로그램 포함

GitHub

버전 관리 및 프로젝트 배포

📚 추천 학습 자료

웹 개발 학습에 도움이 되는 필수 참고 웹사이트들입니다. 강의와 함께 활용하여 더 깊이 있는 학습을 진행하세요.

💡

W3Schools

w3schools.com

초보자 친화적인 웹 기술 튜토리얼과 예제 코드를 제공합니다.

초보자 예제
바로가기
🎨

CSS-Tricks

css-tricks.com

CSS의 고급 기법과 최신 트렌드를 다루는 전문 블로그입니다.

CSS 고급
바로가기
📝

생활코딩

opentutorials.org

한국어로 된 친절한 프로그래밍 강의. 웹 개발 입문에 최적화되어 있습니다.

한국어 입문
바로가기
💻

CodePen

codepen.io

HTML, CSS, JS 코드를 실시간으로 실행하고 공유할 수 있는 온라인 에디터입니다.

실습 공유
바로가기

💡 활용 팁

  • MDN Web Docs는 정확한 문법과 브라우저 지원 현황을 확인할 때 사용하세요
  • freeCodeCamp의 실습 과제를 통해 배운 내용을 복습하세요
  • CodePen에서 작은 실험을 해보며 창의적인 아이디어를 테스트해보세요
  • 막힐 때는 Stack Overflow에서 비슷한 문제 해결 사례를 찾아보세요

15주차 커리큘럼

주차
주제
내용
1주차
웹프로그래밍 & 역사
웹 기초 이해 및 발전 과정
2주차
HTML 시맨틱
의미있는 HTML 구조 설계
3주차
CSS 기초
기본 스타일링 적용
4주차
CSS 레이아웃
레이아웃 설계
5주차
고급 CSS
고급 스타일링 구현
6주차
JavaScript 기초
프로그래밍 기초 학습
7주차
JavaScript 이벤트
사용자 상호작용 처리
8주차
중간고사 - 프로젝트 제안
최종 프로젝트 준비
9주차
고급 JavaScript DOM
동적 페이지 구축
10주차
JavaScript 배열 & 객체
데이터 관리
11주차
JavaScript 비동기
비동기 데이터 처리
12주차
JavaScript 애플리케이션
프로젝트 준비를 위한 기술 적용
13주차
프로젝트 개발 1
프로젝트 구현 시작
14주차
프로젝트 개발 2
동적 기능 구현
15주차
기말고사 & 마무리
평가 및 정리