Powered by
Completion
CERTIFICATE
Build a Space Travel Website
Learn to create a responsive, multi-page space travel website using HTML, CSS, and JavaScript. Master design systems.
Course Cost
Free course
Intermediate
Skill Level
8 Hours
Self-paced lessons
This course cannot be purchased separately - to access the complete learning experience, graded assignments, and earn certificates, you'll need to enroll in the full UI Design for Web Developers Specialization program. You can audit this specific course for free to explore the content, which includes access to course materials and lectures. This allows you to learn at your own pace without any financial commitment.
English
What you'll learn
Create effective CSS design systems for professional websites
Build responsive layouts that work across all devices
Implement interactive navigation and tab components
Develop keyboard-accessible user interfaces
Master CSS animations and transitions
Skills you'll gain
This course includes:
6.7 Hours PreRecorded video
5 assignments
Access on Mobile, Tablet, Desktop
FullTime access
Shareable certificate
Get a Completion Certificate
Share your certificate with prospective employers and your professional network on LinkedIn.
CREATED BY
PROVIDED BY
Get a Completion Certificate
Share your certificate with prospective employers and your professional network on LinkedIn.
CREATED BY
PROVIDED BY
Top companies offer this course to their employees
Top companies provide this course to enhance their employees' skills, ensuring they excel in handling complex projects and drive organizational success.
There are 13 modules in this course
This comprehensive course teaches frontend developers how to transform Figma designs into fully functional websites. Students learn to build a responsive, multi-page space travel website featuring interactive elements like navigation bars, tabs, and keyboard navigation. The curriculum covers CSS design systems, responsive design principles, and modern web development practices. Through hands-on projects and interactive technology from Scrimba, students develop practical skills in creating professional, user-friendly websites.
Design System: Foundations
Module 1 · 31 Minutes to complete
Design System: Color, Typography & Layout Essentials
Module 2 · 45 Minutes to complete
Design System: Components, Indicators & Site Creation|Minutes|49|0|Discover advanced UI patterns and indicators. Begin assembling your own website layout.|UI patterns, Indicators, Website layout, Component design|0|0|0|0|0|0|0|8|0|0
Module 3 · 49 Minutes to complete
Design System: Test Your Knowledge
Module 4 · 20 Minutes to complete
The Homepage
Module 5 · 57 Minutes to complete
The Homepage: Test Your Knowledge
Module 6 · 20 Minutes to complete
Navigation: Building the Mobile Navigation Experience
Module 7 · 38 Minutes to complete
Navigation: Adapting for All Screen Sizes & Accessibility
Module 8 · 38 Minutes to complete
Navigation: Test Your Knowledge
Module 9 · 15 Minutes to complete
The Destination Page
Module 10 · 1 Hours to complete
The Destination Page: Test Your Knowledge
Module 11 · 10 Minutes to complete
The Tabs
Module 12 · 1 Hours to complete
The Tabs: Test Your Knowledge
Module 13 · 25 Minutes to complete
Fee Structure
Reviews
Testimonials and success stories are a testament to the quality of this program and its impact on your career and learning journey. Be the first to help others make an informed decision by sharing your review of the course.
Faculties
These are the expert instructors who will be teaching you throughout the course. With a wealth of knowledge and real-world experience, they're here to guide, inspire, and support you every step of the way. Get to know the people who will help you reach your learning goals and make the most of your journey.
2,257
Students
4
Courses
Frequently asked Questions
Below are some of the most commonly asked questions about this course. We aim to provide clear and concise answers to help you better understand the course content, structure, and any other relevant information. If you have any additional questions or if your question is not listed here, please don't hesitate to reach out to our support team for further assistance.