메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

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

  • 강사 : 배재권
  • 강의구성 : 16강 / 8시간 04분
  • 수강기간 : 제한없음 / 30일(권장기간)
초급 초중급 중급 중고급 고급

소개

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

코딩을 몰라도 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)

커리큘럼

1강의 시작 전 읽어주세요1:00
201. HTML5와 웹 프로그래밍26:01
302. HTML5로 기본 문서 만들기30:39
403. 문서 구조화와 웹 폼30:32
504. CSS로 웹 페이지 꾸미기 129:18
605. CSS로 웹 페이지 꾸미기 230:07
706. CSS의 고급기능 130:20
807. CSS의 고급기능 231:10
908. 자바스크립트와 ES6 134:33
1009. 자바스크립트와 ES6 237:00
1110. 자바스크립트 객체 다루기 130:33
1211. 자바스크립트 객체 다루기 234:16
1312. 문서 객체 모델33:04
1413. 이벤트 처리하기31:39
1514차시_브라우저 객체모델과 반응형 웹44:16
1615차시_캔버스로 그림 그리기29:37

수강 후기

전체 평점
0
  • 첫번째 수강 후기를 작성해주세요.
  • 추천도서



    결재하기

    오탈자 등록

    닫기
    * 도서명 :
    미라클 HTML5+CSS3+자바스크립트
    * 구분 :
    * 상품 버전
    종이책 PDF ePub
    * 페이지 :
    * 위치정보 :
    * 내용 :
    닫기

    해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
    장바구니로 이동하시겠습니까?