HTML+CSS+자바스크립트

$27.60
SKU
9788970505367
+ Wish
[Free shipping over $100]

Standard Shipping estimated by Thu 12/5 - Wed 12/11 (주문일로부 10-14 영업일)

Express Shipping estimated by Mon 12/2 - Wed 12/4 (주문일로부 7-9 영업일)

* 안내되는 배송 완료 예상일은 유통사/배송사의 상황에 따라 예고 없이 변동될 수 있습니다.
Publication Date 2022/02/15
Pages/Weight/Size 188*257*28mm
ISBN 9788970505367
Categories IT 모바일 > 웹사이트
Description
HTML/CSS/자바스크립트 기초부터 웹 페이지 제작까지 코딩 초보자의 눈높이에서 알려주는 책!

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

도서 홈페이지 : https://needleworm.github.io/frontend
Contents
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 앞으로의 공부 방향
Author
반병현
상상텃밭(주)의 CTO로 재직 중이며, 15여권의 도서를 출간한 작가다. "지금 수입이 있음에도 나누지 않는다면, 더 성장한 이후에도 나누지 못하는 삶을 살 것이다." 라는 생각으로 과감하게 자선 활동을 시작하였다. 그리하여 개최된 것이 바로 [제1회 꿈꾸는 청소년 공모전]이다. 현재 인공지능 기술을 접목하여 농업 분야의 신기술을 발명하고 있으며, IT분야의 지식을 누구나 쉽게 이해할 수 있는 형태로 보급하기 위하여 집필활동을 병행하고 있다.

1993년 6월 30일 경북 안동 출생. KAIST 바이오 및 뇌공학과에서 학사와 석사학위(조기졸업)를 취득했다. 졸업 후 한가로이 인공지능 개발에 몰두하고 있었으나 불과 3개월 만에 입영 영장이 날아와 2018년 6월부터 2020년 4월까지 안동노동청에서 사회복무요원으로 병역의 의무를 다했다. 복무 중 업무 자동화 프로그램을 개발하여 6개월 치 업무를 30분 만에 끝냄으로써 큰 이슈가 되었고, 청와대와 고용노동부를 비롯한 기관에 불려 다니며 기술 자문과 강연을 제공했다. 패스트캠퍼스와 유튜브 등의 매체를 통해 강의를 제공하고 있기도 하다.
상상텃밭(주)의 CTO로 재직 중이며, 15여권의 도서를 출간한 작가다. "지금 수입이 있음에도 나누지 않는다면, 더 성장한 이후에도 나누지 못하는 삶을 살 것이다." 라는 생각으로 과감하게 자선 활동을 시작하였다. 그리하여 개최된 것이 바로 [제1회 꿈꾸는 청소년 공모전]이다. 현재 인공지능 기술을 접목하여 농업 분야의 신기술을 발명하고 있으며, IT분야의 지식을 누구나 쉽게 이해할 수 있는 형태로 보급하기 위하여 집필활동을 병행하고 있다.

1993년 6월 30일 경북 안동 출생. KAIST 바이오 및 뇌공학과에서 학사와 석사학위(조기졸업)를 취득했다. 졸업 후 한가로이 인공지능 개발에 몰두하고 있었으나 불과 3개월 만에 입영 영장이 날아와 2018년 6월부터 2020년 4월까지 안동노동청에서 사회복무요원으로 병역의 의무를 다했다. 복무 중 업무 자동화 프로그램을 개발하여 6개월 치 업무를 30분 만에 끝냄으로써 큰 이슈가 되었고, 청와대와 고용노동부를 비롯한 기관에 불려 다니며 기술 자문과 강연을 제공했다. 패스트캠퍼스와 유튜브 등의 매체를 통해 강의를 제공하고 있기도 하다.