Do it! HTML + CSS + 자바스크립트 웹 표준의 정석 : 한 권으로 끝내는 웹 기본 교과서

고경희

2010년『Doit!HTML5+CSS3』를출간한후웹관련강의와집필을꾸준히해왔다.웹초창기부터ASP와자바등을소개하는전문도서를번역하면서웹기술에관심을가지기시작했고,이후HTML과DHTML(DynamicHTML),CSS,자바스크립트등웹관련기술을더쉽게익힐수있는도서60여종을집필했다.특히2021년출간한『Doit!HTML+CSS+자바스크립트웹표준의정석』은웹개발에입문하는사람의필독서로자리매김하여2년째웹분야베스트셀러1위를이어오고있다.홍익대학교컴퓨터공학과를졸업하고동대학원에서인공지능을공부한뒤,현재DevelopmentTechnologies분야에서마이크로소프트공인최고기술자(MicrosoftMostValuableProfessional)로활동하고있다.

-----------------
첫째마당
웹개발기본다지기
-----------------
01웹개발시작하기
__01-1웹개발알아보기
__01-2웹개발,어디서부터시작할까

02웹개발환경만들기
__02-1웹브라우저와웹편집기
__02-2웹개발환경설정하기

-----------------
둘째마당
HTML시작하기
-----------------
03HTML기본문서만들기
__03-1HTML과첫만남
__03-2HTML구조파악하기
__03-3HTML파일만들기
__03-4웹문서구조를만드는시맨틱태그

04웹문서에다양한내용입력하기
__04-1텍스트입력하기
__04-2목록만들기
__04-3표만들기
__04-4이미지삽입하기
__04-5오디오와비디오삽입하기
__04-6하이퍼링크삽입하기
__한눈에정리하기
__마무리문제

05입력양식작성하기
__05-1폼삽입하기
__05-2사용자입력을위한input태그
__05-3input태그의주요속성
__05-4폼에서사용하는여러가지태그
__한눈에정리하기
__마무리문제

-----------------
셋째마당
CSS다루기
-----------------
06CSS의기본
__06-1웹문서에디자인입히기
__06-2스타일과스타일시트
__06-3CSS기본선택자알아보기
__06-4캐스케이딩스타일시트알아보기
__한눈에정리하기
__마무리문제

07텍스트를표현하는다양한스타일
__07-1글꼴관련스타일
__07-2웹폰트사용하기
__07-3텍스트관련스타일
__07-4목록스타일
__07-5표스타일
__한눈에정리하기
__마무리문제

08레이아웃을구성하는CSS박스모델
__08-1CSS와박스모델
__08-2테두리스타일지정하기
__08-3여백을조절하는속성
__08-4웹문서의레이아웃만들기
__08-5웹요소의위치지정하기
__한눈에정리하기
__마무리문제

09이미지와그러데이션효과로배경꾸미기
__09-1배경색과배경범위지정하기
__09-2배경이미지지정하기
__09-3그러데이션효과로배경꾸미기
__한눈에정리하기
__마무리문제

10CSS고급선택자
__10-1연결선택자
__10-2속성선택자
__10-3가상클래스와가상요소
__한눈에정리하기
__마무리문제

11트랜지션과애니메이션
__11-1변형알아보기
__11-2트랜지션알아보기
__11-3애니메이션알아보기
한눈에정리하기
마무리문제

12반응형웹과미디어쿼리
__12-1반응형웹알아보기
__12-2미디어쿼리알아보기
__12-3그리드레이아웃알아보기
__12-4플렉스박스레이아웃알아보기
__12-5CSS그리드레이아웃사용하기
한눈에정리하기

-----------------
넷째마당
자바스크립트기초
-----------------
13자바스크립트와첫만남
__13-1자바스크립트로무엇을할까
__13-2웹브라우저가자바스크립트를만났을때
__13-3자바스크립트용어와기본입출력방법
__13-4자바스크립트스타일가이드

14자바스크립트기본문법
__14-1변수알아보기
__14-2자료형이해하기
__14-3연산자알아보기
__14-4조건문알아보기
__14-5반복문알아보기
한눈에정리하기
마무리문제

15함수와이벤트
__15-1함수알아보기
__15-2var를사용한변수의특징
__15-3let와const의등장
__15-4재사용할수있는함수만들기
__15-5함수표현식
__15-6이벤트와이벤트처리기
__15-7DOM을이용한이벤트처리기
한눈에정리하기
마무리문제

16자바스크립트와객체
__16-1객체알아보기
__16-2자바스크립트의내장객체
__16-3브라우저와관련된객체
한눈에정리하기
마무리문제

17문서객체모델(DOM)
__17-1문서객체모델알아보기
__17-2DOM요소에접근하고속성가져오기
__17-3DOM에서이벤트처리하기
__17-4DOM에서노드추가?삭제하기
한눈에정리하기
마무리문제

