얄코의 Too Much 친절한 HTML+CSS+자바스크립트

얄코의 Too Much 친절한 HTML+CSS+자바스크립트

$35.52
Description
★ 진짜 초보자도 자신 있게 끝낼 수 있도록 투머치 설명러 얄코가 다 알려 주는 웹 개발 가이드

명쾌한 설명과 전달력 높은 강의로 입문자들의 찬사를 받고 있는 얄코(얄팍한코딩사전)의 「제대로 파는 HTML+CSS」와 「뉴비를 위한 자바스크립트」 온라인 강의를 한 권의 책으로 담아냈습니다. 코딩이 처음인 사람도 어렵지 않게 프로그래밍과 웹 개발에 접근할 수 있도록 최대한 친절하고 쉬운 비유로 설명합니다. 한두 줄로 끝날 수 있는 기능 설명을 수많은 경우의 수의 화면을 보여 주며 비교하는 얄코 특유의 투머치 친절한 설명은 초보자뿐만 아니라 현업에 있는 개발자들도 놓치고 넘어가던 개념까지 세세하게 짚어 줍니다.
『얄코의 TOO MUCH 친절한 HTML+CSS+자바스크립트』는 웹 페이지 제작에 필요한 세 가지 기술을 서로 연계해서 공부하는 데 최적화된 상태로 구성되어 있습니다. 또한 개발물을 단지 시각적으로만 구현하는 것을 넘어 다양한 사람을 배려하고 타 개발자와도 협업하기 좋은 '착한' 웹사이트를 만드는 법까지 놓치지 않습니다. 총 15시간에 이르는 동영상 강의와 함께 하면서 바쁜 독자들이 쉽고 편리하게 코딩의 즐거움을 느끼게 하는 것이 이 책의 최우선 목표입니다.

‘얄코의 TOO MUCH 친절한’ 시리즈는
친절하다고 하지만 세상 불친절한 것이 많아 ‘TOO MUCH 친절한’으로 탄생하였습니다.

저자

고현민

저자:고현민
그래픽디자이너로활동하다프로그래밍에흥미를갖게되어컴퓨터공학을전공했다.스타트업에서개발팀장으로근무하면서풀스택및모바일개발을담당했으며,여러서비스를운영하면서쌓은지식을사람들에게쉽게알려주고자‘얄팍한코딩사전’이라는유튜브채널을개설했다.현재는프리랜서개발자로활동하면서,비전공자도이해하기쉬운다양한코딩콘텐츠를제작하는데몰두하고있다.

목차

PART01갖다놓는HTML

CHAPTER01시작하기전에
_LESSON01HTML,CSS,자바스크립트가뭔가요?
__갖다놓는HTML,꾸며주는CSS,일을시키는자바스크립트
__왜HTML,CSS등으로작성한것은‘문서’라고하나요?

_LESSON02환경설정하기
__웹브라우저설치하기
__VSCode설치하기
__VSCode에서프로그래밍이쉬워지는옵션설정하기
__VSCode에서유용한플러그인설치하기
__얄코의친절한HTML노트

CHAPTER02기본태그로첫웹페이지만들기
_LESSON03첫웹페이지만들기
__index.html파일만들기
__첫웹페이지요소입력하기
__페이지소스보기

_LESSON04첫태그사용하기
__태그알아보기
__제목태그와문단태그
__텍스트관련태그
__태그속성사용하기

_LESSON05태그로여러요소나열하기
__목록을표현하는태그
__용어와정의를나열하는태그
__얄코의친절한HTML노트

CHAPTER03웹페이지에다양한요소넣기
_LESSON06이미지태그사용하기
__절대경로와상대경로로이미지넣기
__이미지크기조절하기

_LESSON07표사용하기
__기본테이블태그
__테이블영역태그
__셀병합태그
__열그룹태그

_LESSON08다른곳으로링크하기
__a태그로링크이동하기
__id값으로원하는위치로이동하기
__태그로연락처연결하기
__얄코의친절한HTML노트

CHAPTER04사용자로부터입력받기
_LESSON09form태그사용하기
__form태그의속성
__form태그안요소그룹화하기

