Advanced HTML5 Tutorial for Web Developers

Learn how to embed JavaScript in a web page, place script tags, and call functions like alert, while understanding how browser rendering affects execution.

Explore how JavaScript handles variables by distinguishing strings from numbers, using quotes to create characters, observing when addition becomes concatenation, and booleans, arrays, and link paths.

Add a button to the Chinatown page and wire an onclick event to call show date, which displays an alert with the Chinese New Year date, demonstrating basic javascript interactions.

Learn how JavaScript reads and writes to HTML elements using getElementById, innerHTML, and style to insert content and apply styling.

Learn to add custom web fonts by packaging font files in a fonts folder, defining @font-face with a font family like Johnny Mac, and applying it via eot and ttf.

Learn to create and style paths in the drawing context: begin path, draw lines, fills, and strokes, separate paths, and control corners with line join, including round and close path.

Learn how css3 transitions animate style changes using the transition property with duration, timing function, delay, and vendor prefixes for cross-browser hover effects.

Learn to animate a canvas with requestAnimationFrame, run an animate loop, and move a 100×100 rectangle across the canvas using x and y coordinates while clearing each frame.