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

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

$32.69
저자

고경희

저자:고경희
2010년《Doit!HTML5+CSS3》출간이후웹관련강의와집필을꾸준히해왔다.그동안HTML과DHTML(DynamicHTML),CSS,자바스크립트등웹관련기술을더쉽게익힐수있는도서60여종을집필했다.특히2021년출간한《Doit!HTML+CSS+자바스크립트웹표준의정석》은웹개발입문자의필독서로자리매김하여출간후계속해서웹분야베스트셀러를이어오고있다.
홍익대학교컴퓨터공학과를졸업하고동대학원에서인공지능을공부했다.생성형AI가등장하면서급변하는시대에도꼭필요한웹기술의기본을제대로공부할수있도록꾸준히집필을이어가고있다.
대표저서
-《Doit!HTML+CSS+자바스크립트웹표준의정석》
-《Doit!HTML5+CSS3웹표준의정석》
-《Doit!Node.js프로그래밍입문》
-《Doit!모던자바스크립트프로그래밍의정석》
-《Doit!지옥에서온문서관리자깃&깃허브입문》등

목차

첫째마당웹과HTML시작하기

01웹은어떻게움직일까
__01-1여러형태의웹사이트
__01-2네트워크이해하기
__01-3웹의기본동작이해하기
__01-4웹접근성알아보기
__01장되새김문제

02웹개발시작하기
__02-1웹개발,어디서부터시작할까
__02-2웹개발환경설정하기

03HTML기본문서만들기
__03-1HTML과첫만남
__03-2HTML의구조파악하기
__03-3HTML파일만들기
__03-4웹문서의구조를만드는시맨틱태그
__03장되새김문제

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

05입력양식작성하기
__05-1폼삽입하기
__05-2사용자입력을위한input태그
__05-3input태그의주요속성
__05-4폼에서사용하는여러가지태그
__05장되새김문제

둘째마당CSS다루기

06CSS의기본
__06-1스타일과스타일시트
__06-2CSS기본선택자알아보기
__06-3캐스케이딩스타일시트알아보기
__06장되새김문제

07텍스트를표현하는다양한스타일
__07-1글꼴관련스타일
__07-2웹폰트와아이콘폰트사용하기
__07-3텍스트관련스타일
__07-4목록스타일
__07-5표스타일
__07장되새김문제

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

09이미지와그러데이션효과로배경꾸미기
__09-1배경색과배경범위지정하기
__09-2배경이미지지정하기
__09-3그러데이션효과로배경꾸미기
__09장되새김문제

셋째마당반응형웹만들기

10반응형웹과미디어쿼리
__10-1반응형웹알아보기
__10-2반응형요소만들기
__10-3미디어쿼리알아보기
__10장되새김문제

11플렉스박스레이아웃으로배치하기
__11-1배치를위한기본속성살펴보기
__11-2반응형웹을위한속성살펴보기
__11장되새김문제

12CSS그리드레이아웃으로배치하기
__12-1CSS그리드레이아웃사용하기
__12-2그리드라인과템플릿영역으로배치하기
__12장되새김문제

넷째마당CSS고급기능

13CSS고급선택자
__13-1연결선택자
__13-2속성선택자
__13-3가상클래스와가상요소
__13-4CSS함수살펴보기
__13장되새김문제

14트랜지션과애니메이션
__14-1트랜스폼알아보기
__14-2트랜지션알아보기
__14-3애니메이션알아보기
__14장되새김문제

다섯째마당자바스크립트기초

15자바스크립트와첫만남
__15-1자바스크립트로무엇을할까
__15-2웹브라우저가자바스크립트를만났을때
__15-3자바스크립트용어와기본입출력방법
__15-4자바스크립트스타일가이드
__15장되새김문제

16자바스크립트기본문법
__16-1변수알아보기
__16-2자료형이해하기
__16-3연산자알아보기
__16-4조건문알아보기
__16-5반복문알아보기
__16장되새김문제

17함수와이벤트
__17-1함수알아보기
__17-2변수스코프
__17-3재사용할수있는함수만들기
__17-4함수표현식
__17-5이벤트와이벤트처리기
__17장되새김문제

여섯째마당문서객체모델(DOM)

18자바스크립트와객체
__18-1객체알아보기
__18-2자바스크립트의내장객체
__18-3브라우저와관련된객체
__18장되새김문제

19문서객체모델(DOM)다루기
__19-1문서객체모델알아보기
__19-2DOM요소에접근하고내용수정하기
__19-3DOM에서이벤트처리하기
__19-4DOM에서노드추가삭제하기
__19-5class속성추가삭제하기
__19장되새김문제

[Doit!실전프로젝트]넷플릭스사이트따라만들기

찾아보기

출판사 서평

한권으로끝내는웹기본교과서!
《Doit!HTML+CSS+자바스크립트웹표준의정석》전면개정판출간!

