Web technology for developers

The open nature of the World Wide Web presents incredible opportunities for people who want to create websites or online applications. To take full advantage of the web's capabilities, you need to know how to use them. Explore the links below to learn more about various web technologies.

Web technologies


HyperText Markup Language (HTML) is used to describe and define the content of a webpage.
Cascading Style Sheets (CSS) are used to describe the appearance or presentation of content on a webpage.
HyperText Transfer Protocol (HTTP) is used to deliver HTML and other hypermedia documents on the web.


JavaScript is the programming language that runs in your browser. You can use it to add interactivity and other dynamic features to your website or application.
With the advent of Node.js, you can also run JavaScript on the server.
Web APIs

Web Application Programming Interfaces (Web APIs) are used to perform a variety of tasks, such as manipulating the DOM, playing audio or video, or generating 3D graphics.

Web API interface reference
Lists all the object types you can use while developing for the web.
WebAPI page
Lists all the communication, hardware access, and other APIs you can use in web applications.
Event reference
Lists all the events you can use to track and react to interesting things that have taken place in your webpage or application.
Web Components
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.


The <canvas> element provides APIs to draw 2D graphics using JavaScript.
Scalable Vector Graphics (SVG) lets you use lines, curves, and other geometric shapes to render graphics. With vectors, you can create images that scale cleanly to any size.
WebGL is a JavaScript API that lets you draw 3D or 2D graphics using the HTML <canvas> element. This technology lets you use standard OpenGL ES in Web content.

Audio, video, and multimedia

Web media technologies
A list of media-related APIs with links to the documentation you'll need for each.
Media capture and streams API
A reference for the API that makes it possible to stream, record, and manipulate media both locally and across a network. This includes using local cameras and microphones to capture video, audio, and still images.
Using HTML audio and video
Embedding video and/or audio in a web page and controlling its playback.
The RTC in WebRTC stands for Real-Time Communications, the technology that enables audio/video streaming and data sharing between browser clients (peers).


Mathematical Markup Language (MathML) lets you display complex mathematical equations and syntax.
Extensible Stylesheet Language Transformations (XSLT) let you convert XML documents into more human readable HTML.
Extra functions which provide additional features to XSLT.
XPath lets you select DOM nodes in a document using a more powerful syntax than what is currently provided by CSS selectors.

Learning area

Learning web development
This set of articles provides beginners with everything they need to start coding simple websites.
Progressive web apps
Progressive web apps use modern web APIs along with traditional progressive enhancement strategy to create cross-platform web applications. These apps work everywhere and provide several features that give them the same user experience advantages as native apps. This set of docs and guides tell you all you need to know about PWAs.

Other topics

Accessible websites enable as many people as possible to use the web, including those whose visual, auditory, or other abilities are limited in some way. This set of articles provides information about accessible web development.
Web Performance
Web performance is the art of making sure web applications download fast and are responsive to user interaction, regardless of a users bandwidth, screen size, network, or device capabilities.
Privacy, permissions, and information security
As users use the web for more and more of their daily tasks, more of their private or personally-identifying information they share, ideally only with sites they trust. Cooperation among web content, the web browser, and the web server is needed to achieve as much privacy and information security as possible. This article covers these topics.
Don't let your website or app leak private data to the bad guys. Use this set of articles to make sure your projects are secure.
WebAssembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++ and Rust with a compilation target so that they can run on the web.

View All...