🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

Thumbnail
개발 · 프로그래밍 프론트엔드

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 대시보드

(4.8)
9개의 수강평 ∙  1,701명의 수강생

무료

지식공유자: 이지스퍼블리싱
총 35개 수업 (9시간 1분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

입문자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!

✍️
이런 걸
배워요!
웹 개발 기본을 배울 수 있어요
HTML의 기본을 배울 수 있어요
CSS의 기본을 배울 수 있어요
자바스크립트의 기초를 배울 수 있어요

웹 개발의 가장 기초가 되는 3가지, 
강의 하나로 한번에 입문! 

쉬운 실습, 명쾌한 핵심으로 확실하게
웹 기본, 한 권으로 끝내기

이지스퍼블리싱 Do it! HTML+CSS+JS 웹 표준의 정석

이 강의는 도서 『Do it! HTML+CSS+자바스크립트 웹 표준의 정석 (이지스퍼블리싱)』 기반으로 만든 동영상 강의로, 웹 개발을 위한 가장 기본이 되는 기술을 다룹니다. 

✅ 웹 표준 개발의 최신 경향 반영

✅ 중요한 핵심 문법 + 풍성한 예제

✅ ‘웹 분야 교과서급’ 내용으로 알차게!

웹의 기본을 한 권으로 끝낼 수 있는 책, 동영상과 함께 만나보세요! 8년 연속 웹 분야 도서 1위인 《Do it! HTML5+CSS3 웹 표준의 정석》의 고경희 저자가 ‘HTML, CSS, 자바스크립트를 한 권으로’ 배우고 싶다는 많은 독자의 요구를 모아 최신 경향을 반영하였습니다. 웹 개발을 시작하는 입문자도 쉽게 실습할 수 있고, 중요한 문법만 다시 공부하고 싶은 중·고급자에게도 도움이 됩니다.

친절한 설명은 기본! 핵심만 쏙쏙 뽑아서 실무에 바로 사용할 수 있는 예제도 풍성하게 담겨 있습니다. 또한 최신 웹 표준 기술인 HTML5, CSS3, 자바스크립트(ES6)를 기준으로 설명하며 책의 모든 내용을 압축한 최종 프로젝트 〈웹 사이트 만들기〉 PDF 전자책을 무료로 추가 제공합니다. 수많은 독자가 입을 모아 ‘웹 분야의 교과서’라고 부르는 이유를 지금 확인해 봅시다!


목차 🙆‍♀️

웹 개발 기본 다지기

  • 웹 개발 시작하기
  • 웹 개발 환경 만들기

HTML 시작하기

  • HTML 기본 문서 만들기
  • 웹 문서에 다양한 내용 입력하기
  • 입력 양식 작성하기

CSS 다루기

  • CSS의 기본
  • 텍스트를 표현하는 다양한 스타일
  • 레이아웃을 구성하는 CSS 박스 모델
  • 이미지와 그러데이션 효과로 배경 꾸미기
  • CSS 고급 선택자
  • 트랜지션과 애니메이션
  • 반응형 웹과 미디어 쿼리

자바스크립트 기초

  • 자바스크립트와 첫 만남
  • 자바스크립트 기본 문법
  • 함수와 이벤트
  • 자바스크립트와 객체
  • 문서 객체 모델(DOM)

이 강의의 지식공유자는

고경희 🎓

2010년 『Do it! HTML5 + CSS3』를 출간한 후 웹 관련 강의와 집필을 꾸준히 해왔습니다. 웹 초창기부터 ASP와 자바 등을 소개하는 전문 도서를 번역하면서 웹 기술에 관심을 가지기 시작했고, 이후 HTML과 DHTML(Dynamic HTML), CSS, 자바스크립트 등 웹 관련 기술을 더 쉽게 익힐 수 있는 도서 60여 종을 집필했습니다. 특히 2021년 출간한 『Do it! HTML+CSS+자바스크립트 웹 표준의 정석』은 웹 개발에 입문하는 사람의 필독서로 자리매김하여 2년째 웹 분야 베스트셀러 1위를 이어오고 있습니다. 홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부한 뒤, 현재 Development Technologies 분야에서 마이크로소프트 공인 최고 기술자(Microsoft Most Valuable Professional)로 활동하고 있습니다.

이력 사항

  • 홍익대 전자계산학과 졸업, 동대학 컴퓨터공학과에서 석사 과정 수료
  • 한국디지털대학교 웹 기초 분야 강사로 활동 중

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
웹 기술의 핵심만 배우고 싶은 웹 디자이너
프런트 웹 개발자를 꿈꾸는 취준생
웹 퍼블리셔 과정을 공부하는 대학생

안녕하세요
이지스퍼블리싱 입니다.
이지스퍼블리싱의 썸네일

사람을 구체적으로 도와주는 책을 만듭니다.

커리큘럼 총 35 개 ˙ 9시간 1분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. HTML 시작하기
HTML 기본 문서 만들기 미리보기 16:56
웹 문서에 다양한 내용 입력하기 (1) 13:24
웹 문서에 다양한 내용 입력하기 (2) 16:24
입력 양식 작성하기 (1) 15:16
입력 양식 작성하기 (2) 10:53
입력 양식 작성하기 (3) 10:22
섹션 2. CSS 다루기
CSS의 기본 (1) 미리보기 20:05
CSS의 기본 (2) 22:30
텍스트를 표현하는 다양한 스타일 (1) 16:06
텍스트를 표현하는 다양한 스타일 (2) 13:30
레이아웃을 구성하는 CSS 박스 모델 (1) 23:34
레이아웃을 구성하는 CSS 박스 모델 (2) 17:34
이미지와 그러데이션 효과로 배경 꾸미기 (1) 15:47
이미지와 그러데이션 효과로 배경 꾸미기 (2) 12:37
CSS 고급 선택자 18:57
트랜지션과 애니메이션 (1) 11:01
트랜지션과 애니메이션 (2) 15:06
반응형 웹과 미디어 쿼리 (1) 18:34
반응형 웹과 미디어 쿼리 (2) 16:16
반응형 웹과 미디어 쿼리 (3) 18:35
섹션 3. 자바스크립트 기초
자바스크립트와 첫 만남 미리보기 16:20
자바스크립트 기본 문법 (1) 14:40
자바스크립트 기본 문법 (2) 11:34
자바스크립트 기본 문법 (3) 14:10
자바스크립트 기본 문법 (4) 11:29
함수와 이벤트 (1) 17:58
함수와 이벤트 (2) 18:20
함수와 이벤트 (3) 11:43
자바스크립트와 객체 (1) 20:57
자바스크립트와 객체 (2) 15:04
문서 객체 모델(DOM) (1) 미리보기 13:56
문서 객체 모델(DOM) (2) 12:50
문서 객체 모델(DOM) (3) 20:11
강의 게시일 : 2023년 04월 20일 (마지막 업데이트일 : 2023년 04월 20일)
수강평 총 9개
수강생분들이 직접 작성하신 수강평입니다.
4.8
9개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
원이 thumbnail
3
이렇게 무료로 책 내용 강의해주셔서 감사합니다. 그치만 자세한 속성같은 것들은 강의 내용에 없어 아쉽네요.
2024-04-21
myoro1d thumbnail
5
......
2024-04-08
낑깡 thumbnail
5
생초보 비전공자입니다. 쉽게 이해할수 있게 만들어주셔서 감사합니다.
2024-03-17
아찔한나미 thumbnail
5
감사합니다. 많은 도움이 되었습니다.
2024-05-28
jfp2022 thumbnail
5
html에 가장 기초적인 틀을 이해하는데 도움이 되었습니다
2024-05-08
채널톡 아이콘