HTML5 + CSS3 + JavaScript

Name: HTML5 + CSS3 + JavaScript
Price: 33000 KRW

이 강의는 웹 개발의 기초인 HTML5, CSS3, JavaScript를 중심으로 프론트엔드 개발의 핵심 기술을 체계적으로 익히는 과정입니다. 수강생은 웹 페이지의 구조 설계부터 스타일링, 동적 기능 구현까지의 전체 흐름을 실습을 통해 배우며, 실제 프로젝트 기반 학습을 통해 실무 역량을 강화할 수 있습니다.

(4.0) 수강평 1개

수강생 5명

홍창윤

JavaScript html5 css3

이런 걸 배울 수 있어요

웹의 기본 구조가 무엇인지 제대로 이해하기
직접 손으로 나만의 웹 페이지 만들어보기

📌 강의 소개

“웹 개발, 이제 시작해도 늦지 않았습니다!”
HTML5, CSS3, JavaScript는 웹 프론트엔드 개발의 기본입니다. 이 강의는 처음 웹을 배우는 분들도 쉽게 따라올 수 있도록 구성되어 있으며, 핵심 개념을 이론과 실습을 통해 체계적으로 익힐 수 있습니다.

✨ 수강 후 만들 수 있는 결과물

나만의 포트폴리오 웹사이트
반응형 디자인이 적용된 웹 페이지
사용자와 상호작용하는 간단한 JavaScript 기능 (예: 버튼 클릭, 이미지 슬라이드 등)

🎯 이런 분께 추천합니다

HTML, CSS, JavaScript를 처음 접하는 분
웹 퍼블리싱을 배우고 싶은 취업 준비생
직접 실습하며 웹 개발 역량을 키우고 싶은 분

📚 학습 내용

HTML5를 활용한 웹 페이지 구조 설계
CSS3로 디자인 스타일링과 반응형 레이아웃 적용
JavaScript로 동적인 사용자 인터랙션 구현

이런 분들께
추천드려요

학습 대상은
누구일까요?

웹 개발이 처음인 분
실무에 바로 적용하고 싶은 예비 개발자 또는 직장인

선수 지식,
필요할까요?

아니요, 이 강의는 HTML, CSS, JavaScript를 처음 접하는 분도 이해할 수 있도록 구성되어 있습니다. 단, 마우스와 키보드 사용에 익숙하고 웹 브라우저 사용 경험이 있다면 학습에 도움이 됩니다.

안녕하세요
입니다.

안녕하세요,

저는 IT 실무와 교육 현장에서 20년 넘게 활동해 온 홍창윤입니다.
웹 개발, 클라우드, 빅데이터, AI까지 폭넓은 기술을 직접 개발하고 가르쳐 온 실무형 강사입니다.

HTML5, CSS3, JavaScript 같은 웹 기초부터 Spring Boot 기반 백엔드, AWS 클라우드, AI/머신러닝까지 비전공자도 이해할 수 있도록 쉽게 풀어내는 강의에 집중하고 있습니다.

📌 이런 강의를 제공합니다!

누구든지 쉽게 따라올 수 있는 기초부터 실무까지
실습 중심 + 프로젝트 기반 학습
질문과 피드백이 활발한 소통 중심 커뮤니티

💡 저는 여러분이 "코딩을 도전하고 완성할 수 있는 사람"이 되도록 돕는 것을 가장 중요하게 생각합니다.

🔗 연락 및 포트폴리오

인프런 프로필: inflearn.com/users/@hiroad
GitHub: github.com/ojsag
카페: cafe.naver.com/ojsag
이메일: hiroad@naver.com

커리큘럼

전체

26개 ∙ (11시간 33분)

해당 강의에서 제공:

수업자료

섹션 1. HTML5

6개 ∙ (2시간 43분)

1. 웹 프로그래밍의 이해
22:25
2. HTML5 웹 프로그래밍 과정
24:34
3. HTML5 문서 만들기
29:01
4. HTML5 구성 요소
30:23
5. HTML5의 문서 구조와 웹 폼
30:36
6. 웹 폼 만들기
26:45

섹션 2. CSS3

4개 ∙ (1시간 44분)

7. CSS3 스타일 시트
26:06
8. CSS3 스타일 적용
26:19
9. 배치와 리스트 꾸미기
25:38
10. 표/폼 꾸미기와 동적 변화 만들기
26:54

섹션 3. JavaScript

16개 ∙ (7시간 4분)

