Launch A Rocket: Learn JavaScript Basics The Fun Way!

Rich Armstrong, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Lessons (2h 22m)
    • 1. An introduction

      1:05
    • 2. What we gonna make???

      0:56
    • 3. Downloads these 3 free apps

      2:42
    • 4. Install, signup and write some JS

      7:37
    • 5. What is JavaScript??

      1:39
    • 6. Properties and methods

      2:28
    • 7. Variables

      6:50
    • 8. Functions

      7:13
    • 9. The If-else statement

      6:55
    • 10. Write some basic JavaScript

      22:17
    • 11. Start playing around with CSS and JS!!

      9:52
    • 12. Planning first :)

      1:24
    • 13. Let's write the basic HTML and CSS for our rocket

      10:11
    • 14. Let's add the JavaScript for our rocket

      24:33
    • 15. And now we make the rocket look pretty!!

      34:19
    • 16. Thank you, and next steps

      1:49
34 students are watching this class

Project Description

Build a rocket launch sequence with JavaScript, HTML and CSS

ee789f13

After learning the basics of JavaScript, we’ll plan our rocket launch sequence; build the basics with HTML and CSS; add the JavaScript to make in interactive; and then finish it off by making it look amazing with some more CSS! End it off by showing off and sharing it with the other students in the project gallery :)

ASSIGNMENT

Create a rocket launch sequence with JavaScript, HTML, and CSS – and then share it with the other students in the class! The assignment will give you a structured environment to learn, play and test things out. You’ll learn what all the slashes, dots, braces, brackets and funny words mean. And you’ll also learn about some advanced CSS properties and CSS transitions!!

DELIVERABLES

- A launch button.
- A CSS styled rocket.
- A rocket that launches upwards.
- A countdown sequence.
- A programmed random chance of failure.
- Sharing your project in the project gallery.

If you're keen, read on!

RESOURCES

APPS TO DOWNLOAD

We do go through downloading and installing the apps in the class, but here are the links for reference.

FOR REF

Student Projects

project card
Rich Armstrong
project card
Richard Ziegler
2 comments
project card
Maatsabra
3 comments
project card
Justin Irabor
2 comments
project card
Mike White
3 comments
project card
2 comments
project card
Amanda Kelly
1 comment
project card
Monica Phan
4 comments
project card
Alexandra Yasny
1 comment
project card
Tom Studer
7 comments
project card
Ilka Kreschka
4 comments
project card
Kathy Rivera
2 comments
project card
Angela Murphy
1 comment
project card
Paula Jennings
3 comments
project card
Sofie Geving
1 comment
project card
Lindsey Brown
1 comment