Do it! HTML + CSS + 자바스크립트 웹 표준의 정석

첫째마당 웹과 HTML 시작하기

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

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

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

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

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

둘째마당 CSS 다루기

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

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

08 CSS 박스 모델
__08-1 CSS와 박스 모델
__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장 되새김 문제

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

넷째마당 CSS 고급 기능

13 CSS 고급 선택자
__13-1 연결 선택자
__13-2 속성 선택자
__13-3 가상 클래스와 가상 요소
__13-4 CSS 함수 살펴보기
__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-2 DOM 요소에 접근하고 내용 수정하기
__19-3 DOM에서 이벤트 처리하기
__19-4 DOM에서 노드 추가·삭제하기
__19-5 class 속성 추가·삭제하기
__19장 되새김 문제

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

찾아보기