Roadmap to learn the Web Platform

The Web Platform is an amazing ecosystem of APIs, tools and languages, and it is more powerful than ever today. Learn the Web Platform through simple tutorials following my roadmap

The Web Platform is an amazing ecosystem of APIs, tools, languages, and it is more powerful than ever today.

I wrote a lot of tutorials and articles on this blog related to the Web Platform.

This post aims to organize them so you can find things more easily, and serve as a roadmap to learn how to develop on the Web Platform.

Browser API guides

First dive into the DOM, the most fundamental API exposed by the browser. Once you are familiar with this, check out the other important APIs associated with the browser.

• The DOM
• The Selectors API
• The XHR API
• The Fetch API
• The Channel Messaging API
• The Cache API
• Service Workers
• Progressive Web Apps
• The History API
• The Push API
• The Notifications API
• The Console API
• CORS
• Web Workers
• requestAnimationFrame
• WebSockets
• WebRTC
• The Speech Synthesis API

SVG, an amazing image format

• Learn SVG

Storage APIs

The Web Platform provides 3 fundamental storage APIs: cookies, Web Storage and IndexedDB. Know their pros and cons:

• IndexedDB
• Cookies
• Web Storage

Developer Tools for the Web

We developers would be completely lost and terrified without the amazing Dev Tools provided in all the popular Browsers.

• An Overview of the Browser DevTools
• A list of Chrome DevTools tips and tricks

Modern CSS

CSS has come a long way! Learn the new amazing things CSS can do today!

• CSS Grid
• Flexbox
• CSS Variables
• PostCSS
• CSS Transitions
• CSS Animations

What’s next?

If you’re ready to go ahead and dive into more advanced lands, check out

• Learn JavaScript
• React
• Node.js

The best way to learn things is to build small things with each new technology. Sometimes it’s just hard to decide what to do. I made a list of sample web app ideas, maybe one of those will be a quick start to learning something new today!