이런 걸 배울 수 있어요
- 창의적인 인터랙티브 웹 개발
- 눈에 띄는 포트폴리오 웹사이트 제작
- 창의적인 디자인을 코드로 옮기는 일련의 과정
- 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 기초
- 자바스크립트 기초
