Sorry, this page is no longer available
We may earn an affiliate commission when you visit our partners.
Course image
Kevin Powell

Build a Space Travel Website is the perfect course for frontend developers who want to practice bringing high-quality Figma designs to life in the browser.

It’s the ultimate collab: Frontend Mentor on design, Scrimba on toolkit, Kevin Powell as a guide and you as developer.

During the course, you’ll test your HTML, CSS and JavaScript skills by building out a responsive, multi-page site featuring a homepage, buttons, a navigation bar, tabs, keyboard navigation and underline, dot and number indicators.

Read more

Build a Space Travel Website is the perfect course for frontend developers who want to practice bringing high-quality Figma designs to life in the browser.

It’s the ultimate collab: Frontend Mentor on design, Scrimba on toolkit, Kevin Powell as a guide and you as developer.

During the course, you’ll test your HTML, CSS and JavaScript skills by building out a responsive, multi-page site featuring a homepage, buttons, a navigation bar, tabs, keyboard navigation and underline, dot and number indicators.

You’ll also learn how to create an effective design system to ensure that your site is sharp and professional, and your coding is as efficient as possible.

You’ll get as much independent practice as possible in this course, using detailed designs in Figma to craft a site which looks amazing on a variety of screen sizes and browsers.

Thanks to Scrimba's interactive technology, you’ll build the muscle memory you need to become a truly efficient developer.

After completing this course, you’ll have a deep understanding of CSS and responsive design and the knowledge to build an interactive site which users will adore.

Enroll now

Here's a deal for you

Save money when you learn with a deal that may be relevant to this course.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

What's inside

Syllabus

The Design System
The Homepage
Description
Read more

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Explores responsive design, which is standard in web development
Develops HTML, CSS, and JavaScript, which are core skills for frontend development
Taught by Kevin Powell, who is recognized for his work in frontend development
Offers hands-on labs to build muscle memory in coding
Uses Figma designs, which are industry-standard
Covers navigation, tabs, and keyboard navigation, which are essential for user experience

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

Hands-on responsive web development with figma

According to learners, this course offers an exceptionally practical experience for frontend developers keen on transforming Figma designs into live, responsive websites. Students consistently praise Kevin Powell's clear and actionable explanations, particularly highlighting the deep dive into responsive design principles and advanced CSS techniques. The interactive Scrimba platform is frequently cited as a major benefit, making the hands-on coding process intuitive. While the HTML and CSS content is largely comprehensive, some reviewers noted the JavaScript portion is basic, serving primarily for essential interactivity rather than in-depth programming. It is considered best for those with foundational knowledge looking to apply and solidify their skills rather than absolute beginners.
Techniques taught are modern and applicable to current web development.
"The techniques taught are still very relevant for modern web development workflows, especially for responsive design."
"I appreciate that the concepts are foundational and widely applicable for building robust websites without needing frameworks."
"While one reviewer mentioned feeling it was outdated in its vanilla approach, the course's core CSS/HTML skills remain highly valuable and current."
Scrimba's interactive environment enhances the learning experience.
"The Scrimba platform makes coding along seamless and truly interactive."
"The interactive Scrimba environment is a game-changer."
"I appreciated the hands-on coding through Scrimba."
Instructor Kevin Powell provides clear and actionable explanations.
"Kevin Powell has a knack for making complex concepts simple and actionable."
"The instructor's pace was just right, and his explanations made everything click."
"Really enjoyed how he explained the 'why' behind the code, not just the 'how'."
Focuses on hands-on application, building a full website.
"This course was fantastic for building a complete, responsive website from a Figma design. I loved the practical application."
"It's exactly what I needed to bridge the gap between theoretical knowledge and practical application."
"Learned so much by actually coding along and seeing the immediate results of my work."
Exceptional for mastering responsive design and advanced CSS techniques.
"Kevin Powell's explanations on responsive design and advanced CSS are unparalleled."
"The CSS and HTML sections are exceptionally well-taught, covering layouts, transitions, and accessibility beautifully."
"The focus on responsive design and handling different screen sizes was incredibly helpful."
JavaScript content is foundational, not in-depth.
"My only minor critique is that the JavaScript portion felt a bit lightweight compared to the deep dive into CSS."
"If you're looking for deep JavaScript dives, this course won't provide it, but it's fine for the project."
"I was hoping for more advanced JavaScript and modern framework integration, but it's very much focused on vanilla HTML/CSS/JS."
Requires foundational HTML, CSS, and basic JavaScript understanding.
"I found this course quite difficult as a beginner. It jumps straight into complex CSS layouts and assumes you already know a fair bit."
"Not for absolute beginners; having some prior HTML/CSS knowledge is a must."
"For a complete beginner, it might be a bit much, as it moves quickly and assumes some prior exposure to web technologies."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Build a Space Travel Website with these activities:
Review HTML Basics
Reviewing the basics of HTML will solidify understanding of the foundational concepts used throughout the course.
Browse courses on HTML
Show steps
  • Read articles or tutorials on HTML
  • Watch videos online about HTML
  • Practice writing HTML code in a code editor
