Learn Javascript for Coding Beginners

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

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

Let's talk about what Computer Code actually is.

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

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

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

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

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

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

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.

Now we will learn about Functions.

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

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

Let's write a conditional statement in VS Code.

This video will teach you about Arrays.

We will look at writing an array in code.

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

Let's write some loop code in javascript.

This video will teach you about javascript Objects.

Let's write a javascript Object in code.

This video will introduce you to javascript Classes.

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

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

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

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

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.

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

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

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

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

We need to setup our game canvas.

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

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

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

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

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

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

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

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

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

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

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

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

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