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

저자 : 반병현 1993년 6월 30일 경북 안동시 출생. KAIST 바이오 및 뇌공학과에서 학사학위 및 석사학위(조기졸업)를 취득했다. 졸업 후 상상텃밭의 CTO로 취임하며 본격적으로 인공지능 기술 개발에 몰두하려 했으나, 불과 3개월 만에 입영 영장이 날아와 2018년 6월부터 2020년 4월까지 안동 노동청에서 사회복무요원으로 병역의 의무를 다했다. 복무 중 업무 자동화 프로그램을 개발하여 6개월 치 업무를 30분 만에 끝냄으로써 큰 이슈가 되었고, 청와대와 고용노동부를 비롯한 기관에 불려 다니며 기술 자문과 강연을 제공했다. 이 과정에서 숨겨왔던 컴퓨터 실력이 발각되는 바람에 복무기간 내내 수십 대의 컴퓨터를 고치러 불려 다녔고, 컴퓨터를 어려워하는 공무원들을 위해 교육을 제공하거나 전산 업무를 대신 처리해주기도 하며 남은 군 생활을 마무리했다. 현재 〈상상텃밭〉의 CTO로 재직 중이며, 복잡계 분석 기술과 AI기술을 접목한 독특한 농업 분야 신기술들을 발명하고 있다. 대표저서로는 『6개월 치 업무를 하루 만에 끝내는 업무자동화』(생능출판사, 2020), 『쉬운 딥러닝』 (생능출판사, 2021), 『비전공자가 업무에서 자주 물어보는 101가지 컴퓨터 활용팁』 (생능출판사, 2021) 등이 있다.

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