HTML5, CSS3, jQuery, MySQL, PHP로 웹코딩 *돌아보기*샅샅이 톺아 나가며 살피다

직업, 취미, 개발을 이해하기 위한 어떠한 이유로 웹 개발을 시작하려는 자를 대상으로 구성되어 있다. 웹 개발 관련 도서는 클라이언트 언어와 서버사이드 언어가 직업으로 나뉘기도 하며, 각각 습득해야 할 양도 많기 때문에 클라이언트 언어(HTML, CSS, JavaScript 또는 파생 프레임워크)와 서버사이드 언어(PHP, JSP, node.js) 그리고 데이터베이스(MySQL, mariaDB, Oracle)로 구분된다.

HTML을 사용해 웹페이지를 구성하고, CSS를 사용해 웹 페이지를 디자인하며, jQuery를 사용해 각 엘리먼트에 여러 가지 특수 기능을 구현하여 간단한 커뮤니티 사이트의 웹페이지를 구성한다. 서버사이드 언어인 PHP와 MySQL을 사용해 웹페이지의 실제 기능을 구성하며, 데이터베이스와 연동하여 회원정보, 게시글, 댓글, 공감 정보 등을 저장하고 출력하는 방법에 대해 따라해보며 이해할 수 있다.

PART 1. 프론트엔드 HTML5 + CSS3 + jQuery
CHAPTER 1. HTML5
1. HTML5 소개
2. 메타 태그
3. 텍스트 태그
4. 이미지 태그
5. 하이퍼링크 태그(a 태그)
6. 리스트 태그
7. form 태그
8. 공간 태그
9. video 태그
10. audio 태그
11. svg와 canvas
12. table 태그

CHAPTER 2. CSS3
1. CSS 소개
2. CSS를 적용하는 세 가지 방법
3. 선택자(selector)
4. 텍스트를 꾸미는 CSS 요소
5. 가로 길이와 세로 길이 조정하기
6. 텍스트가 영역을 벗어날 때
7. HTML 엘리먼트의 위치 변경하기
8. 배경 꾸미기
9. 외곽선 긋기
10. float와 clear
11. 박스의 바깥 여백 설정하기
12. 박스의 안쪽 여백 설정하기
13. CSS 리셋
14. 애니메이션
15. transform
16. transition
17. display
18. 반응형 웹
19. 반응형으로 간단한 레이아웃 만들기
20. SVG 태그

CHAPTER 3. jQuery
1. jQuery 시작하기
2. 셀렉터
3. 엘리먼트 보이기와 숨기기
4. 클릭했을 때 무언가 하기
5. 마우스 포인터를 요소 위에 올릴 때 무언가 하기
6. 제이쿼리로 CSS 적용하기
7. 변수 사용하기
8. HTML 엘리먼트에 있는 텍스트 변경하기
9. HTML 태그 제어하기
10. 애니메이션 기능
11. 엘리먼트에 클래스 추가, 삭제하기
12. 엘리먼트의 이동
13. 폼 태그의 값 조정
14. 포커스
15. this 사용하기
16. 연산자
17. 함수 만들기
18. 변수에 대해서
19. 글로벌 변수와 로컬 변수
20. 조건문
21. 반복문
22. 스크롤 이벤트
23. AJAX
24. canvas 태그(HTML5)

project 나의 첫 웹서비스 만들기
CHAPTER 1. 나의 첫 웹서비스 프로젝트 소개
CHAPTER 2. 나의 첫 웹서비스 만들기 프로젝트 - front end
1. 메인 페이지 만들기(index.html)
2. 나의 페이지 만들기(me.html)
3. 모두의 페이지 만들기(all.html)

PART 2. 백엔드 MySQL + PHP
CHAPTER 1. MySQL
1. 데이터베이스란?
2. MySQL 시작하기
3. 데이터베이스 만들기
4. 테이블
5. 필드의 데이터 크기와 데이터형 지정하기
6. 테이블 생성하기
7. 필드의 추가, 수정, 삭제
8. 테이블 삭제하기
9. 테이블에 데이터 입력하기
10. 데이터 불러오기
11. 데이터의 값을 변경, 삭제하기
12. 테이블 초기화
13. 2개 이상의 테이블 사용하기(JOIN)
14. 집계함수
15. 그룹별 집계
16. 출력 결과의 정렬
17. 불러올 레코드 수 지정하기
18. 2개 이상의 테이블을 묶어 사용하기
19. 쿼리문 안의 쿼리문 서브쿼리
20. 특정 필드에 같은 값을 넣지 않는 방법
2 1 . 서로 다른 필드의 값을 합쳐서 출력하기
22. 검색을 더욱 빠르게 하는 인덱스

CHAPTER 2. PHP
1. PHP 소개
2. 출력문
3. 주석
4. 변수
5. 연산자
6. 배열
7. 데이터형
8. 조건문
9. 반복문
10. 함수
11. 함수 만들기
12. POST와 GET
13. 기능의 사물화
14. 코드의 재활용
15. PHP와 MySQL의 연동
16. 상수
17. 정규 표현식
18. 파일 업로드
19. 디렉터리 함수
20. 파일 함수
21. Anchor 태그의 ping 속성과 AJAX
22. 쿠키와 세션
23. 객체지향 프로그래밍

project 나의 첫 웹서비스 만들기
CHAPTER 3. 나의 첫 웹서비스 만들기 프로젝트 - back end
3-1. 회원가입 기능
3-2. 로그인, 로그아웃 기능
3-3. 게시물 등록하기
3-4. 게시물 불러오기
3-5. 댓글 등록하기
3-6. 댓글 불러오기
3-7. 게시물 공감하기
3-8. 모두의 페이지
3-9. 포토 업로드 기능
3-10. 나의 로그 만들기