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.
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.
What's inside
Syllabus
The Design System
The Homepage
Description
Read more
Syllabus
Good to know
Save this course
Save
Activities
Review HTML Basics
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Review HTML Basics
Show steps
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
Show steps
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
Show steps
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
Build a Personal Website
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Reading list
Share
Similar courses
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.
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.
