Thumbnail
개발 · 프로그래밍 프론트엔드

BBC 인터랙티브 페이지 "코로나19가 바꿀 사무실의 미래" 클론 대시보드

(5)
170개의 수강평 ∙  3,183명의 수강생

무료

지식공유자: 1분코딩
총 4개 수업 (1시간 12분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

초급자를 위해 준비한
[프론트엔드, 웹 퍼블리싱] 강의입니다.

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

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

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

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

이 분, 많이 보셨죠? 😊

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

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

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

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
크리에이티브 넘치는 인터랙티브 웹 구현에 관심있는 분
특별한 포트폴리오 웹사이트를 만들고 싶은 분
평소 1분코딩의 강의가 좋았던 분들
📚
선수 지식,
필요할까요?
CSS, 자바스크립트 기초

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

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

커리큘럼 총 4 개 ˙ 1시간 12분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 준비하기
섹션 1. 페이지 제작하기
CSS 레이아웃 15:36
JS part 1 33:32
JS part 2 23:39
강의 게시일 : 2020년 09월 01일 (마지막 업데이트일 : 2020년 09월 01일)
수강평 총 170개
수강생분들이 직접 작성하신 수강평입니다.
5
170개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김지만 thumbnail
5
진심 도움이 많이 됐습니다.
2022-10-12
지식공유자 1분코딩
감사합니다 :)
2022-11-02
ev79 thumbnail
5
이런 강의가 무료라니! 너무너무 감사합니다.
2020-12-30
지식공유자 1분코딩
감사합니다!
2021-11-04
유지인 thumbnail
5
처음 듣는 일분코딩님강의인데 애플코딩편 구매전에 어떤 강의 스타일인지 보고싶었는데, 그 짧은 15분으로도 강의 퀄리티가 느껴지고 재미있네요! 애플편도 구매해야겠습니다.!
2023-06-29
지식공유자 1분코딩
감사합니다 지인님!
2023-07-03
ReKoding thumbnail
5
무료 영상인데 퀄리티가 좋습니다. 재미있게 잘배웠습니다 감사합니다!
2023-06-30
지식공유자 1분코딩
감사합니다 승현님!
2023-07-03
박수진 thumbnail
5
많이 배웠습니다! 복습해서 실력을 늘려가도록 하겠습니다!!! 강사님이 계셔서 ㅠㅠ힘이 납니다!!!!
2020-11-26
지식공유자 1분코딩
화이팅입니다!!
2020-12-01