Tech and Productivity

Author: admin

Javascript Code Along: Learn about arrays and objects

In this Javascript code-along video I show beginner programmers how to use arrays and objects to efficiently store and manipulate data. It’s done in a fun way by drawing and animating on an HTML canvas element.

Come join me to improve your coding skills!

While it’s not a Javascript tutorial as such, this video shows you how to:

  • declaring variables – using let and const
  • using functions
  • using arrays to store data
  • using the forEach and filter methods to work with arrays
  • using objects and object properties to group information that belongs together
  • drawing and animation techniques using the HTML Canvas element

The idea behind this code-along series is that practicing a little every day is a great way to improve your programming skills. Rather than coming up with your own projects you can code along with me. Then experiment and take the code to the next level.

Find all of the code-along Javascript in this public GitHub repository:

https://github.com/nilsm/code-along

Here is the video – enjoy and let me know in the video’s comments if you have any questions!

Javascript Code Along: Learn about event listeners

In this Javascript code-along video I show beginner programmers how to use event listeners to track mouse clicks and mouse movement.

Come join me to improve your coding skills!

While it’s not a tutorial as such this video looks at:

  • declaring variables – using let and const
  • using functions
  • using event listeners to detect the click event
  • using event listeners to detect the mousemove event
  • basic drawing on the HTML Canvas element

The idea behind this code-along series is that practicing a little every day is a great way to improve your programming skills. Rather than coming up with your own projects you can code along with me. Then experiment and take the code to the next level.

Find all of the code-along Javascript in this public GitHub repository:

https://github.com/nilsm/code-along

Here is the video – enjoy and let me know in the video’s comments if you have any questions!

Javascript Code Along: Learn about animation, if-statements and more

It’s time for another Javascript code along video. Here I write some code to animate a circle, talk a bit about coding, get stuck in debugging and more.

It’s a great way for beginners to improve their coding skills.

While it’s not a tutorial as such, this video includes:

  • declaring variables
  • if statements
  • setInterval
  • drawing and animating using the HTML Canvas element

The code is hosted in a public GitHub repository:

https://github.com/nilsm/code-along

Here is the video – enjoy and let me know in the video’s comments if you have any questions!

Page 2 of 2

Powered by WordPress & Theme by Anders Norén