Animating Data: Prep

Set aside around 40 mins for the priority videos.

The readings from Eloquent JavaScript are also useful for learning to draw and animate in canvas.

Priority

setInterval and setTimeout: timing events - Beau teaches JavaScript, 2m 51s, freeCodeCamp.org, YouTube, 24 May 2017.

Refreshing data with setInterval, 8m 43s, The Coding Train, YouTube, 19 May 2019.

Learn JavaScript CLASSES in 6 minutes!, 6m 7s, Bro Code, YouTube, 17 November 2023.

Learn How to Use requestAnimationFrame to Create Amazing Web Animations in JavaScript, 4m 20s, xplodivity, YouTube, 9 April 2023.

Writing Our First (Pseudo Code) Program (Clip 3): Gentle Introduction to Programming for Beginners, 4m 12s, Deborah Kurata, YouTube, 10 November 2022.

Canvas Object Interaction Events | HTML5 Canvas JavaScript Tutorial [#8], 14m 26s, BananaCoding, YouTube, 4 September 2020.

EJS chapter 16 and section on Positioning and Animation (requestAnimationFrame) from chapter 13.

Also recommended

Learn JavaScript INHERITANCE in 7 minutes!, 7m 3s, Bro Code, YouTube, 19 November 2023.

The Hidden World of requestAnimationFrame, 9m 22s, Steve Griffith - Prof3ssorSt3v3, YouTube, 7 July 2020.

Using RequestAnimationFrame and Classes in JavaScript, 23m 35s, John McCaffrey, YouTube, 7 April 2021.