미라클 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

01. HTML5와 웹 프로그래밍

미리보기26:01미리보기

02. HTML5로 기본 문서 만들기