In this lesson you’ll learn how to draw and animate graphics using <canvas> and JavaScript. We’ll set up a canvas in the DOM, grab its 2D rendering context, and render shapes, text, and images. You’ll practice paths (moveTo, lineTo, arc), fills and strokes, colors and gradients, line joins, and text drawing. We’ll cover drawing images/sprites, handling device pixel ratio for crisp rendering, and clearing/redrawing each frame with requestAnimationFrame for smooth animation. You’ll also see basic interactivity with mouse/touch events and learn to save/export drawings via toDataURL. By the end, you’ll know the core canvas workflow: initialize, draw, update, and animate.