한빛 로고
내 콘텐츠장바구니
no Image fallback
대표이미지

미라클 HTML5+CSS3+자바스크립트

강사배재권
16강(8:04:05)
초급
기간무제한
수강료53,000
할인가42,400
적립/혜택

1,590P적립 (3%)

기적처럼 재미있는 웹 프로그래밍

코딩을 몰라도 OK, 웹 개발이 처음이어도 OK
HTML5, CSS 3, 자바스크립트만 알면 누구나 가능한 웹 개발! 


현대 웹 개발에서 HTML5, CSS3, JavaScript는 필수 기술로 자리 잡았습니다. 이 기술들은 웹 페이지 제작의 기초부터 동적 웹 애플리케이션 개발까지 폭넓게 활용되며, 반응형 웹 디자인, API 연동, 데이터 시각화 등 다양한 분야에서 핵심적인 역할을 하고 있습니다. 

하지만 많은 초보 개발자들은 개별 기술을 단편적으로 학습하여 실제 프로젝트에서 어떻게 조합하고 활용해야 할지 어려움을 겪습니다. 

이 강의는 기초 개념을 탄탄하게 다지고 실습을 통해 실무에서 즉시 활용할 수 있도록 구성되었습니다. 다양한 실습 예제를 통해 코드가 어떻게 구현되는지 직접 경험하면서 웹 개발의 기초를 탄탄하게 익힐 수 있습니다.

무엇을 배우는 강의인가요?




[미라클 HTML5+CSS+자바스크립트]는 웹 개발을 처음 배우는 사람도 쉽고 재미있게 학습할 수 있도록 구성된 강의입니다. 

  • HTML5, CSS3, JavaScript를 개별적으로 학습하며, 각 기술이 웹에서 어떻게 활용되는지를 체계적으로 학습할 수 있습니다.

  • 다양한 실습 예제를 제공해 코드가 실제로 어떻게 동작하는지를 직접 확인하며 학습효과를 높입니다.


Part 1. HTML5 - 웹 페이지의 기본 구조

웹 페이지의 기본 요소를 익힙니다.
텍스트, 이미지, 리스트, 링크, 테이블 등의 태그를 활용해 웹페이지를 만들어봅니다. 


Part 2. CSS3 - 웹 페이지 스타일링

웹 페이지의 색상, 글꼴, 레이아웃을 원하는 대로 꾸며봅니다.

반응형 웹 디자인을 적용해봅니다. 


Part 3. 자바 스크립트 - 동적인 기능 추가

변수, 함수, 조건문, 반복문 등을 활용해 동적인 웹 기능을 구현합니다. 

이벤트를 통해 사용자 인터렉션을 적용하는 방법을 배웁니다.

누구를 위한 강의인가요?


  • HTML, CSS, JavaScript를 처음 배우는 초보 개발자 및 비전공자

  • 프론트엔드 개발자로 성장하고 싶은 대학생 및 취업 준비생

  • 디자인뿐만 아니라 기능을 갖춘 웹 페이지를 만들고 싶은 학습자

강의를 수료하고 나면?


  • HTML5, CSS3, JavaScript의 원리를 이해하고 실습을 통해 실전 감각을 익일 수 있습니니다.

  • 웹 페이지의 구조와 스타일을 변경하고 동적인 요소를 추가할 수 있습니다. 

  • 단순히 코드를 외우는 것이 아니라, 코드가 실제로 어떻게 동작하는지를 실습을 통해 자연스럽게 알 수 있습니다.


강사

배재권

배재권

대학에서 14년간 프로그래밍언어, 데이터베이스실무, 소프트웨어공학 등을 강의한 경험을 보유하고 있습니다.

본 강의에서 웹 콘텐츠 작성 방법 및 스타일 지정, 자바스크립트와 캔버스를 이용한 게임 등의 학습을 통해 웹 프로그래밍 개념을 익히고 향후 실무 웹 프로젝트를 진행하는데 도움이 되는 지식을 전달하겠습니다.

웹 프로그래밍 입문자들이 본 교재를 활용하여 웹 프로그래밍에 대한 기초를 다지고, 웹 개발 실무에 도움이 될 것으로 기대합니다. 


경력 및 강의/저서

  • 계명대학교 경영정보학과 재직

  • 금융빅데이터분석(카오스북, 2019) 

  • 4차산업혁명과 스마트비즈니스(박영사, 2020)

  • 헬로핀테크(한국핀테크지원센터, 2020) 

  • 경영정보시스템의 이해 (생능, 2022)

  • 실습으로 배우는 인공지능과경영(생능출판사, 2023)

커리큘럼

재생 강의 시작 전 읽어주세요강의 시작 전 읽어주세요

01:00

재생 02. HTML5로 기본 문서 만들기02. HTML5로 기본 문서 만들기

30:39

재생 03. 문서 구조화와 웹 폼03. 문서 구조화와 웹 폼

30:32

재생 04. CSS로 웹 페이지 꾸미기 104. CSS로 웹 페이지 꾸미기 1

29:18

재생 05. CSS로 웹 페이지 꾸미기 205. CSS로 웹 페이지 꾸미기 2

30:07

재생 06. CSS의 고급기능 106. CSS의 고급기능 1

30:20

재생 07. CSS의 고급기능 207. CSS의 고급기능 2

31:10

재생 08. 자바스크립트와 ES6 108. 자바스크립트와 ES6 1

34:33

재생 09. 자바스크립트와 ES6 209. 자바스크립트와 ES6 2

37:00

재생 10. 자바스크립트 객체 다루기 110. 자바스크립트 객체 다루기 1

30:33

재생 11. 자바스크립트 객체 다루기 211. 자바스크립트 객체 다루기 2

34:16

재생 12. 문서 객체 모델12. 문서 객체 모델

33:04

재생 13. 이벤트 처리하기13. 이벤트 처리하기

31:39

재생 14차시_브라우저 객체모델과 반응형 웹14차시_브라우저 객체모델과 반응형 웹

44:16

재생 15차시_캔버스로 그림 그리기15차시_캔버스로 그림 그리기

29:37

수강 후기

첫 번째 수강평을 남겨주세요!
다른 수강생에게 큰 도움이 됩니다.

20% 53,000

42,400