인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Front-end

BBC Interactive Page "The Future of Offices: How Covid-19 Will Change Its Ways" Clone

Let's replicate the core features of the BBC's interactive page "The Future of Offices: How COVID-19 Will Change Your Workplace", which is being shared popularly on social media.

(5.0) 180 reviews

3,330 students

Interactive Web
Clone Coding
Thumbnail

This course is prepared for Basic Learners.

What you will learn!

  • JavaScript UI Development

  • Interaction using scroll

Create fun web content with basic scrolling actions!

Hello everyone, how are you doing in the COVID-19 era?
Let's create a similar interactive page by the BBC Visual Journalism Team , "Working from home becomes the norm... How COVID-19 will change the future of the office," which was widely shared on Facebook and other platforms.
I'll show you how to make it efficient by utilizing the latest technologies such as position sticky and IntersectionObserver.
Since this is a technique that uses basic scroll actions, it can be used in various ways to create interesting web content!

Have you seen this person a lot? 😊

You haven't seen this one much, right..? 😅

1 minute coding
Are you curious about other lectures?

1 Minute Coding Interactive Web Roadmap
"Oh!" exclamation comes out
Create dynamic, interactive websites.

Recommended for
these people!

Who is this course right for?

  • Anyone interested in implementing creative, interactive web

  • Anyone who wants to create a special portfolio website

  • People who liked the 1-minute coding lectures

Need to know before starting?

  • CSS, JavaScript Basics

Hello
This is

18,957

Students

1,168

Reviews

1,173

Answers

5.0

Rating

11

Courses

서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
인프런 강의를 만들 때는 언제나 "지루하지 않고 재밌으면서도 유익한 강의"를 만드는 것을 목표로 합니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.

Curriculum

All

4 lectures ∙ (1hr 12min)

Course Materials:

Lecture resources
  • CSS Layout

    15:36

Published: 
Last updated: 

Reviews

Not enough reviews.
Become the author of a review that helps everyone!