쉽게 배우는 HTML5 & CSS3 그리고 JavaScript (제2판)

김은옥

현재프로브미디어대표로국가인재개발원,서울시인재개발원,한국지역정보개발원등의주요공무원교육원에서빅데이터분석,인공지능,파이썬,Java및JSP프로그래밍강사로활동하고있습니다.주요저서로는<기초부터활용까지실전으로배우는Ajax웹프로그래밍>,<막힘없이배우는JavaProgramming>,,,<고등학교교과서(모바일콘텐츠,웹프로그래밍)>,<안드로이드프로그래밍>,등이있습니다.

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)웹앱배포
학습정리

HTML5초보자도단시간에HTML5프로그래머로!!!

이책은HTML초보자가처음부터차근차근학습하는것을목적으로합니다.주요기본인HTML태그의사용법부터HTML5의주요한태그를상세히학습하고,CSS의기본작성법부터다양한CSS3의사용예시및사용법그리고CSS라이브러리부트스트랩을다룹니다.자바스크립트기본문법과함수형자바스크립트,그리고자바스크립트라이브러리jQuery의기본문법,Ajax요청,캔버스제어등도쉬운예제부터고급예제까지차근차근학습하면서익힙니다.마지막으로보일러플레이트를사용해서반응형웹사이트의템플릿을얻어내서쉽게만드는방법을예제를통해배웁니다.

-준비단계가확실합니다.:HTML5초보자가익힐필수기능탑재

HTML5프로그래밍작성에필요한JDK나톰캣(Tomcat),이클립스등프로그램의다운로드방법,설치방법등을자세히알려줍니다.버전이업그레이드되면해당사이트의화면구성이나다운로드과정도바뀌게됩니다.이책은어떤버전이든손쉽게사용할수있도록다운로드과정과설치과정을먼저보여줍니다.

-개념과예제가확실합니다.:쉬운예제부터고급예제까지

웹사이트를만든다는것은단순히지식을늘리는것이아니라사용되는여러가지객체와태그,이에관련된CSS3,jQuery등핵심개념을확실하게이해하고적용한다는것입니다.이책은프로그래머가의도한대로결과를얻을수있도록웹사이트작성에필요한풍부한예제를제공하여확실하게이해하고,이를응용할수있도록합니다.

-마무리가확실합니다.:보일러플레이트를사용한반응형웹사이트완성

HTML5,CSS3,jQuery,자바스크립트등웹사이트작성에사용되는모든기능을알수는없습니다.이책은초보자에게꼭필요한기능을익힌후태그나미디어쿼리,애니메이션등에대한다양한예제를풀어봄으로써확실히익힐수있도록구성하였습니다.웹사이트구축예제를통하여HTML5,CSS3,자바스크립트의관계와전체흐름을파악할수있습니다.

저자의말

좋은프로그래머가되기위해서는언제나기본이중요합니다.기본을제대로쌓아야응용을할수있고,응용을할수있어야좀더어려운기술을습득할때이해가빨라지기때문입니다.즉,입문자는입문자가가져야할필수기술을반드시습득해서응용할수있어야하고,중급자나고급자도그에걸맞는기술을반드시알고사용할수있어야합니다.사용자여러분의마음가짐과노력에따라결과에대한만족도역시달라짐을알고끊임없이노력하시기바랍니다.-김은옥