_LESSON10input태그사용하기
__텍스트관련input태그
__숫자관련input태그
__체크관련input태그
__기타input태그
__input태그공통속성

_LESSON11기타다른태그사용하기
__textarea태그
__옵션선택관련태그
__정도를표현하는태그
__pre태그
__iframe태그
__알아두면좋을태그들
__아무것도하지않는태그
__얄코의친절한HTML노트


PART02꾸미는CSS

CHAPTER05CSS기본지식알기
_LESSON12CSS적용방법과선택자
__CSS를적용하는세가지방법
__기본선택자
__태그선택자
__클래스선택자
__id선택자
__그룹선택자

_LESSON13결합자와가상클래스
__자손결합자
__동생결합자
__가상클래스
__얄코의친절한CSS노트

CHAPTER06글자와텍스트스타일적용하기
_LESSON14글자스타일
__기울임과굵기
__글자크기
__글자꾸미기

_LESSON15문단과목록스타일
__정렬과간격
__목록스타일
__얄코의친절한CSS노트

CHAPTER07인라인과블록및박스모델이해하기
_LESSON16인라인요소와블록요소
__기본너비와개념
__너비와높이조절하기
__가로공간차지하기
__여백적용하기

_LESSON17박스모델
__요소의크기
__바깥쪽여백과안쪽여백
__테두리속성
__박스그림자속성
__얄코의친절한CSS노트

CHAPTER08색과이미지로웹페이지꾸미기
_LESSON18색표현하기
__색을표현하는네가지방법

_LESSON19배경꾸미기
__이미지를배경에사용하기
__배경에그라데이션넣기
__얄코의친절한CSS노트

CHAPTER09포지셔닝과레이아웃
_LESSON20포지셔닝
__position속성
__z-index속성

_LESSON21Flex레이아웃
__부모에적용하는Flex
__자식에적용하는Flex

_LESSON22요소를감추는방법들
__CSS에서요소를숨기는세가지방법
__마우스커서모양바꾸기
__얄코의친절한CSS노트


PART03HTML더깊이알아보기

CHAPTER10용도에따른태그사용하기
_LESSON23상단의태그들
__DOCTYPE
__head태그

_LESSON24시맨틱태그
__시맨틱태그사용의장점
__시맨틱태그의종류

_LESSON25기타미디어삽입하기
__SVG이미지
__오디오와동영상
__얄코의친절한HTML노트

CHAPTER11모두가이용할수있는웹사이트만들기
_LESSON26웹접근성
__alt속성으로이미지설명하기
__숨겨놓은요소설명하기
__aria-label속성
__aria-hidden속성과role속성
__figure태그와figcaption태그

_LESSON27가독성을위한이름짓기
__태그위주로이름짓기
__클래스위주로이름짓기
__BEM으로이름짓기
__얄코의친절한HTML노트


PART04CSS더깊이알아보기

CHAPTER12요소를지정하는세련된방법
_LESSON28반복및공통되는스타일
__다른CSS파일임포트하기
__CSS변수사용하기

_LESSON29선택자심화
__특성선택자
__가상클래스

_LESSON30상속과리셋
__상속되는속성,상속되지않는속성
__모든속성리셋하기

_LESSON31벤더프리픽스
__벤더프리픽스사용하기
__얄코의친절한CSS노트

CHAPTER13서체와테이블스타일링하기
_LESSON32서체와웹폰트
__font-family속성
__웹폰트적용하기

_LESSON33텍스트심화
__vertical-align속성
__white-space속성
__text-overflow속성

_LESSON34테이블스타일링
__테이블스타일속성
__테이블요소의display속성
__얄코의친절한CSS노트

CHAPTER14레이아웃변형과애니메이션으로효과주기
_LESSON35float속성
__float속성과clear속성
__부모의크기문제해결하기

_LESSON36Grid레이아웃
__부모에적용하는Grid
__자식에적용하는Grid

_LESSON37변형과애니메이션
__transform속성
__transition속성
__animation속성
__얄코의친절한CSS노트

CHAPTER15반응형웹과CSS추가지식알아보기
_LESSON38반응형웹
__적응형웹vs반응형웹
__반응형웹만들기

