01: Using Datasets
A quick way to store data on HTML elements is to use the data- prefix attributes. The idea is that any attributes prefixed with data- are dummy placeholders for some other type of data that you want to persist through the DOM.
02: Canvas
The first step is to resize the canvas to the window size.
03: Chrome Devtools
devtool tips
04: Intersection Observer: slide in on scroll
The Intersection Observer API is used to observe elements, where we see whether they are in the viewport or not.
05: Drag and Drop
Enabling dragging
Canvas with P5
Setup
Canvas with game development: recipes
Basic Recipes
Advanced JS: Concepts
This
Advanced JS: APIs
Abort Controller
10: DOM
Performant DOM
PWA
For more resources on PWA, go to these sites:
Learning web performance
Intro
SEO
HTML DOM SEO
14 Accessibility
Intro