[PDF책]최종프로젝트-웹사이트만들기
찾아보기

--------------------------
최신웹표준기술인
HTML5,CSS3,자바스크립트(ES6)로
웹기본기를단단하게쌓자!
--------------------------
웹개발분야는하루가다르게변하지만웹표준기술인HTML,CSS,자바스크립트의기본은변하지않는다.이책을보고나면어떤최신웹기술을배우더라도두렵지않다.웹개발을하든,웹디자인을하든이책에서소개하는기술들이기본이되기때문이다.
이책은웹에입문한독자를위해HTML의태그가무엇인지부터시작해CSS,자바스크립트의고급기술까지다양한개념을간단명료한예제와함께충분히설명한다.총500여개가넘는을하고<한눈에정리하기>,<마무리문제>까지풀고나면어느새웹기본기가단단하게쌓여있을것이다.

--------------------------
기초문법은손코딩하고,활용은Doit실습으로한다!
까먹을틈을안주는철저한복습설계!
--------------------------
‘HTML,CSS는암기과목’이라는말이있다.즉,웹개발은아는만큼다양하게활용할수있는분야다.HTML,CSS,자바스크립트의기본기를충분히익혔다면배운내용을기억해직접코딩하는것이중요하다.그래서이책은개념을익힐때긴텍스트보다는예제를많이사용했다.그리고반복학습할수있도록설계했다.각장에서배운내용을으로직접만들어결과를눈으로바로확인할수있다.또한예제중간에들어있는손코딩코너에서그동안배웠던내용을간단하게복습하고각장이끝날때마다<마무리문제>까지풀수있도록배치해서잊어버릴틈을주지않는다.

--------------------------
책이끝이아니다!
최종프로젝트〈웹사이트만들기〉
PDF전자책무료배포!
--------------------------
이책을공부한사람이라면누구나쉽게만들수있는최종프로젝트〈웹사이트만들기〉PDF전자책을무료로제공한다.“백문이불여일견”이라는말이있듯이책으로만읽고끝내는것이아니라직접따라만들어야확실하게내것으로만들수있다.이책의모든내용을압축해놓은최종프로젝트를완성해서성취감을맛보고실무에서바로써먹는코딩능력도키워보자!

--------------------------
대학,학원강의에최적화된교재!
모든예제소스파일무료제공!
--------------------------
이책에서다루는모든예제파일은[이지스퍼블리싱홈페이지→자료실]에서무료로내려받을수있다.예제를하나하나직접입력해보는것도좋고,소스파일을내려받은후예제를실행해결과화면을보면서익히는것도좋다.실습에필요한준비파일과함께완성파일도함께제공되니학원이나대학교재로도적합하다.
[예제파일다운로드:www.easyspub.co.kr→자료실]도서검색후내려받기

--------------------------
1:1과외를받는듯한
저자직강동영상무료제공!
--------------------------
프로그래밍관련도서를60종이상집필한웹분야베스트셀러저자의직강동영상을무료로제공한다.영상과책을같이본다면중간에포기하지않고끝까지쉽게공부할수있다.웹개발을독학하려는사람도,학교에서공부한내용을복습하고싶은사람도꼭필요한동영상강의를놓치지말고활용하자!

--------------------------
자신의공부속도에맞는학습계획표로독학도문제없다!
30일정석코스,15일집중코스안내!
--------------------------
무엇이든목표가있으면더힘차게달릴수있다!이책에서는웹을공부하려는독자를위한‘학습계획표’를제공한다.코딩왕초보라면[30일정석코스]로기초부터활용까지하나씩차근차근배우고,좀더빠르게공부하고싶은독자라면[15일집중코스]에도전해보자.자신이세운목표대로학습계획표에직접날짜를적고한달안에HTML,CSS,자바스크립트공부를끝내보자!

--------------------------
함께배우고,나누고,성장하는
‘Doit!스터디룸’에서만나요!
--------------------------
혼자공부하다가궁금한내용이생기거나공부를포기하고싶을때는‘Doit!스터디룸’을활용해보자.이책을공부하는다른독자를만나서로도움을주고받으며나누다보면훌륭한개발자로성장할수있다.스터디를통해성장하는뿌듯함을느낄뿐아니라이책을끝까지포기하지않고마칠수있어서더욱좋다.
[Doit!스터디룸:cafe.naver.com/doitstudyroom]

★이책의대상독자★
-프런트엔드웹개발을준비하는대학생
-최신웹표준기술을알고싶은웹퍼블리셔
-웹개발분야도정복하고싶은웹디자이너
-간단한웹페이지를직접만들고싶은온라인마케터
-웹사이트창업을준비하는CEO