11. 변수와 연산자
29:32
12. 조건문, 반복문, 함수
24:57
13. 자바스크립트 기본 객체
26:41
14. 자바스크립트 기본 객체와 사용자 정의 객체
26:31
15. DOM 객체
27:06
16. document 객체와 HTML 문서의 동적 구성
26:43
17. 이벤트 객체와 흐름
27:40
18. 이벤트 핸들링
25:28
19. 브라우저 관련 객체와 window 객체
27:05
20. location, navigator, screen, history 객체
23:31
21. 캔버스 이해와 활용
27:36
22. 그래픽 이해와 활용
27:07
23. HTTP와 쿠키
26:28
24. 웹 스토리지
24:41
25. 멀티미디어 제어와 위치정보 서비스
25:42
26. 웹 워커
28:03

강의 게시일:

마지막 업데이트일:

수강평

전체

1개

4.0

1개의 수강평

pskim
수강평 3
∙
평균 평점 4.3
4
100% 수강 후 작성

₩33,000

비슷한 강의

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

JavaScript로 배우는 fullPage + anime + SVG Animation 포트폴리오

LIZ.B

Vanilla Javascript + fullPage.js + SVG Animation 인터랙티브 웹 포트폴리오! 취업과 이직을 위한 필수 코스!

초급

인터랙티브 웹, JavaScript

JavaScript로 배우는 fullPage + anime + SVG Animation 포트폴리오

LIZ.B

함수형 프로그래밍과 JavaScript ES6+

MDU 유인동

ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, map/filter/reduce, 파이프라인, 제너레이터를 통한 지연 평가, Promise 합성, 동시성/병렬성, async/await와 비동기 에러 핸들링 등을 배울 수 있습니다. 이 강좌를 습득하고 연습하여 중급 자바스크립트 개발자로 성장하세요!

초급

JavaScript, 함수형 프로그래밍

함수형 프로그래밍과 JavaScript ES6+

MDU 유인동

함수형 프로그래밍과 JavaScript ES6+ 응용편

MDU 유인동

이 강좌는 함수형 프로그래밍과 JavaScript ES6+의 시리즈 강좌로 다양한 응용 사례를 다룹니다.

중급이상

JavaScript, 함수형 프로그래밍

함수형 프로그래밍과 JavaScript ES6+ 응용편

MDU 유인동

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

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

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

입문

HTML/CSS, JavaScript, 반응형 웹

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

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

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

인프런

처음으로 프로그래밍을 시작하는 분들을 위한 웹 개발 입문 강의입니다. HTML, CSS, Javascript를 배우고 인스타그램 포스팅 카드를 만들어봄으로써 웹페이지 제작에 꼭 필요한 기본적인 내용들을 학습합니다.

입문

HTML/CSS, JavaScript

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

인프런

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

SungYong Lee

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

초급

Python, Django, Bootstrap

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

SungYong Lee

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

유용한IT학습

이론 및 실습을 통해 자바스크립트와 jQuery에 대해 배우는 중급 과정입니다. HTML, CSS, JS에 대한 기본 개념을 바탕으로 실무에 적용할 수 있는 내용으로 구성되어 있습니다. Part.2는 스타일, 속성, 이벤트, 위치 및 크기, 애니메이션에 대해 다루고 있습니다.

초급

JavaScript, jQuery

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

유용한IT학습

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

김영보

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

초급

JavaScript, 면접, 기술면접

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

김영보

자바스크립트 ES6+ 기초 핵심 문법

이룸코딩

자바스크립트에 처음 입문하시는 분들이 모던 자바스크립트에 대해 알아야 하는 핵심 문법을 짧고 굵게 정리했습니다. 문법 공부는 한 번에 확실하게 그리고 짧게 끝내고, 소중한 시간은 무언가 만드는데 투자하세요!

초급

JavaScript, ES6

자바스크립트 ES6+ 기초 핵심 문법

이룸코딩

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

이지스퍼블리싱

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

입문

HTML/CSS, JavaScript, DOM

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

이지스퍼블리싱

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 ReactNative로 나만의 게시판을 만들어보세요!

초급

JavaScript, React Native, Kotlin

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기

Neo

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

입문

JavaScript, React, Node.js

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)

mongoDB, NoSQL 요즘 많이 들리지만 아직은 낯선 데이터베이스인가요? 관계형 데이터베이스(RDS/SQL)처럼 사용하고 계시지는 않으신가요? 아무리 좋은 기술도 올바르게 사용하지 않으면 역효과가 발생합니다. 그래서 몽고디비 사용 실패 사례도 종종 보이는데요. 이 강의는 mongoDB를 최대한 mongoDB스럽게 사용할 수 있도록 기본 개념부터 실무 노하우까지 가르쳐드려요.

초급

MongoDB, REST API, Node.js

mongoDB 기초부터 실무까지(feat. Node.js)

김시훈 (도도소프트)