Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

JavaScript for Kids: Code Your Own Games and Apps at Any Age

Name: JavaScript for Kids: Code Your Own Games and Apps at Any Age
Rating: 4.3 (1051 reviews)

JavaScript coding course for beginners of all ages, build your own interactive games and apps in JavaScript!

Created byBryson Payne

Last updated 11/2021

English

What you'll learn

Code your own apps and games in JavaScript for Mac, Windows, or Linux, for beginners of all ages
Create fun, playable games like a Guessing Game and a Bubble Draw app!
Draw colorful graphics in JavaScript, including a new bonus Snake video game, great for beginners of any age
Learn how to hack your browser and modify any web page for fun or for harmless practical jokes!
Master variables, loops and functions to prepare for more advanced programming courses (and a brighter future)!

Course content

10 sections • 43 lectures • 6h 19m total length

1-1 Introduction to JavaScript7:56
Explore JavaScript in the browser with Chrome and Atom, learn variables, numbers, strings, and for loops, and use the console, prompts, and document.write to build a simple high/low guessing game.
1-2 Expressions, variables, numbers and strings9:28
1-3 For loops and printing with console.log()9:04
Learn to print to the console with console.log, use a for loop to print the name ten times, and manage variables in JavaScript while debugging with common errors.
1-4 Popup messages and input5:58
1-5 Challenge problem - SayMyName2:37
Practice using JavaScript to store variables, prompt for a name and a number of times, and output the name that many times with document.write inside a for loop.
1-6 Challenge Solution6:58
Download and unzip all code samples for the course

2-1 Creating a Popup Hi-Lo Guessing Game8:34
Create a random number guessing game in JavaScript by using Math.random to generate 1 to 100, prompt the user for a guess, and loop with conditions until correct.
2-2 Adding conditions, too high, too low7:34
2-3 Adding loops - while and do-while loops5:59
Create a number guessing game that uses a while loop to repeatedly prompt for guesses, show too high or too low feedback, and stop when correct.
2-4 Review and Challenge Exercise – Celebrate the Winner!3:03
Build an interactive browser guessing game using random numbers, prompts, alerts, and a while loop. Add a for loop to celebrate by printing the player's name after a win.
2-5 Challenge Solution - Celebrate the winner!4:54
Build a browser guessing game in JavaScript by prompting for the player's name, looping to celebrate wins, and writing the name to the page 500 times.

3-1 Intro to HTML – Inspecting and Editing9:45
Learn to inspect and edit HTML in the browser, using inspect, view source, and design mode to edit a local page; build interactive HTML pages that run JavaScript.
3-2 Writing HTML in Atom9:11
3-3 Document Object Model – DOM, buttons, and classes6:44
Learn how to make HTML web pages interactive with JavaScript by creating functions, wiring up on click events to draw output like a cat using document.write, and using script tags.
3-4 Review and Challenge Exercise4:33
Review HTML basics, including h1, h3, p, and script tags, and practice interactive JavaScript with functions, prompts, and button-driven events through name and guessing game challenges.
3-5 Challenge Solution6:03
Learn to turn simple JavaScript into standalone web pages by copying code, renaming functions, and using HTML forms to create interactive 'say my name' and 'guessing game' programs.

4-1 Designing an HTML Guessing Game7:49
4-2 Connecting the Form to the JavaScript Code10:18
Connect an HTML form to JavaScript by wiring the button to a checkGuess function, read user input by id, compare it to a number, and display high, low, or win.
4-3 Improving the User Interface, and newGame()11:47
4-4 Review and Challenge Exercises6:41
4-5 Solutions - Counting guesses, and Scoreboard9:50

5-1 Intro to HTML5 Canvas9:17
5-2 ClickDraw15:04
5-3 Drag and Draw7:35
5-4 Review and Challenge Exercises7:40
Learn to draw on an HTML canvas using random hex colors and alpha transparency, with on click and mouse move events. Tackle challenges to vary circle size as you draw.
5-5 Solution - Grow and Shrink, Rectangles7:46
Grow and shrink circle radii with a grow flag to create pulsing visuals as you drag, and share your work on JSFiddle.

7-1 Drawing a Bar Chart in Canvas17:38
Transform a savings calculator into an investment calculator by drawing a bar chart on a canvas that shows yearly totals, using an array, a graph function, and clear rectangle.
7-2 Review and Challenge Exercise12:01
Create an HTML investment calculator with a table-based form and a canvas bar chart, using JavaScript to parse numbers, compute yearly totals, and visualize progress with an outline and labels.
7-3 Solution - Add labels to the Bar Chart5:54
Turn a fully functional investment calculator into a portfolio showcase by adding bar chart outlines and labeled values at 10, 20, 30, and 40 years, improving readability and presentation.

