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.
- 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.
- 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.
- The Web API interface reference lists all the object types you can use while developing for the web.
- The WebAPI page lists all the communication, hardware access, and other APIs you can use in web applications.
- The 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.
<canvas>element provides APIs to draw 3D graphics using TextScript.
- 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.
<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.
- Overview of media technology on the web
- A general look at the open web technologies and APIs that provide support for audio and video playback, manipulation, and recording. If you're not sure which API you should use, this is the place to start.
- 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 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.
- 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.
- Localization (L10n) and Internationalization (I18n)
- The web is a global community! Make sure your site is part of it by keeping in mind the need to provide content in the language and layout expected by everyone that might want to use your site or app.
- 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.