3D리플릿 만들기 - 인터랙티브 웹 프로젝트 - 인프런

BEST 개발 · 프로그래밍 웹 개발

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

(4.8)20개의 수강평 ∙ 324명의 수강생

1분코딩

HTML/CSS JavaScript 웹 퍼블리싱 웹 개발 인터랙티브 웹

16,500원

지식공유자 : 1분코딩

총 15개 수업˙총 1시간 40분

평생 무제한 수강

수료증 발급 강의

입문 초급 중급이상 대상

내 목록 추가 322

중급자를 위해 준비한
[웹 개발] 강의입니다.

인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

✍️
이런 걸
배워요!

창의적인 인터랙티브 웹 개발

눈에 띄는 포트폴리오 웹사이트 제작

창의적인 디자인을 코드로 옮기는 일련의 과정

CSS와 자바스크립트를 효율적으로 연계하기

🗒 강의소개

인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

개발을 잘 하고 싶은 디자이너, 디자인에 관심이 많은 개발자들을 위한 시리즈에요.
지루하지 않은 재미있는 예제들을 통해 웹 프론트엔드 기술의 기본기를 탄탄히 확장해 보세요!

첫번째는 입체로 펼쳐지고 확대도 되는
3D 리플릿(leaflet)이에요.

🙌 알려드려요

* 완전히 기초부터 진행하는 수업은 아닙니다. CSS와 자바스크립트 기초는 알고 계셔야 학습을 원활히 진행하실 수 있습니다.

* 체계적인 학습을 위해, 아래 강좌의 전반부(이론 부분)를 학습하신 후 본 강좌를 보시면 더 좋습니다.
인터랙티브 웹 제대로 시작하기 https://www.inflearn.com/course/interactive_web
(자바스크립트 UI 개발에 익숙하시다면 본 강좌를 바로 수강하셔도 무방합니다)

* 자바스크립트와 CSS 기초 정리가 필요하다면 제 유튜브 채널의 기초 정리 영상으로 먼저 공부를 하시면 좋습니다.
https://www.youtube.com/playlist?list=PLe9WXHRkq9p0k7eF0TrIHgL5Cy9khHWnX

* 그 외에 필요한 선수지식은 선행학습 섹션에 관련 영상을 따로 준비해 두었습니다.

* ECMA 2015(ES6)버전의 스크립트를 사용합니다.

* 완성된 소스코드를 제공합니다.

지식공유자가 알려주는
강의 수강 꿀팁!

🎓
이런 분들께
추천드려요!

크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분들

남들과 다른 독특한 포트폴리오 웹사이트를 만들고 싶은 분들

개자이너, 디발자에 대한 로망을 갖고 계신 분들

📚
선수 지식,
필요한가요?

CSS 기초

자바스크립트 기초

서울에서 웹 디자이너이자 웹 개발자로 일했고 지금은 제주에서 웹사이트 만드는 일, 강의, 영상 만드는 일, 컨텐츠 만드는 일 등 해보고 싶은거 이것저것 해보며 살고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹 개발에 특히 관심이 많고 페이스북과 유튜브 "1분코딩"에서 관련 기술들을 공유하고 있어요.
무료 강의는 유튜브에, 유료 강의는 인프런에 업로드하고 있습니다.