프론트엔드

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

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

(4.7) 수강평 25개

수강생 2,346명

이지스퍼블리싱

HTML/CSS JavaScript DOM

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

이런 걸 배울 수 있어요

웹 개발 기본을 배울 수 있어요
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)로 활동하고 있습니다.

이력 사항

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

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

13,404

명

수강생

144

개

수강평

4.8

점

강의 평점

개

강의

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

커리큘럼

전체

35개 ∙ (9시간 1분)

섹션 1. 웹 개발 기본 다지기

2개 ∙ (18분)

웹 개발 시작하기
05:31
웹 개발 환경 만들기
13:05

섹션 2. HTML 시작하기

6개 ∙ (1시간 23분)

HTML 기본 문서 만들기
16:56
웹 문서에 다양한 내용 입력하기 (1)
13:24
웹 문서에 다양한 내용 입력하기 (2)
16:24
입력 양식 작성하기 (1)
15:16
입력 양식 작성하기 (2)
10:53
입력 양식 작성하기 (3)
10:22

섹션 3. CSS 다루기

14개 ∙ (4시간 0분)

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

섹션 4. 자바스크립트 기초

13개 ∙ (3시간 19분)

강의 게시일: 2023. 04. 19.

마지막 업데이트일: 2023. 04. 20.

수강평

전체

25개

4.7

25개의 수강평

Jang Jaehoon
2025. 02. 15.
∙
수강평 309
∙
평균 평점 4.7
5
9% 수강 후 작성
프론트엔드 기초가 필요할 때, 참조하겠습니다! 감사합니다!
가온이
2024. 08. 03.
∙
수강평 1
∙
평균 평점 4.0
4
100% 수강 후 작성
강사님이 너무 잘 알려주세요
- 24s718h0659
  2024. 08. 19.
  가온이당^^
권경미/과장/연구개발팀
2025. 01. 08.
∙
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성
자바스크립트 어려워 했었는데, 자세한 설명이 잘 되어 있어 , 만족한 수업이였습니다. 실무하는 데 많은 도움이 될 것 같습니다. 감사합니다.
gkek41
2024. 12. 09.
∙
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성
최현석
2024. 11. 06.
∙
수강평 1
∙
평균 평점 5.0
5
23% 수강 후 작성

이지스퍼블리싱님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Do it! HTML5 + CSS3 웹 표준의 정석 전면 개정 2판

이지스퍼블리싱

무료

입문 / HTML/CSS

4.8

(14)

800+

탄탄한 웹 기본기를 쌓고 싶은 분은 여기로 모이세요!

입문

HTML/CSS

Do it! 프로그레시브 웹앱 만들기

이지스퍼블리싱

무료

초급 / PWA, 웹앱, Vue.js, Vuetify

4.9

(10)

1,100+

글로벌 기업들의 차세대 모바일 전략, PWA(프로그레시브 웹 앱)를 배우자!

초급

PWA, 웹앱, Vue.js

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

무료

초급 / Node.js, JavaScript, Express, MongoDB

4.9

(23)

1,500+

Node.js+자바스크립트+익스프레스+몽고DB로 서버의 핵심을 향해 한눈팔지 않고 달린다!

초급

Node.js, JavaScript, Express

Do it! SQL 입문

이지스퍼블리싱

무료

입문 / SQL

4.5

(22)

2,000+

굵직한 글로벌 기업의 현직 데이터베이스 전문가가 20년 간의 기업 실무와 강의 경험을 아낌없이 담았다!

입문

SQL

Do it! 자바스크립트 입문

이지스퍼블리싱

무료

초급 / JavaScript, DOM

4.8

(6)

1,000+

프런트엔드, 백엔드에 모두 쓰는 자바스크립트 실무 문법 웹 도서 1위 저자와 함께 한 권으로 끝내자!

초급

JavaScript, DOM

된다! 사각사각 아이패드 드로잉 with 프로크리에이트

이지스퍼블리싱

무료

입문 / Procreate

5.0

(5)

800+

《된다! 사각사각 아이패드 드로잉 with 프로크리에이트》의 저자 선생님들과 함께 드로잉/캘리그라피/디자인을 시작해 보세요!

입문

Procreate

2018 Do it! 안드로이드 앱 프로그래밍

이지스퍼블리싱

무료

입문 / Java, Android

4.7

(39)

3,500+

안드로이드 분야 도서 1위 도서 저자 정재곤 박사가 직접 알려주는 안드로이드 강좌!! (2018 개정판)

입문

Java, Android

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

제임스코딩 풀스택 개발 입문 5주 완성

제임스코딩

₩44,000

입문 / HTML/CSS, JavaScript, Git, Node.js

5.0

(15)

제임스코딩 과정은 풀스택 심화 커리큘럼 시작 전, 웹 개발의 기본기를 함양할 수 있는 풀스택 개발 입문 과정입니다. 여러분은 제임스코딩 풀스택 개발 입문 5주 완성을 통해 프로그래밍과 자바스크립트의 기초를 탄탄하게 다질 수 있습니다.

