코딩을 몰라도 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의 원리를 이해하고 실습을 통해 실전 감각을 익일 수 있습니니다.
웹 페이지의 구조와 스타일을 변경하고 동적인 요소를 추가할 수 있습니다.
단순히 코드를 외우는 것이 아니라, 코드가 실제로 어떻게 동작하는지를 실습을 통해 자연스럽게 알 수 있습니다.
1 | 강의 시작 전 읽어주세요 | 1:00 |
2 | 01. HTML5와 웹 프로그래밍 | 26:01 |
3 | 02. HTML5로 기본 문서 만들기 | 30:39 |
4 | 03. 문서 구조화와 웹 폼 | 30:32 |
5 | 04. CSS로 웹 페이지 꾸미기 1 | 29:18 |
6 | 05. CSS로 웹 페이지 꾸미기 2 | 30:07 |
7 | 06. CSS의 고급기능 1 | 30:20 |
8 | 07. CSS의 고급기능 2 | 31:10 |
9 | 08. 자바스크립트와 ES6 1 | 34:33 |
10 | 09. 자바스크립트와 ES6 2 | 37:00 |
11 | 10. 자바스크립트 객체 다루기 1 | 30:33 |
12 | 11. 자바스크립트 객체 다루기 2 | 34:16 |
13 | 12. 문서 객체 모델 | 33:04 |
14 | 13. 이벤트 처리하기 | 31:39 |
15 | 14차시_브라우저 객체모델과 반응형 웹 | 44:16 |
16 | 15차시_캔버스로 그림 그리기 | 29:37 |