난생 처음으로 프로그래밍을 시작하는 분들이라면 생활코딩 강의로 시작하자!이고잉 님의 HTML/CSS/자바스크립트 강의는 이미 많은 분들에 의해 검증받은 독창적인 강의로 손꼽히고 있다. 단순히 HTML/CSS/자바스크립트 기술을 알려주는 데서 그치는 것이 아니라 무엇을 모르는지 모르는 상태에서조차 무언가를 배울 수 있는 학습 방법까지도 습득할 수 있다. 초심자를 배려하는 상세한 설명과 통계를 기반으로 하는 실용적인 학습 내용 구성까지, 이 책을 통해 HTML/CSS/자바스크립트를 배운다면 기본은 물론 응용력까지도 금세 키울 수 있을 것이다. 개정판에서는 깃허브 페이지를 활용하는 최신 방법과 Web Server for Chrome을 활용해 웹 서버를 가장 간편하게 구축하는 방법, 내가 만든 웹 페이지에 간단한 코드만으로 동영상 삽입, 댓글, 채팅, 방문자 분석 기능을 추가하는 법을 소개한다.
일반 사람들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 사이트 생활코딩(opentutorials.org) 운영자이다. EGOING은 프로그래밍과 글을 쓰는 것을 좋아한다. 개발자뿐만 아니라 수많은 문서를 관리해야 하는 모든 사람들이 깃과 깃허브를 사용할 수 있도록 ‘GIT1’ 등 150여 개의 강의 영상을 만들었다.
현재 일반인에게 프로그래밍을 알려주는 활동인 생활코딩과 이와 같은 활동을 할 수 있도록 도와주는 플랫폼인 OPENTUTORIALS.ORG를 친구들과 함께 만들어가고 있다. 블로그 EGOING.NET을 운영한다.
[1부] HTML 편1. 수업 소개 2. 프로젝트의 동기 3. 기획 4. 코딩과 HTML 5. HTML 코딩과 실습 환경 준비 6. 기본 문법과 태그 7. 혁명적인 변화 8. 통계에 기반한 학습 9. 줄바꿈: 〈br〉 vs. 〈p〉 10. HTML이 중요한 이유 11. 최후의 문법 속성과 〈img〉 태그12. 부모 자식과 목록 13. 문서의 구조와 슈퍼스타들 14. HTML 태그의 제왕 15. 웹 사이트 완성 16. 원시 웹17. 인터넷을 여는 열쇠: 서버와 클라이언트 18. 웹 호스팅: 깃허브 페이지 19. 웹 서버 운영하기20. 수업을 마치며 1/3 21. 수업을 마치며 2/3 22. 수업을 마치며 3/3 23 부록: 코드의 힘__23.1 부록: 코드의 힘 _ 동영상 삽입__23.2 부록: 코드의 힘 _ 댓글 기능 추가__23.3 부록: 코드의 힘 _ 채팅 기능 추가__23.4 부록: 코드의 힘 _ 방문자 분석기[2부] CSS 편1. 수업 소개 2. CSS가 등장하기 전의 상황 3. CSS의 등장 4. CSS의 기본 문법 5. 혁명적 변화 6. CSS 속성을 스스로 알아내기 7. CSS 선택자의 기본 8. 박스 모델 9. 박스 모델 써먹기 10. 그리드 소개 11. 그리드 써먹기 12. 미디어 쿼리 소개 13. 미디어 쿼리 써먹기 14. CSS 코드의 재사용 15. 수업을 마치며[3부] 자바스크립트 편1. 수업 소개2. 수업의 목적 3. HTML과 JS의 만남: 〈script〉 태그 4. HTML과 JS의 만남: 이벤트 5. HTML과 JS의 만남: 콘솔 6. 데이터 타입 - 문자열과 숫자 7. 변수와 대입 연산자 8. 웹 브라우저 제어 9. CSS 기초: style 속성 10. CSS 기초: 〈style〉 태그 11. CSS 기초: 선택자 12. 제어할 태그 선택하기 13. 프로그램, 프로그래밍, 프로그래머 14. 조건문 예고 15. 비교 연산자와 불리언 16. 조건문 17. 조건문의 활용 18. 중복의 제거를 위한 리팩터링 19. 반복문 예고 20. 배열 21. 반복문 22. 배열과 반복문 23. 배열과 반복문의 활용 24. 함수 예고 25. 함수 26. 매개변수와 인자 27. 함수(return 문) 28. 함수의 활용 29. 객체 예고 30. 객체 쓰기와 읽기 31. 객체와 반복문 32. 객체 프로퍼티와 메서드 33. 객체의 활용 34. 파일로 쪼개서 정리 정돈하기 35. 라이브러리와 프레임워크 36. UI vs. API 37. 수업을 마치며