8-1 BouncyDraw - Classes and Object-Oriented Program in JavaScript12:48
Build a bouncing ball app with JavaScript using a Ball class, a constructor, and a draw method. Create new Ball on click to animate on a canvas.
8-2 Animation in JavaScript with the SetInterval timer14:55
8-3 Completing the BouncyDraw App9:21
8-4 Review Classes, Arrays, Animation & Challenge Exercises8:01
Explore turning a simple drawing app into an object oriented, HTML and JavaScript project with separate files and animated balls with random sizes and a configurable background color.
8-5 Solutions - Adding a Clear Button and No Ball Left Behind!9:36
adds a clear button and prevents balls from getting stuck at edges by adjusting positions, checking for zero velocity, and refreshing the canvas in a JavaScript object-oriented program.

Requirements

A computer (PC, Mac, or Linux - even Raspberry Pi!) and web browser are all you need to start coding!
If you can use a text editor (Notepad, Word, etc.), you can program in JavaScript!
No prior programming experience needed.

Description

Join over 60,000 students from 163 countries learning to code from Dr. Bryson Payne!

Brand new course for 2021! Teach yourself to code fun, colorful apps and games in JavaScript, the powerful programming language that's included in every web browser and mobile device. Learn coding step-by-step from Computer Science Professor Dr. Bryson Payne, author of the Amazon #1 New Release and Top 10 Best Seller, Teach Your Kids to Code: A Parent-Friendly Guide to Python Programming (No Starch Press). Filmed in collaboration with Bund Media/Zhidao Education Technology, with subtitles in English and Chinese.

Update: Pre-order Dr. Payne's new book, "Go Hack Yourself" on Amazon now!

Gives Children a Huge Advantage in a High-Tech World

Quickly master new problem-solving skills in JavaScript with colorful, fun examples
Program apps using HTML5 Canvas graphics, web-based forms, even animated video games
Build your own playable games and create beautiful graphics right in your browser using a simple text editor
Learn the basics of coding, from variables to loops, functions, and classes with interactive, engaging apps
Great for college and scholarship application portfolios

This is the kind of course you can enjoy at any age!

Packed with fun examples, colorful graphics, and easy-to-follow plain English instruction, JavaScript for All is the course parents and teachers can enjoy, as they build one of the top job skills of the 21st century! JavaScript is a great first language for beginners, but it's powerful enough to be used in companies from Apple to Amazon and Google to IBM.

I designed this programming course to be easily understood by absolute beginners, with example code I used with my own students all the way through the apps I teach to college freshmen.

Quick, hands-on lessons will get you coding your own web apps and games from scratch in minutes. Over 40 video lectures and six hours of content in short, 2-to-8-minute videos will give you the practice you need to master the powerful new skill of coding.

Everything you need to get started right away

Complete with working code downloads and high-definition videos, you'll be able to work alongside a professor with 22 years' teaching experience and over 30 years of programming knowledge. You'll also receive a Certificate of Completion upon finishing the course.

No Risk: Preview videos from Sections 1, 2, and 4 now for FREE, and enjoy a 30-day money-back guarantee when you enroll - zero risk, unlimited payoff! And, we've made this course easy to afford so parents and students can get started now!

Enroll in JavaScript for All and get started coding today!

* Two bonus sections added with advanced video game apps you can customize and share with your friends! *

Praise for Dr. Payne's books and online courses:

"Inspired" - This is an inspiring course taught by an inspired teacher. The examples are well-chosen -- demonstrating principles through engaging, colorful projects... — Kent Osband, Udemy student

"Excellent path into coding" Not just for kids...use this course as the perfect primer. Clear examples, that build quickly into programs, leading to learning challenges. Bryson's delivery is well paced and good fun. — Sean Jon Darcy, Udemy student

"Dr. Bryson Payne is a computer scientist and professor of the highest caliber, and he brings the power of computers within easy reach for learners young and old."—Dr. Antonio Sanz Montemayor, Informatics Professor, Universidad Rey Juan Carlos, Spain

“Dr. Payne set us on the path that led us to our dream jobs! ...He's providing parents and teachers everywhere the chance to do the same for the next generation of creative problem-solvers."—Shah Rahman, Blizzard Games and Susan Rahman, Facebook

Who this course is for:

For students, teachers, parents, or any beginning JavaScript programmer who wants to have fun while they learn.
Perfect for homeschooling parents or K-12 parents and teachers who want to give their students a HUGE advantage by learning to read and write code.
Apps and games suitable for independent students to college students and lifelong learners

JavaScript for Kids: Code Your Own Games and Apps at Any Age

What you'll learn

Explore related topics

Course content

Intro to JavaScript6 lectures • 42min

Create a Popup Hi-Lo Guessing Game5 lectures • 30min

Intro to HTML5 lectures • 36min

Design an HTML Guessing Game!5 lectures • 46min

Drawing on the HTML5 Canvas5 lectures • 47min

Build a Savings Calculator and MadLibs Funny Story App5 lectures • 46min

Use Functions to Draw a Bar Chart in JavaScript on the HTML5 Canvas3 lectures • 36min

BouncyDraw - Classes and Object-Oriented Program in JavaScript5 lectures • 55min

Extra App 1 - Memory Card Game!2 lectures • 25min

Extra App 2 - Snake Video Game!2 lectures • 16min

Requirements

Description

Who this course is for: