Chapter1HTML5,CSS3,자바스크립트의개요
Section01.HTML5,CSS3,JavaScript를알아보자!
Section02.HTML5,CSS3,JavaScript는다양한곳에쓰인다
(1)웹사이트작성
(2)사물인터넷구현
(3)게임작성
(4)인공지능프로그래밍
학습정리
Chapter2코드를작성하고실행하는개발환경설정
Section01.자바,톰캣,이클립스기반의웹개발환경
(1)JDK(JavaDevelopmentKit)다운로드,설치및환경변수설정
(2)웹컨테이너톰캣(Tomcat)다운로드,설치및환경변수설정
(3)통합개발환경이클립스(Eclipse)다운로드,설치및실행
(4)이클립스에서웹애플리케이션작성
Section02.클라우드기반의코드학습및테스트사이트를사용한웹프로그래밍
(1)w3schools.com
(2)jsbin.com
학습정리
Chapter3문서를구조화하는HTML
Section01.HTML개요및기본태그
(1)HTML개요
(2)HTML기본태그
Section02.HTML5문서구조및주요태그
(1)HTML5문서구조
(2)HTML5주요태그와속성
학습정리
Chapter4태그를표현하는CSS와AdvancedCSS(CSS3)
Section01.CSS개요및CSS기본사용법
(1)CSS개요
(2)CSS기본사용법
Section02.CSS의주요속성과값
(1)색상과배경(ColorsandBackgrounds)지정
(2)폰트(Fonts)지정
(3)텍스트(Text)지정
(4)테이블(Table)지정
(5)테두리(Border)지정
(6)박스모델(Boxmode)지정
(7)가시성(Visibility)과위치(Positioning)지정
Section03.미디어쿼리(MediaQuery)
(1)미디어쿼리의개요
(2)미디어쿼리사용방법
Section04.AdvancedCSS(CSS3)의추가기능
(1)AdvancedCSS개요
(2)테두리와배경:border-radius,box-shadow,background-image,background-size
(3)텍스트효과:text-shadow
(4)그래디언트:linear-gradient,radial-gradient
(5)트랜스폼:transform
(6)트랜지션:transition
(7)애니메이션:@keyframes,animation
(8)필터:filter
(9)이미지스타일:각종기능을사용한이미지표현
(10)웹폰트:@font-face
(11)다단:column-count,column-width
Section05.부트스트랩(Bootstrap)
(1)사용법과기본기능
(2)주요기능
학습정리
Chapter5동작을처리하는자바스크립트(JavaScript)와
제이쿼리(jQuery)라이브러리
Section01.자바스크립트의개요
(1)자바스크립트란?
(2)자바스크립트사용방법
(3)자바스크립트의문장구조
(4)데이터타입
(5)자바스크립트프로그래밍권고사항
Section02.제어문
(1)조건문
(2)반복문
(3)기타제어문
Section03.함수와객체
(1)함수개요와내장함수
(2)사용자정의함수
(3)클로저
(4)객체
Section04.제이쿼리를사용한태그제어와Ajax
(1)개요
(2)제이쿼리기본사용법
(3)HTML엘리먼트내용에접근하기
(4)제이쿼리이벤트처리
(5)제이쿼리Ajax
학습정리
Chapter6애니메이션을만드는캔버스(Canvas)
Section01.자바스크립트로Canvas제어
(1)HTML5캔버스의사용법
(2)캔버스제어하기
(3)도형,문자열,이미지그리기
Section02.캔버스를사용한애니메이션
(1)캔버스에서애니메이션을구현하는순서
(2)애니메이션제어
학습정리
Chapter7뭔가만들어보죠!(반응형웹사이트만들기)
Section01.프로젝트구조설계
(1)웹앱의구조도작성
(2)필요페이지명세서
Section02.프로젝트작성
(1)웹앱프로젝트작성및구조생성
(2)HTML5보일러플레이트를사용한반응형웹사이트템플릿사용
(3)필요페이지작성
Section03.실행및배포하기
(1)웹앱실행하기
(2)웹앱배포
학습정리