Summer Deal: 60% Off

JavaScript 1 Course

Welcome to JavaScript games tutprials, an intro to JavaScript. Learn to code browser-based games using JavaScript and HTML canvas.

JavaScript 1 Course

Welcome to JavaScript games tutprials, an intro to JavaScript. Learn to code browser-based games using JavaScript and HTML canvas.

Course card image for JavaScript 1
Tynker gets kids coding with confidence. Access this and 5,000 more fun activities today!

Intro to JavaScript Course

Advanced Level
100% Online
13 lessons
152 Activities

Access this and 5,000 coding activities!

Get Started for Free

Give as Gift

Recommended for Ages 12+

Web

No Prerequisites

JavaScript

JavaScript is a lightweight scripting language. Sharing design elements of both Java and Python, it is the language of choice for web pages, enabling sophisticated behaviors and interactivity when paired with HTML and CSS.

What Kids Learn

  • Learn the basics of JavaScript syntax
  • Complete 120 coding activities
  • Test your skills with coding puzzles
  • Use HTML canvas to build games
  • Recreate 11 classic games on your own

How Kids Learn with Tynker

Kids learn on their own with a guided, hands-on approach that individualizes the learning experience. Tynker's online courses provide a complete learning system for your child to master the fundamentals of programming. Tynker's visual programming language makes it easy to learn, and once kids gain proficiency, they can seamlessly transition to Javascript coding within the Tynker learning system. Enroll in one of our plans for unlimited play across all courses.

Game-Based Learning

Tynker's self-guided lessons break down coding concepts while solving puzzles and making cool apps.

Interactive Assessments

Quick practice quizzes and assessment tests evaluate a child's comprehension of subjects taught.

Captivating Topics

There's always something to learn with multiple subjects, projects, and coding languages available.

System Requirements

Online courses require a desktop computer, laptop computer, Chromebook, or Netbook with Internet connection and a Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser. No downloads required. Courses are not supported on tablets.

Minecraft courses and server access is available to verified accounts. Minecraft client for PC or Mac with a valid Mojang account is required for Java server access. Minecraft for Windows 10 is required for Agent Recall, Gears of Time, Mythicraft, and Mind Crafters courses. Content and courses are subject to changes. NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.

The Stunt Pilot course requires a physical drone and an Ipad or Android tablet (each sold separately). Any airborne Parrot Minidrone such as the Rolling Spider, Night, Cargo, Mambo, or Swing drone can be used.

Lesson image for: The Basics

The Basics

Learn how to write basic code in JavaScript

16 Modules:

  • Introduction to JavaScript
  • Video
  • Set Sail
  • Smooth Sailing
  • Turn Right
  • Treasure Ahoy!
  • Turn Right, Turn Left
  • What Are Comments?
  • Turn! Turn! Turn!
  • Buggy Code
  • What Are Naming Conventions?
  • More Bugs?
  • Complete the Path
  • Light It Up!
  • Review
  • Quiz
Lesson image for: Loops and Patterns

Loops and Patterns

Learn about for loops in JavaScript

16 Modules:

  • Repeating Commands
  • What Are For Loops?
  • What Is Indentation?
  • What Are Arithmetic Operators?
  • Onwards, Forward!
  • Broken Steering 1
  • Broken Steering 2
  • Two Loops
  • Jump, Forward
  • Forward, Jump
  • Up and Down
  • What are Nested Loops?
  • Navigating the Cs
  • Pattern Maker
  • Review
  • Quiz
Lesson image for: Conditional Logic

Conditional Logic

Learn about conditional logic in JavaScript

16 Modules:

  • What Are Conditionals?
  • Path Left
  • Path Right
  • More Turns!
  • What Are Assignment Operators?
  • What Are Comparison Operators?
  • What Are Logical Operators?
  • Stormy Path
  • What Is Else?
  • Stormy Turns 1
  • Stormy Turns 2
  • What Are Nested Ifs?
  • Stormy Night 1
  • Stormy Night 2
  • Review
  • Quiz
Lesson image for: Conditional Loops

Conditional Loops

Learn about conditional loops.

11 Modules:

  • What Is a While Loop?
  • Detect a Path
  • Forward, Left
  • Right, Forward
  • What Is a Do-While Loop?
  • Path Ahead
  • Left Spiral
  • Right Spiral
  • Choose a Path
  • Review
  • Quiz
Lesson image for: Variables

Variables

Learn about variables in JavaScript.

15 Modules:

  • What Are Variables
  • Fuel Up
  • Stockpile
  • Rocket Jump
  • What Are Strings?
  • Treasure Chest 1
  • How Do You Declare Multiple Variables?
  • Open Fire
  • It's a Toughie
  • Treasure Chest 2
  • Junkyard
  • Smart Cannon
  • Treasure Chest 3
  • Review
  • Quiz