Review CSS Basics
Reviewing the basics of CSS will solidify understanding of the foundational concepts used throughout the course.
Browse courses on CSS
Show steps
  • Read articles or tutorials on CSS
  • Watch videos online about CSS
  • Practice writing CSS code in a code editor
Review JavaScript Basics
Reviewing the basics of JavaScript will solidify understanding of the foundational concepts used throughout the course.
Browse courses on JavaScript
Show steps
  • Read articles or tutorials on JavaScript
  • Watch videos online about JavaScript
  • Practice writing JavaScript code in a code editor
Four other activities
Expand to see all activities and additional details
Show all seven activities
Build a Personal Website
Building a personal website will provide hands-on experience in applying the skills and concepts learned in the course.
Browse courses on Web Development
Show steps
  • Choose a topic for your website
  • Design the layout of your website
  • Develop the HTML, CSS, and JavaScript code for your website
  • Deploy your website to a web hosting service
Write a Blog Post on a Course Topic
Writing a blog post will allow you to synthesize the concepts learned in each module, strengthening your understanding of them.
Browse courses on Web Development
Show steps
  • Choose a topic for your blog post
  • Research your topic
  • Write your blog post
  • Publish your blog post
Mentoring Junior Developers
Mentoring junior developers will provide you with opportunities to both strengthen your understanding of the concepts and make valuable connections with the community.
Show steps
  • Offer your help to junior developers
  • Provide guidance on HTML, CSS, and Javascript
  • Review their code and provide feedback
Participate in a Web Development Hackathon
Participating in a hackathon will encourage you to put your knowledge and skills to the test.
Browse courses on Web Development
Show steps
  • Find a team and brainstorm project ideas
  • Work together to design and develop a prototype
  • Present your project to a panel of judges

Career center

Learners who complete Build a Space Travel Website will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Build a Space Travel Website.
Infection Prevention in Nursing Homes
Most relevant
iOS App Development Basics
Most relevant
Global Postharvest Loss Prevention: Fundamentals,...
Most relevant
Verb Tenses and Passives
Most relevant
Advanced Data Structures in Java
Most relevant
Giving Sense to Your Leadership Experience
Most relevant
Research Data Management and Sharing
Most relevant
Career Support Community and Resources
Most relevant
Forecasting Models for Marketing Decisions
Most relevant

Coursera Buyer Protection & Guarantee

Verified partner policies & purchase protections

Accredited University Partner
Free Trial & Audit

7-Day Free Trial & Free Audit

7-day free trial on monthly Coursera Plus subscriptions; free audit option available on most individual courses to explore video lectures and readings at no charge.

Return & Refund Policy

14-Day Refund Guarantee

14-day refund window on annual Coursera Plus subscriptions and single-course purchases prior to certificate issuance. Monthly subscriptions do not offer refunds once billed.

Buyer Protections

Verified Academic & Industry Partner

Accredited university and industry certifications (e.g. Stanford, Google, IBM, Yale), secure SSL payment processing, and verifiable digital certificate links.

Key Purchase Protections
14-day refund window on annual Coursera Plus and single courses
7-day free trial on monthly Coursera Plus subscriptions
Free course audit option for lectures and readings
Verified certificates from top universities & companies
OpenCourser Verified Partner Policy details last reviewed: 2026-10-22
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser