PART 1 처음 만나는 프런트엔드

1장 프런트엔드 시작하기
1.1 웹 개발의 구조
1.2 프런트엔드의 등장 배경
1.3 프런트엔드 개발자가 하는 일
1.4 프런트엔드 로드맵 소개

PART 2 프런트엔드 로드맵 따라가기

2장 네트워크와 인터넷
2.1 인터넷의 탄생과 발전 과정
2.2 도메인과 DNS

3장 HTML, CSS, 자바스크립트
3.1 들어가기 전에
3.2 HTML
3.3 CSS
3.4 자바스크립트

4장 HTML, CSS, 자바스크립트 심화 기술
4.1 HTML 전처리기
4.2 CSS 전처리기
4.3 CSS 후처리기
4.4 CSS 방법론
4.5 타입스크립트

5장 프런트엔드 개발 도구
5.1 소스 코드 에디터
5.2 버전 관리 시스템
5.3 코드 포매터
5.4 린터
5.5 패키지 매니저
5.6 모듈 번들러

6장 디자인 패턴과 프레임워크
6.1 웹 애플리케이션 디자인 패턴
6.2 자바스크립트 프레임워크
6.3 CSS 프레임워크

7장 네트워크 통신
7.1 네트워크 계층 모델과 프로토콜
7.2 HTTP
7.3 쿠키와 세션
7.4 웹 소켓

8장 API
8.1 API의 개요
8.2 API의 종류
8.3 API 디자인 패턴
8.4 API 호출 방법
8.5 API 테스트 도구

9장 테스트
9.1 테스트의 개요
9.2 테스트 방법과 유형
9.3 테스트 도구

10장 배포
10.1 서버의 동작 방식
10.2 배포 플랫폼

PART 3 프런트엔드 개발자로 성장하기

11장 공부 방향 설정하기
11.1 기업이 원하는 개발자
11.2 단계별 추천 포지션과 필수 기술
11.3 나만의 커리큘럼 짜기