_LESSON39기타알아두면좋을속성들
__clip속성과clip-path속성
__scroll-snap속성
__aspect-ratio속성
__backdrop-filter속성

_LESSON40프레임워크와라이브러리
__프론트엔드프레임워크
__아이콘라이브러리
__얄코의친절한CSS노트


PART05HTML과CSS를활용한파이널프로젝트

CHAPTER16코딩강좌웹사이트제작하기
_LESSON41프로젝트설치및환경설정
__프로젝트설치하기
__style.css파일완성하기

_LESSON42상단인트로
__intro.css

_LESSON43헤더와메뉴
__header.css

_LESSON44메인과about
__main.css
__about.css

_LESSON45HTML&CSS섹션
__html-css.css

_LESSON46커리큘럼
__curriculum.css

_LESSON47문의하기와푸터
__contact.css
__footer.css


PART05시키는자바스크립트

CHAPTER17시작하기전에
_LESSON48실습환경구축하기
__실습도구

_LESSON49콘솔과주석활용하기
__콘솔
__주석
__얄코의친절한JavaScript노트

CHAPTER18자바스크립트기본지식알기
_LESSON50변수와상수에데이터담기
__변수와상수
__식별자명명규칙

_LESSON51기본자료형과연산자
__자료형
__연산자

_LESSON52객체와배열
__객체
__배열

_LESSON53조건문
__if/else문
__switch문

_LESSON54반복문
__for문
__while문

_LESSON55함수
__함수의정의
__함수의활용
__얄코의친절한JavaScript노트

CHAPTER19HTML과CSS에자바스크립트더하기
_LESSON56HTML요소선택및조작하기
__DOM의개념
__요소를선택하는방법
__선택된요소를조작하는방법

_LESSON57이벤트추가하기
__이벤트
__이벤트객체
__얄코의친절한JavaScript노트

CHAPTER20파이널프로젝트보완하기
_LESSON58기존데이터에요소만들기
__내비게이션
__about

_LESSON59이벤트애니메이션만들기
__커리큘럼
__문의하기
__모바일메뉴버튼

__찾아보기

출판사 서평

★유튜브와인프런인기강의가책으로업그레이드되어돌아왔다!
★웹페이지제작에필요한세가지기술을연계학습할수있는최적의구성
★현업개발자도놓치기쉬운CSS최신기술총망라

코딩을처음접하는코알못도이해하는친절하고쉬운설명
코딩을아예모르는사람이가장먼저배우기쉬운기술이바로HTML과CSS입니다.직관적인구조를통해결과물을빠른시간에확인할수있어프로그래밍원리를이해하는데제격이기때문입니다.하지만이를깊이있게공부하여‘제대로’활용하는개발자는흔하지않죠.이책은프로그래밍초입문자를위한기초지식부터어려운개념과세세한속성들까지파고들어가현업개발자및퍼블리셔도큰도움을얻어갈수있도록체계적으로구성했습니다.

단계별로따라가다보면HTML과CSS,자바스크립트까지이책한권으로끝!
이책은난이도에따라파트별로구성되어있습니다.먼저PART01~02에서HTML과CSS기초지식을배웁니다.여기에만족하지않고더다양한기능을배우려면PART03~04에서HTML과CSS심화지식을이어서학습합니다.PART05에서는지금까지배운HTML과CSS지식만을활용해코딩강좌웹사이트를뚝딱만들어봅니다.두가지언어만으로도충분히웹사이트를구현할수있지만,자바스크립트를추가하면한단계높은차원으로나아갈수있습니다.따라서PART06에서웹페이지제작에필요한자바스크립트기초지식을활용해앞에서만든코딩강좌웹사이트를업그레이드시켜최종결과물을완성합니다.

[이책이필요한독자]
-코딩을이제막배우기시작하는사람
-퍼블리싱을직접해내고싶은웹디자이너
-HTML,CSS,자바스크립트를보다잘다루고싶은개발자
-HTML,CSS,자바스크립트의깊은원리까지공부해보고싶은개발자
-웹표준에부합하는‘착한웹사이트’를만들고싶은개발자