Lesson image for: Expressions

Expressions

Learn about expressions in JavaScript.

11 Modules:

  • What Are Expressions?
  • X Marks the Spot 1
  • Expressions: X Marks the Spot 2
  • What Are Numbers?
  • What is Operator Precedence?
  • X Marks the Spot 3
  • X Marks the Spot 4
  • What Are Arrays?
  • What are Objects?
  • Review
  • Quiz
Lesson image for: Using the Canvas

Using the Canvas

Learn how to use the JavaScript Canvas.

14 Modules:

  • What Is the HTML Canvas?
  • How Do You Set Up the Canvas?
  • How Do You Add Delays?
  • How Do You Add Images?
  • Create a Slideshow
  • What Are Canvas Coordinates?
  • Design a Scene
  • What Is Canvas Drawing?
  • Draw a Snowman
  • Draw Concentric Shapes
  • How Do You Create Timed Loops?
  • Animation
  • Review
  • Quiz
Lesson image for: User Interaction

User Interaction

Learn about user interaction in Javascript.

10 Modules:

  • What is User Interaction?
  • What are Keyboard Events?
  • What are Key Codes?
  • Moving Ships
  • Line Art
  • What Are Mouse Events?
  • What Is the Mouse Location?
  • Follow the Mouse
  • Stamping Tool
  • Quiz
Lesson image for: Game Design

Game Design

Learn about game loops, win/loss conditions, and keeping score in JavaScript.

16 Modules:

  • What Are Game Loops?
  • Game Setup and Concept
  • Game Obstacle
  • Game Hero
  • What Is Collision Detection?
  • First Contact
  • Finders Keepers
  • How to Keep Score?
  • Score Keeper
  • What Are Win/Loss Conditions?
  • Losing It
  • Winning
  • What Are Credits?
  • Roll Credits
  • Review
  • Quiz
Lesson image for: Snake

Snake

Create the snake game with Javascript.

9 Modules:

  • Snake Game
  • Step 1. Create the Canvas
  • Step 2. Get the Context
  • Step 3. Create a Background
  • Step 4. Draw a Square
  • Step 5. Create the Food
  • Step 6. Create the Snake Segment
  • Step 7. Keyboard Control
  • Snake: Completing the Game
Lesson image for: Breakout

Breakout

Make a Breakout game in JavaScript

7 Modules:

  • Make A Game: Breakout
  • Step 1. Set up Variables
  • Step 2. Add the Images
  • Step 3. Create the Canvas
  • Step 4. Start the Game
  • Step 5. The Game Loop
  • Breakout: Completing the Game
Lesson image for: Pong

Pong

Make a Pong game in Javascript.

8 Modules:

  • Make a Game: Pong
  • Step 1. Create the Canvas
  • Step 2. Get the Context
  • Step 3. Create the Background
  • Step 4. Set up the Ball
  • Step 5. Set up the Paddles and Scoreboard
  • Step 6. Keyboard Control
  • Pong: Completing the Game
Lesson image for: Final Game

Final Game

Create popular games in JavaScript.

3 Modules:

  • Geometry Dash
  • Alien Invaders
  • Flappy Bird

Choose a Plan to Accelerate Learning

All plans include access for up to 3 children

Choose Live Online Courses

Choose a Plan to Accelerate Learning

All plans include access for up to 3 children

Choose a 3-Year Self-Paced Plan

60% OFF

Yearly

$25 $10 /month Now $120 billed annually cancel any time
60% OFF

Lifetime*

$780 $312 one time payment 28% savings over Quarterly
60% OFF

Quarterly

$30 $12 /month Now $36 billed quarterly cancel any time
60% OFF

Quarterly

$30 $12 /month Now $36 billed quarterly cancel any time
60% OFF

Yearly

$25 $10 /month Now $120 billed annually cancel any time
60% OFF

Lifetime*

$780 $312 one time payment 28% savings over Quarterly

Access everything Tynker offers

  • Thousands of hours of creative projects in Game Design, Minecraft, Python concepts, and more
  • Personalized assessments and certifications in real-world languages
  • Access to our highly rated mobile apps: Tynker, Tynker Junior & Mod Creator
  • 5,000+ lessons built to improve problem solving skills and academic performance
  • Parent dashboard with mastery stats - watch as they progress from novice to expert
  • 30 Day Money-Back Satisfaction Guarantee

3-Year All-Access plans include:

  • 70+ courses
  • 5,000+ activities
  • Block Coding
  • Text Coding
  • 3 Mobile Apps
  • Minecraft Modding
  • Game Design
  • Robotics
  • Hardware
  • Web Development
  • Python
  • JavaScript
  • Processing (P5.JS)
  • Data Science
  • Advanced CS

Tynker is designed to progress with your child. A three year plan accelerates their coding mastery from block coding to advanced text languages.