입문

HTML/CSS, JavaScript, Git

Do it! HTML5 + CSS3 웹 표준의 정석 전면 개정 2판

이지스퍼블리싱

무료

입문 / HTML/CSS

4.8

(14)

800+

탄탄한 웹 기본기를 쌓고 싶은 분은 여기로 모이세요!

입문

HTML/CSS

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

₩14,300

초급 / HTML/CSS, JavaScript, vanilla-javascript, css-flexbox

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

초급

HTML/CSS, JavaScript, vanilla-javascript

카페 24 베스트 쇼핑몰 디자인 클론코딩하기 (HTML + CSS)

같이코딩

₩33,000

입문 / 클론코딩, HTML/CSS, 웹 디자인

5.0

(4)

100+

카페 24에 올라온 베스트 쇼핑몰 디자인을 직접 클론코딩해보며 빠르게 HTML과 CSS를 학습할 수 있습니다. HTML + CSS에 대한 기본적인 이론을 학습하고 직접 클론코딩을 통해 쇼핑몰 디자인을 완성하여 이론에서 배웠던 내용을 적용하고 견고하게 HTML과 CSS의 틀을 잡을 수 있게 강의를 구성했습니다

입문

클론코딩, HTML/CSS, 웹 디자인

웹 프로그래밍(HTML5+CSS+javaScript)

국립안동대학교 SW융합교육원

무료

입문 / HTML/CSS, JavaScript, 반응형 웹

5.0

(2)

200+

초급자를 위한 웹 프로그래밍 강의입니다. HTML, CSS, JavaScript의 기본 문법과 활용법을 단계적으로 학습할 수 있도록 구성되었습니다. 웹 페이지 구조 및 디자인, 상호작용 기능 구현 등 웹 개발의 핵심 요소를 다루고 있습니다.

입문

HTML/CSS, JavaScript, 반응형 웹

Do it! 자바스크립트 입문

이지스퍼블리싱

무료

초급 / JavaScript, DOM

4.8

(6)

1,000+

프런트엔드, 백엔드에 모두 쓰는 자바스크립트 실무 문법 웹 도서 1위 저자와 함께 한 권으로 끝내자!

초급

JavaScript, DOM

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹개발

그린코딩

₩33,000

입문 / HTML/CSS, JavaScript, Spring Boot, JSP, MySQL

New

그냥 들어보세요. 강의력과 흡입력 그리고 강의의 질이 다릅니다.

입문

HTML/CSS, JavaScript, Spring Boot

Javascript ES6+ 제대로 알아보기 - 중급

정재남

₩49,500

중급이상 / JavaScript, ES6

4.8

(46)

900+

ES6+ 제대로 알아보기 강좌는 Javascript의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 살펴봅니다.

중급이상

JavaScript, ES6

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

SungYong Lee

₩132,000

초급 / Python, Django, Bootstrap, AWS, Docker, TDD, HTML/CSS, JavaScript

4.8

(40)

500+

만들면서 배우는 파이썬 웹개발 A to Z! 웹 기초부터 블로그 개발, 배포까지 한 번에 배워요.

초급

Python, Django, Bootstrap

공식문서로 배우는 실전 타입스크립트

어쩔코딩

₩22,000

입문 / TypeScript, JavaScript, ES6, Node.js, Next.js

5.0

(2)

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

TypeScript, JavaScript, ES6

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

₩88,000

초급 / 인터랙티브 웹, JavaScript, HTML/CSS

4.8

(21)

300+

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

자바스크립트+jQuery 기초부터 실무까지 : 기초 Part.1

유용한IT학습

₩34,100

입문 / JavaScript, jQuery

4.9

(161)

107,600+

Update

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 1은 자바스크립트의 개요와 변수, 자료형, 연산자, 제어문과 jQuery의 기초를 다루고 있습니다.

입문

JavaScript, jQuery

이거 하나로 종결-스프링 기반 풀스택 웹개발 무료강의

그린코딩

무료

입문 / HTML/CSS, Spring Boot, Spring Security, JSP, JavaScript, Spring

4.9

(17)

1,800+

Update

꽉찬 40시간 스프링기반풀스택개발전면무료강의

입문

HTML/CSS, Spring Boot, Spring Security

Do it! Node.js 프로그래밍 입문

이지스퍼블리싱

무료

초급 / Node.js, JavaScript, Express, MongoDB

4.9

(23)

1,500+

Node.js+자바스크립트+익스프레스+몽고DB로 서버의 핵심을 향해 한눈팔지 않고 달린다!

초급

Node.js, JavaScript, Express

Node.js로 웹 크롤링하기

제로초(조현영)

₩55,000

중급이상 / JavaScript, Node.js, 웹 크롤링, Puppeteer

4.9

(34)

900+

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

클린업 JavaScript: 베이스 빌드업!

김영보

₩44,000

초급 / JavaScript, 면접, 기술면접

5.0

(3)

100+

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접