Project

Open Space

Challenging

544 completions

~ 18 hours

3.9

The project covers the basics of JS, HTML, and CSS. You will learn how to position and design elements, work with different inputs, and even create animation using JS.

Provided by

JetBrains Academy

About

Have you ever dreamt about exploring deep space? In this project, you'll create a simple web game where you launch a rocket from an uninhabited planet. You don't have to be a rocket scientist to complete this project: we will start from the ground up by learning how to implement an HTML skeleton of a page and use CSS. Then, we'll learn how to make the game interactive with JS, and by the end of the project, you'll have a firm knowledge foundation for developing your frontend skills.

Graduate project

This project covers the core topics of the Frontend Developer course, making it sufficiently challenging to be a proud addition to your portfolio.

At least one graduate project is required to complete the course.

What you'll learn

Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:

Organize prepared materials to make the outline of your game. Learn how to position elements and set a background.

Explore a variety of HTML inputs and create a dummy control deck.

Add some CSS to make your dummy panel a little fancier and learn how to set gradient with CSS.

Protect the rocket launch panel: make all the buttons disabled until the user enters the correct password.

It's time for the great launch! Make the rocket fly when all the controls are set in the right position.

Reviews

Mauro Hernández

2 years ago

4.3

A really great project to put in action all theory from this track... btw, nice to use with astro.build 4,3,2,1... launch!

Suryana _TE

2 years ago

5.0

NICE, I FINALLY LEARN ABOUT ABSOLUTE AND RELATIVE POSITIONING, ABOUT HANDLER OF FUNCTION LIKE ANYTHING IN JAVASCRIPT. GREAT SECTION 👍👍👍👍

Ramin Ismayilov

2 years ago

4.0

Teaches useful concepts. But tests that check the solutions are implemented a bit confusingly.

3.9

Learners who completed this project within the Frontend Developer course rated it as follows:

Usefulness

4.1

Fun

4.1

Clarity

3.7