2021년초판발행이후수많은웹개발입문자와함께한《Doit!HTML5+CSS3+자바스크립트웹표준의정석》의전면개정판이출간되었습니다.초판을출간한뒤새롭게등장한최신기술과트렌드를반영하고자절반이넘는내용을수정했고,그결과지금웹개발에입문하는사람에게딱맞는책으로다시태어났습니다.

최신웹표준부터반응형웹,ES6+까지
실무에가장가까운웹기본을익힌다!

생성형AI가등장하면서개발자라는직업이사라질것이라고누군가는말했지만,이책은다르게말합니다.생성형AI역시개발을아는만큼편리하게사용할수있는도구일뿐이라고요.그리고웹개발을바닥에서떠받치는핵심기술이HTML,CSS,자바스크립트라는건변하지않습니다.
이책은웹에입문한독자가기본을완벽하게다질수있도록HTML의태그가무엇인지부터친절하게알려줍니다.또한이책을다공부하면바로실무에활용할수있도록반응형웹,ES6+등최신기술과트렌드까지파악할수있습니다.

실습→복습→평가까지한번에!
체계적인학습설계로공부효과가3배!

이책은한번만읽어도세번읽은것같은효과를얻을수있도록구성했습니다.장이시작할때마다‘이장을다공부하면!’코너에서학습목표를미리파악한뒤다양한예제를직접코딩하며실습을진행합니다.장하나를다공부하면‘확인’코너의질문에답하며그장에서무엇을배웠는지돌아봅니다.마지막으로‘되새김문제’로배운내용을얼마나이해했는지스스로평가합니다.이렇게체계적인구성에따라공부하다보면1번읽었는데마치3번을읽은것과같은학습효과를기대할수있습니다.

500여개의다양한예제를풀며
기본부터활용까지확실하게익힌다!

HTML,CSS,자바스크립트의기초를충분히배웠다면그내용을활용해직접코딩하는것이중요합니다.그래서소스코드의빈칸을손으로직접채우는손코딩부터프로그램을단계별로따라하며만들어보는‘Doit!실습’까지다양한방식의예제500여개를수록했습니다.예제를풀때는배운코드를활용하는데집중할수있도록모든파일을미리제공합니다.결과파일도함께제공하니자신이직접작성한코드의결과와비교하며공부할수있습니다.

<넷플릭스사이트따라만들기>PDF전자책과
주요구문을한눈에볼수있는‘웹치트시트’를특별부록으로드려요

이책에서배운내용을한꺼번에활용할수있는PDF책<넷플릭스사이트따라만들기>를드립니다.웹개발에입문하는사람이라면누구나볼수있도록온라인서점에서무료로제공합니다.책을다읽은뒤에는꼭이PDF책을보며실제서비스와비슷한사이트를만들어보세요.실제로웹을만들때책으로공부한기술을어떻게,어떤순서로사용하는지배울수있습니다.
책맨뒤에는그동안앞에서소개한태그와속성,문법을한눈에볼수있는‘웹치트시트’를수록했습니다.코딩하다가갑자기태그나속성이기억나지않을때바로바로펼쳐볼수있게한곳에싹모아뒀습니다.찢어서책상옆에붙여두면즉시찾아볼수있어서편리합니다.

일대일과외를받는듯한
저자직강동영상무료제공

저자가직접해설해주는직강동영상과함께공부해보세요.도중에포기하지않고더쉽게책을완독할수있습니다.웹개발을독학하려고계획을세웠거나,학교에서공부한내용을복습하고싶다면동영상강의를꼭활용해보세요.

독학과교재모두추천!
공부속도에맞는학습계획표2종제공

목표를세우고공부하면두꺼운책도끝까지읽을수있습니다.차근차근공부하고싶다면‘30일정석코스’,짧은기간집중해서빠르게끝내고싶다면‘15일집중코스’로공부계획을세워보세요.계획한대로책을다읽고나면웹개발의기초를완전히정복할수있을거예요.강의계획에참고하기도좋으니학원이나대학교재로도적극활용해보세요.


함께배우고,나누고,성장하는‘Doit!스터디룸’으로오세요!

혼자계획을세우고공부하다보면금방지치기마련입니다.어려운내용은나와비슷한고민을하는독자를만나공유해보세요.서로도움을주고받으며공부하다보면더보람차니까요.내가잘이해한내용은남을도와주고내가잘이해하지못한내용은도움을받으면서공부하면복습효과도누릴수있습니다.멀리가려면친구와함께해보세요.
Doit!스터디룸:cafe.naver.com/doitstudyroom

이책,이런분께추천해요!

프런트엔드,백엔드개발자를지망하는대학생
최신웹표준기술을알고싶은웹개발자
웹개발분야도정복하고싶은웹디자이너
간단한웹페이지를직접만들고싶은마케터
창업을준비하며웹사이트를직접만들고싶은CEO

예제소스파일은이지스퍼블리싱홈페이지의자료실또는저자깃허브에서제공합니다

이지스퍼블리싱홈페이지:easyspub.co.kr→[자료실]클릭→도서명검색
저자깃허브:github.com/funnycom/doit-hcj-new