추가 적립 안내

이 책은 HTML, CSS, javascript 크게 3파트로 구성되어 있습니다. 각 파트는 기본 문법을 설명하는 부분과 기초 부분에서 학습한 내용을 복습할 수 있는 실전 프로젝트로 구성되어 있습니다. 특히 javascript 파트에서는 기초 문법뿐만 아니라 웹페이지 구현에서 자주 사용하는 UI/UX 효과를 구현할 수 있는 간단한 실전 예제와 실전 프로젝트로 구성되어 있습니다.

이 책은 다음과 같이 구성되어 있습니다.
ㆍ Part 1 HTML5
ㆍ Part 2 CSS 기초
ㆍ Part 3 CSS 중급
ㆍ Part 4 javascript 기초
ㆍ Part 5 javascript 응용
ㆍ Part 6 실전 프로젝트

학습 순서는 Part 1부터 순서대로 학습하면 되겠습니다. 처음부터 모든 것을 외워버리겠다고 너무 큰 욕심을 가지고 시작하면 금방 지칠 수 있습니다. 우선 학습을 진행하면서 이렇게 했더니 화면에 이렇게 출력이 되는지 하나씩 확인해가면서 일부 이해가 되지 않는 부분들은 다음 과정으로 넘어가고 일단 진행해봅니다. 그렇게 진행하다 보면 앞부분에서 이해하지 못했던 내용들이 뒷부분의 CSS에서 또는 javascript에서 이해되는 부분들도 많이 있습니다. 그러니 처음부터 과욕을 버리고 차근차근 천천히 학습하시기 바랍니다.

【 대상 독자층 】
- 코딩에 대한 기초가 없는 분.
- 내 손으로 웹페이지를 구성해보고 싶은 분.
- 웹 퍼블리싱 및 프론트엔드 개발 입문자

웹 애플리케이션 시작의 핵심!
한 권으로 HTML, CSS, javascript 해결

이 책은 웹 퍼블리싱에 대해 아무런 지식이 없는 상태에서 시작할 수 있도록 개발 환경 구축부터 시작해서 실전 프로젝트까지 스스로 코딩 할 수 있도록 도와주고 있습니다.

HTML 기초에서는 다양한 태그의 사용법을 학습하고 웹페이지 제작의 가장 큰 목표인 내용을 정확하게 전달하고, 웹 표준을 준수하여 태그를 작성할 수 있게 가르칩니다.

CSS 부분은 HTML에서 사용하는 주요 요소들에 대한 설명을 하고 있습니다. 그리고 동적인 웹사이트를 구현하는데 사용하는 속성들을 학습해볼 수 있습니다.

후반에는 javascript 내용으로 웹에서 자주 사용하게되는 문법들을 설명합니다. 그동안 눈에 보이는 것들을 만졌다면 이제는 구동하는 방법 더 적은 코드로 화면을 구성하는 방법을 배우게 됩니다. 그리고 웹사이트에서 자주 구현하는 UI/UX 기능을 구현해봅니다. 사용자의 행동에 따라 웹사이트에서 보는 내용들이 달라지게 되고 반응을 하게됩니다. 최근에는 다양한 디바이스가 있는 만큼 우리가 사용자들에게 다양한 화면을 어떻게 보여줄 것인지 배우면서 고민을 해보시기 바랍니다.

마지막으로 실전 프로젝트로 우리가 학습한 내용을 바탕으로 웹사이트를 구현해봅니다. 이것으로 HTML, CSS, javascript가 어떻게 연계되는지 학습해볼 수 있습니다.

모바일 웹 시장은 계속 확장되고 있습니다. 이에 대부분의 IT 웹앱 서비스 회사들이 웹 뷰를 도입하여 웹 프론트엔드 개발자의 수요가 증가하고 있습니다. 이에 맞게 개발자들은 사용자에게 전달이 잘 될 수 있도록 하는 것이 중요해집니다. 기본적인 HTML, CSS, javascript를 다루게 되면 앞으로 웹서비스를 어떻게 구현할지 고민을 해야 할 것입니다. 이 책은 그 기본을 알 수 있게 도와주는 책이므로 차근차근 따라하다 보면 능숙하게 다룰 수 있을 것이고 어렵다면 유튜브 강의와 코딩 플랫폼을 통해 복습해 볼 수 있으니 한번 도전해보시기 바랍니다.

〈베타 리더 중에서〉
“평소 웹 퍼블리싱에 관심은 많았지만 바쁜 일상으로 인해 엄두를 내지 못했던 분들이 공부하기에 적합한 책이라고 생각합니다.”

“취업을 준비하면 가볍게 CSS 지식을 훑고 지나갈 수 있는 정도의 수준으로 프론트엔드를 준비하는 분들도 필수로 읽으시면 큰 도움을 받을 수 있습니다.”

“감히 웹 퍼블리싱 입문을 위한 현존 최고의 책이라 말씀드리고 싶습니다.”

지은이의 글
이 책의 특징
베타 리더
PART 1 HTML 기초
1. HTML의 구조
2. 블록 및 인라인 레벨 요소
3. 텍스트 정의 요소
4. div 요소로 작성하는 문서의 그룹화
5. HTML5 섹셔닝
6. 제목, 문단, 구분선, 정형화된 텍스트
7. 목록을 표현하는 요소
8. 표를 만드는 테이블 요소
9. 앵커(Anchor)의 표현
10. 이미지와 관련된 요소들
11. 폼 요소의 종류
12. 오디오, 비디오 활용
이번 장의 마무리
연습 문제
실전 예제

PART 2 CSS 기초편
1. CSS 문법
2. 색상과 단위
3. 선택자
4. 선택자 우선순위
5. 서체, 글 스타일
6. 목록 스타일
7. display 디스플레이
8. overflow
9. background 스타일
10. box model 박스 모델
11. 레이아웃 positioning style
이번 장의 마무리
연습 문제

PART 3 CSS 중급편
1. shadow
2. gradient
3. transition
4. animation
5. transform
6. responsive 반응형
이번 장의 마무리
연습 문제
실전 예제

PART 4 javascript 기초
1. 기본 용어
2. 변수
3. 산술 연산자
4. 함수
5. 객체
6. 배열
7. 조건문
8. 반복문
9. 문자열
10. 타이머
11. 수학 연산
이번 장의 마무리
연습 문제

PART 5 javascript 응용
1. DOM 조작
2. 선택자
3. 이벤트
4. ECMAScript 6
이번 장의 마무리
연습 문제
실전 예제

PART 6 실전 프로젝트
1. 준비하기
2. 기본 쉘 생성하기
3. 디자인 확인 및 HTML 작성하기
4. 디자인 참조하여 CSS 작성하기
5. CSS 작성
6. script 작성
프로젝트 마무리

연습 문제 정답
찾아보기