책소개

코딩만 따라해도 웹페이지가 만들어지는
HTML, CSS, 자바스크립트
#이렇게 #쉽게 #프론트엔드 #만들기 #가능?
CHAPTER 1

웹 프론트엔드가 무엇인가요?

1-1 웹 개발자의 일에는 어떤 의미가 있나요?
1-2 마크업 언어가 무엇인가요?
1-3 프로그래밍 언어가 무엇인가요?
1-4 이 책에서 무엇을 배우게 되나요?




CHAPTER 2
웹 프론트엔드 개발을 위한 컴퓨터 세팅

2-1 Visual Studio Code 설치 VS Code
2-2 개발을 도와주는 유용한 프로그램 설치하기 Jekyll Ruby
2-3 깃허브 활용하기 GitHub GitForWindows

CHAPTER 3

HTML만 배워도 할 수 있는 게 엄청 많다면서요?

3-1 HTML이란?
3-2 HTML 가지고 놀기
3-3 HTML 문서 작성하기
3-4 웹 페이지 작성의 규칙을 따르자




CHAPTER 4
HTML 공부는 태그만 알면 끝난다면서요?

4-1 태그란 무엇인가요?
4-2 자주 쓰는 태그의 종류
4-3 태그를 더욱 쉽게 공부하는 방법
4-4 새 프로젝트 시작하기




CHAPTER 5
HTML도 배웠으니 인스타그램을 만들어볼까요? Code Example

5-1 정보의 기초적인 표현
5-2 조금 더 다채로운 정보를 표현하는 방법
5-3 추상적 정보의 컨테이너, div
5-4 하이라이트 이미지와 게시물 이미지 삽입




CHAPTER 6
[도전!] 웹 페이지를 더욱 풍성하게 만들고 싶다면

6-1 검색창의 구현과 input 태그의 다양한 활용법
6-2 깃허브에 코드 푸시하기

CHAPTER 7

CSS, 웹 페이지를 아름답게 만들어줘요

7-1 CSS 기초 사용법
7-2 복합 선택자
7-3 스타일의 중첩
7-4 캐스케이딩
7-5 캐스케이딩의 실전 활용




CHAPTER 8
CSS,이 정도만 알면 전문가죠

8-1 CSS의 다양한 스타일 속성
8-2 div태그의 그리드 표현




CHAPTER 9
CSS를 더해 인스타그램 완성

9-1 중요한 폴더나 파일을 숨기기 - 폴더/파일 숨김
9-2 탐색기에서 파일 내용을 미리보기 - 미리 보기 창




CHAPTER 10
[도전!] 업계에서 가장 핫하죠, 반응형 웹 페이지

10-1 동적 사이즈 지정을 통한 반응형 웹 페이지
10-2 미디어 쿼리와 반응형 웹 페이지

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 웹 페이지의 배포와 상용화

CHAPTER 15

지킬 템플릿을 활용해 웹 개발 날로 먹기
Code Example

15-1 지킬 템플릿 살펴보기
Site 1 Site 2 Site 3 Site 4
15-2 지킬 템플릿의 사용 방법
15-3 지킬 템플릿 수정하기




CHAPTER 16
지킬 템플릿 세부 수정과 이메일 발송

16-1 세부 섹션 수정하기
16-2 Formspree와 서버 통신 Formspree




CHAPTER 17
[도전!] 웹 페이지 상용화와 수익 창출

17-1 웹 페이지 상용화
17-2 수익 창출
17-3 앞으로의 공부 방향