Learn Javascript for Coding Beginners
4.2 (20 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
89 students enrolled

Learn Javascript for Coding Beginners

Express yourself creatively through code and build a fun snake game while learning.
4.2 (20 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
89 students enrolled
Created by Studio Barn Inc.
Last updated 6/2018
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5.5 hours on-demand video
  • 1 downloadable resource
  • 5 coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Understand how to write Javascript Code
  • Understand how to teach themselves new things about coding
  • Understand the basics of how a game is programmed
  • Understand how to read code
Course content
Expand all 46 lectures 05:19:14
+ Introduction
2 lectures 12:15

This video will introduce you to the course before you buy.

Preview 01:44

This video will be a closer look at what this course is all about.

Preview 10:31
+ Computer Setup
2 lectures 14:36

This video will explain the tools you will need to download and install for this course.

Download and Install programs

This is the second part of the setup video where we will install some of the programs and extensions needed for this course.

Add packages to Visual Studio Code
+ The Basics of Computer Code
2 lectures 16:07

Let's talk about what Computer Code actually is.

What is Computer Code?

This video will show you some of the more popular programming languages available for your to learn.

What are Computer Languages?
+ Javascript Fundamentals
19 lectures 02:09:06

Let's talk about the computer language we will be learning in this course.

A Look At Javascript

One of the key parts of any computer program is its data. We will learn about how javascript works with data types.

What are some data types?

Let's use the data type values we talked about in the console using javascript code.

Datatypes in Code

Let see what you know about Javascript Values

Javascript Values Quiz
2 questions
Simple Sum of Numbers
1 question

We learn what a Variable is all about in this video.

What is a Variable?

Let's use variable in code using the javascript console.

Variables in Code
Setting a Variable
1 question

In this video we learn how to write javascript code in a file, using a text editor, and then how we can run or execute that file.

How to use the 'VS Code' program to run our JS files

Now we will learn about Functions.

What are Functions?

Let's write a function in javascript using the VS Code program.

Functions in Code
Write a Function to add two numbers together
1 question

We will now learn about Conditional statements. Also known as if statement.

What are Conditional Statements? (If statement)

Let's write a conditional statement in VS Code.

Conditionals in Code
Conditional Exercise
1 question

This video will teach you about Arrays.

What is an array?

We will look at writing an array in code.

Arrays in Code
Arrays Exercise
1 question

Loops are a great tool to learn in programming and we will look at what a loop is in this video.

What is a loop?

Let's write some loop code in javascript.

Loops in code

This video will teach you about javascript Objects.

What are Javascript Objects?

Let's write a javascript Object in code.

Objects in code

This video will introduce you to javascript Classes.

What are Javascript Classes?

Let's change our previous Object code into a Class object.

Classes in code

This video will introduce you to the concept of coding libraries.

What is a code Library?
+ P5.js code library
7 lectures 43:56

We will now learn about the library we will use in our game, called p5.js

What is P5.js?

We discuss Code Documentation in this video and why it is useful.

What is code Documentation?

It is important to know how to get your own answers to your questions. The internet can help with that. This video talks about how to find those answers.

How can Google answer your coding questions?

We will use a tool / program we downloaded at the beginning of this course to generate a new p5 project for our game.

How to start a P5.js project

the P5 manager generated a few files for us, so in this video we will look at them.

A Look at the Project Files

Some boilerplate code was created by the generator, which include two p5 functions. We explain what those functions are in this video.

What is 'setup()' and 'draw()' all about in P5.js?

Our game will be drawn to something called a canvas in our webpage. I will talk about what that is in this video.

What is a canvas?
+ Let's build a game - 'Snake'
13 lectures 01:42:06

We need to setup our game canvas.

How to setup our game's canvas

Let's create a snake class object for our game.

How to create the 'Snake' in our game

:et's get the snake moving in our game.

How to make the 'Snake' move

We have a problem. The snake moves off the game canvas area. We fix that in this video.

How to make the 'Snake' stay on the canvas

Our game should run on a grid so everything works smoothly. Let's set that up in this video.

How to keep the 'Snake' on a proper grid

To control our game we will use the arrow keys. This video will show how you can access the keys the user presses.

How to register a key pressed by the player?

Now that we have the user input, let's move the direction of the snake using that input.

How to control the 'Snake' with arrow keys

Our game is running very fast so let's slow things down to make it more of a retro feel.

How to slow the 'Snake' down (Frame Rate)

We need an objective on our game. So we will create a food square in our game.

How to create 'Food' objective in our game

We need to eat that food square if we pass over it. Lets code that us in this video.

How does the 'Snake' eat the 'Food'?

Now that our snake is eating food, we should start the tail. This will be a two parter, so let's get started.

Add the 'Snake Tail' to our program

Now we can finish the tail code and draw it to the screen. This is a big milestone for our snake game.

Finishing the Snake's Tail

We must have some danger, so we will code a losesTail function to reset the game is a condition happens.

How does the 'Snake' lose their 'Tail'
+ Conclusion
1 lecture 01:08

Thank you so much for completing this course. You should be very happy with yourself.

Thank You!!!
  • You should be able to use a PC at a beginner level
  • A computer to use for this course (not a tablet or phone)
  • The permission to add a program to the computer

This is for complete beginners and people that just want to code a fun little game.

Register for this course so you can experience how programming a piece of computer code can be an amazing way to express yourself just like writing a poem or painting on a canvas.

The point is not about going to work for Google after you learn but instead just learn how to invent new fun things with nothing more than a computer and a text editor, that your friends, family, and yourself can enjoy.

But if nothing else just learn to have fun inventing with computer code. It is so satisfying, you just have to take the first step and learn the basics.

This educational course will be a fun and laid back few hours at the computer.

I will teach you the very basics and keep things as easy to understand as possible, while having an interactive experience throughout the day.

As the hours tick by we will slowing build a classic video game that was recently added to the Museum of Modern Art, and installed on almost every Nokia cell phone, the game is called 'snake'. This game is fun and addicting and your friends and family will be addicted to playing a game you created!!!

Who this course is for:
  • Anyone who likes to collect new skills in your life
  • Anyone who wants to learn to computer program
  • Anyone who wants to express themselves through code