HTML/CSS/자바스크립트 기초부터 웹 페이지 제작까지 코딩 초보자의 눈높이에서 알려주는 책!

이 책은 HTML/CSS/자바스크립트를 지루한 문법 위주로 알려주는 것이 아니라 책을 따라 해보면서 바로 결과물을 확인해보고 코딩이 실제로 어떻게 구현되는지 이해할 수 있게 구성한 책이다. 책에 소개된 방법으로 코드를 실행하기만 하면 독자의 컴퓨터에서 바로 웹 페이지가 만들어진다. 이제 문법을 외우는 것이 아니라 이해해 보자!

도서 홈페이지 : https://needleworm.github.io/frontend

[목 차]

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 추상적 정보의 컨테이너,

5-4 하이라이트 이미지와 게시물 이미지 삽입

Chapter 06 [도전!] 웹 페이지를 더욱 풍성하게 만들고 싶다면
6-1 검색창의 구현과 태그의 다양한 활용법
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
태그의 그리드 표현

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 앞으로의 공부 방향