생활코딩! HTML+CSS+자바스크립트(개정판)

난생 처음으로 프로그래밍을 시작하는 분들이라면 생활코딩 강의로 시작하세요!

이고잉 님의 HTML/CSS/자바스크립트 강의는 이미 많은 분들에 의해 검증받은 독창적인 강의로 손꼽히고 있습니다. 단순히 HTML/CSS/자바스크립트 기술을 알려주는 데서 그치는 것이 아니라 무엇을 모르는지 모르는 상태에서조차 무언가를 배울 수 있는 학습 방법까지도 습득할 수 있습니다. 초심자를 배려하는 상세한 설명과 통계를 기반으로 하는 실용적인 학습 내용 구성까지, 이 책을 통해 HTML/CSS/자바스크립트를 배운다면 기본은 물론 응용력까지도 금세 키울 수 있을 것입니다.

개정판에서는 깃허브 페이지를 활용하는 최신 방법과 Web Server for Chrome을 활용해 웹 서버를 가장 간편하게 구축하는 방법, 내가 만든 웹 페이지에 간단한 코드만으로 동영상 삽입, 댓글, 채팅, 방문자 분석 기능을 추가하는 법을 소개합니다.

★ 이 책에서 다루는 내용 ★

  • 코딩이란 무엇인가?
  • HTML, CSS, 자바스크립트 기초
  • HTML, CSS, 자바스크립트를 이용한 웹페이지 제작
  • 웹과 웹 서버의 동작 원리
  • 자바스크립트를 통해 배우는 프로그래밍의 원리

 

도서 상세 이미지

이고잉

생활코딩 운영자

오픈튜토리얼스(https://opentutorials.org/) 운영진

  • [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. 수업을 마치며

동영상, 예제 링크 페이지