✦ Web Platform Advent

Web Platform Advent

A calendar of the modern web platform. Behind each door: a tested, runnable guide to an HTML, CSS, JavaScript or Web API feature. New doors open as the series grows.

• 1 apis The Fetch API in JavaScript Read the guide →
• 2 js JavaScript Promises: a practical guide Read the guide →
• 3 js async/await in JavaScript: a practical guide Read the guide →
• 4 apis Service Workers: caching, offline and updates Read the guide →
• 5 html Web Components: Custom Elements, Shadow DOM and templates Read the guide →
• 6 apis localStorage vs sessionStorage: the Web Storage API Read the guide →
• 7 css Native CSS Nesting: the & selector and Sass differences Read the guide →
• 8 css CSS Container Queries: style by container, not viewport Read the guide →
• 9 css The View Transitions API: smooth page transitions Read the guide →
• 10 apis The IntersectionObserver API: lazy-loading and scroll effects Read the guide →
• 11 hosting Choosing the best VPS for hosting a web project Read the guide →
• 12 hosting Static website hosting: deploy an Astro, Vite or HTML site Read the guide →
• 13 hosting Web hosting for developers: the criteria that matter Read the guide →
• 14 hosting How to host a Node.js app: VPS, PaaS and serverless Read the guide →
• 15 hosting PHP hosting explained: shared vs VPS, versions and performance Read the guide →

More doors opening soon.