Thumbnail
개발 · 프로그래밍 웹 개발
BBC 인터랙티브 페이지 "코로나19가 바꿀 사무실의 미래" 클론
(5.0)
94개의 수강평 ∙ 1594명의 수강생

무료

지식공유자 : 1분코딩
총 4개 수업
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
내 목록 추가 공유
초급자를 위해 준비한
[웹 개발, UX/UI] 강의입니다.

SNS에서 인기리에 공유되고 있는 BBC의 "코로나19가 바꿀 사무실의 미래" 인터랙티브 페이지의 핵심 기능을 똑같이 만들어 봅니다.

✍️
이런 걸
배워요!
자바스크립트 UI 개발
스크롤을 이용한 인터랙션

기본적인 스크롤 액션으로 재미있는 웹 콘텐츠를 만들어 보세요!

코로나19 시대, 다들 안녕하신가요?
페이스북 등에서 많이 공유되었던 BBC 비주얼저널리즘팀의 "재택근무의 일상화.. 코로나19가 바꿀 사무실의 미래" 인터랙티브 페이지를 비슷하게 만들어 봅니다.
position sticky, IntersectionObserver 등의 최신 기술들을 활용해서 효율적으로 만드는 방법을 알려드릴게요.
기본 스크롤 액션을 이용한 기법이므로 재미있는 웹 콘텐츠 제작에 여러가지로 활용하기 좋을 거예요!

이 분, 많이 보셨죠? 😊

얘는 많이 못보셨죠..? 😅

1분코딩의
다른 강의가 궁금하다면?

1분코딩 인터랙티브 웹 로드맵
"Oh!" 감탄사가 나오는
역동적인 인터랙티브 웹사이트를 만들어요.

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분
특별한 포트폴리오 웹사이트를 만들고 싶은 분
평소 1분코딩의 강의가 좋았던 분들
📚
선수 지식,
필요한가요?
CSS, 자바스크립트 기초

안녕하세요
1분코딩 입니다.
1분코딩의 썸네일

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

커리큘럼 총 4 개
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 준비하기
섹션 1. 페이지 제작하기
CSS 레이아웃
JS part 1
JS part 2
강의 게시일 : 2020년 09월 01일 (마지막 업데이트일 : 2020년 09월 01일)
수강평 총 94개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
94개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
ev79 thumbnail
이런 강의가 무료라니! 너무너무 감사합니다.
2020-12-30
이은혜 thumbnail
클론 코딩을 영상을 보면서 따라 작업을 했는데 설명도 이해가 잘 되게 해주셔서 재미있게 강의를 보면서 공부하고 있습니다. 더 많은 강의 컨텐츠가 계속 생겼으면 좋겠습니다 !!
2020-12-16
지식공유자1분코딩
감사합니다 은혜님!
2021-05-12
kkuk yang thumbnail
감사합니당~~!
2020-12-16
지식공유자1분코딩
감사합니다^^
2021-05-12
박수진 thumbnail
많이 배웠습니다! 복습해서 실력을 늘려가도록 하겠습니다!!! 강사님이 계셔서 ㅠㅠ힘이 납니다!!!!
2020-11-26
지식공유자1분코딩
화이팅입니다!!
2020-12-01
jay kim thumbnail
귀에 쏙쏙 잘 들어오네요.. 다른 유료강의보다 더 재밌고 이해가 더 잘 됩니다!! 감사해요 다른 재밌는 무료강의도 기대됩니다
2020-12-18
지식공유자1분코딩
감사합니다!
2021-05-12

무료

내 목록 추가 공유
지식공유자 : 1분코딩
총 4개 수업
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스