Go to login Go to sub menu Go to text

Course summary

  • Type MOOC course
  • Period Always open
  • Learning Time Study freely
  • Course approval method Automatic approval
  • Certificate Issue Online
Copy URL BAND Facebook Twitter
http://www.edwith.org/webprogramming
둘러보기
Thumb up 137 Learner 1655

문제해결을 통한 웹프로그래밍 입문

김경민 부산대학교

Instructor Introduction

  •
    김경민

    부산대학교 소프트웨어교육센터 강의전담교수

Lecture plan

강의목록
  1. CHAPTER 1
    1. 1-1. HTML 태그 알아보기
    1. 1-2. 해결문제: HTML 기본 태그를 이용한 자유소프트웨어 설명 페이지 작성
    1. 1-3. 응용문제: 자기 소개 페이지 작성
  2. CHAPTER 2. HTML 시멘틱 태그
    1. 2-1. HTML 시멘틱 태그 알아보기
    1. 2-2. 해결문제: HTML 시멘틱 태그를 이용한 시맨틱 태그 설명 페이지 작성
    1. 2-3. 응용문제: HTML 시멘틱 태그를 이용한 자기 소개 페이지 작성
  3. CHAPTER 3. CSS 개요
    1. 3-1. CSS 기본 사용법과 셀렉터 알아보기
    1. 3-2. 해결문제: CSS를 적용하여 시멘틱 태그 설명 페이지 수정
    1. 3-3. 응용문제: CSS를 적용하여 자기 소개 페이지 수정
  4. CHAPTER 4. DOM과 셀렉터 조합하기
    1. 4-1. DOM 개념을 익히고 셀렉터를 조합하여 접근하기
    1. 4-2. 해결문제: 셀렉터를 조합하여 CSS를 변경한 시맨틱 태그 설명 페이지 수정
    1. 4-3. 응용문제: 셀렉터를 조합하여 CSS를 변경한 자기 소개 페이지 수정
  5. CHAPTER 5. HTML FORM 태그
    1. 5-1. HTML FORM 태그를 이용하여 사용자 입력 받기
    1. 5-2. 해결문제: HTML FORM 태그를 이용하여 개인 관심분야 페이지 작성
    1. 5-3. 응용문제: HTML FORM 태그를 이용하여 신청서 페이지 작성
  6. CHAPTER 6. 자바스크립트
    1. 6-1. 자바스크립트 기본 사용법 알아보기
    1. 6-2. 해결문제: 개인 관심분야 페이지를 자바스크립트를 이용하여 입력 정보 출력하기
    1. 6-3. 응용문제: 신청서 페이지를 자바스크립트를 이용하여 입력 정보 출력하기
  7. CHAPTER 7. 자바스크립트 조건문
    1. 7-1. 자바스크립트 조건문을 사용하여 DOM 변경
    1. 7-2. 해결문제: 간단한 계산기 프로그램 작성
    1. 7-3. 응용문제: 윈도우 계산기 프로그램 응용하기
  8. CHAPTER 8. 자바스크립트 반복문
    1. 8-1. 자바스크립트 반복문을 사용하여 DOM 변경
    1. 8-2. 해결문제: 구구단 학습기 만들기
    1. 8-3. 응용문제: 랜덤 카드 만들기
  9. CHAPTER 9. jQuery1
    1. 9-1. jQuery를 이용하여 이벤트 처리
    1. 9-2. 해결문제: 검색 페이지를 선택하고 해당 페이지로 이동하는 페이지 작성
    1. 9-3. 응용문제: 랜덤 카드를 만들고 짝/홀 카드 구분하기
  10. CHAPTER 10. jQuery2
    1. 10-1. 전역변수와 지역변수의 개념 익히기
    1. 10-2. 해결문제: 주사위 게임 만들기
    1. 10-3. 응용문제: 가위바위보 게임 만들기
  11. CHAPTER 11. jQuery3
    1. 11-1. 배열의 개념 익히기
    1. 11-2. 해결문제: 폭탄 게임 만들기
    1. 11-3. 응용문제: 랜덤 수식 만들기
  12. CHAPTER 12. jQuery4
    1. 12-1. AJAX 통신을 이용하여 공공데이터 가져오기
    1. 12-2. 해결문제: 영화진흥위원회 공공API를 사용하여 최신 영화 순위페이지 만들기
    1. 12-3. 응용문제: 영화진흥위원회 공공API를 사용하여 최신 영화 상세 보기 페이지 만들기

Tag

#CSS #HTML #Javascript #jQuery #문제해결 #웹프로그래밍