Part 1 웹 개발자 따라잡기 Chapter 01 웹 프론트엔드가 무엇인가요? 1-1 웹 개발자의 일에는 어떤 의미가 있나요? 1-2 마크업 언어가 무엇인가요? 1-3 프로그래밍 언어가 무엇인가요? 1-4 이 책에서 무엇을 배우게 되나요? Chapter 02 웹 프론트엔드 개발을 위한 컴퓨터 세팅 2-1 Visual Studio Code 설치 2-2 개발을 도와주는 유용한 프로그램 설치하기 2-3 깃허브 활용하기 Part 2 웹 페이지의 뼈대를 만드는 HTML Chapter 03 HTML만 배워도 할 수 있는 게 엄청 많다면서요? 3-1 HTML이란? 3-2 HTML 가지고 놀기 3-3 HTML 문서 작성하기 3-4 웹 페이지 작성의 규칙을 따르자 Chapter 04 HTML 공부는 태그만 알면 끝난다면서요? 4-1 태그란 무엇인가요? 4-2 자주 쓰는 태그의 종류 4-3 태그를 더욱 쉽게 공부하는 방법 4-4 새 프로젝트 시작하기 Chapter 05 HTML도 배웠으니 인스타그램을 만들어볼까요? 5-1 정보의 기초적인 표현 5-2 조금 더 다채로운 정보를 표현하는 방법 5-3 추상적 정보의 컨테이너, 〈div〉 5-4 하이라이트 이미지와 게시물 이미지 삽입 Chapter 06 [도전!] 웹 페이지를 더욱 풍성하게 만들고 싶다면 6-1 검색창의 구현과 〈input〉 태그의 다양한 활용법 6-2 깃허브에 코드 푸시하기 Part 3 웹 페이지의 디자인을 결정하는 CSS Chapter 07 CSS, 웹 페이지를 아름답게 만들어줘요 7-1 CSS 기초 사용법 7-2 복합 선택자 7-3 스타일의 중첩 7-4 캐스케이딩 7-5 캐스케이딩의 실전 활용 Chapter 08 CSS,이 정도만 알면 전문가죠 8-1 CSS의 다양한 스타일 속성 8-2 〈div〉 태그의 그리드 표현 Chapter 09 CSS를 더해 인스타그램 완성 9-1 CSS의 실전 적용 9-2 외부 CSS 불러와 아이콘 활용하기 Chapter 10 [도전!] 업계에서 가장 핫하죠, 반응형 웹 페이지 10-1 동적 사이즈 지정을 통한 반응형 웹 페이지 10-2 미디어 쿼리와 반응형 웹 페이지 Part 4 웹 페이지에 영혼을 불어넣는 자바스크립트 Chapter 11 자바스크립트 문법은 한 챕터면 충분하죠 11-1 자바스크립트의 발전 11-2 웹 페이지에 영혼을 불어넣는 도구 11-3 자바스크립트 기초 11-4 자바스크립트 문법 끝장내기 Chapter 12 자바스크립트 이론 공부도 이 정도면 완벽하죠 12-1 자바스크립트를 HTML과 함께 사용하는 방법 12-2 자바스크립트를 활용한 웹 페이지 제어 12-3 자바스크립트 활용 팁과 주의사항 Chapter 13 자바스크립트로 웹 페이지를 내 맘대로 조작할 수 있죠 13-1 이벤트 정복하기 13-2 문서 제어를 위한 세부기능 정복하기 Chapter 14 [도전!] 웹 페이지에 생명을 불어넣고, 전 세계에 배포하자 14-1 인스타그램 예제 완성하기 14-2 웹 페이지의 배포와 상용화 Part 5 지킬과 함께 한나절만에 웹 페이지 만들기 Chapter 15 지킬 템플릿을 활용해 웹 개발 날로 먹기 15-1 지킬 템플릿 살펴보기 15-2 지킬 템플릿의 사용 방법 15-3 지킬 템플릿 수정하기 Chapter 16 지킬 템플릿 세부 수정과 이메일 발송 16-1 세부 섹션 수정하기 16-2 Formspree와 서버 통신 Chapter 17 [도전!] 웹 페이지 상용화와 수익 창출 17-1 웹 페이지 상용화 17-2 수익 창출 17-3 앞으로의 공부 방향