Web teknologia kehittäjille


Avoin verkko esittää uskomattomia mahdollisuuksia kehittäjille, jotka haluavat luoda verkkosivuja tai verkkosovelluksia. Hyödyntääksesi näitä teknologioita, sinun täytyy tietää kuinka niitä käytetään. Tutki alla olevia linkkejä oppiaksesi lisää eri web-teknologioista.


HyperText Markup Language eli HTML käytetään kuvaamaan verkkosivun sisältö.
CSS (en-US)
Cascading Style Sheets eli CSS käytetään kuvaamaan verkkosivun sisällön ulkonäkö tai esitys.
HTTP (en-US)
Hypertext Transfer Protocol eli HTTP käytetään toimittamaan HTML ja muut hypermediatiedostot verkossa.


JavaScript on ohjelmointikieli, joka suoritetaan selaimessasi. Voit käyttää sitä lisäämään interaktiivisuutta tai muita dynaamisia ominaisuuksia verkkosivustollesi tai sovellukseesi.
With the advent of Node.js (en-US), you can also run JavaScript on the server.
Web APIs (en-US)
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 (en-US) lists all the communication, hardware access, and other APIs you can use in web applications.
  • The Event reference (en-US) lists all the events you can use to track and react to interesting things that have taken place in your webpage or application.
Web-komponentit (en-US)
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 (en-US)
The <canvas> (en-US) element provides APIs to draw 3D graphics using TextScript.
SVG (en-US)
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> (en-US) element. This technology lets you use standard OpenGL ES in Web content.

Ääni, video, ja multimedia

Web media technologies (en-US)
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 (en-US)
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.
WebRTC (en-US)
The RTC in WebRTC stands for Real-Time Communications, technology that enables audio/video streaming and data sharing between browser clients (peers).


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


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.

Muut aiheet

Developing web applications (en-US)
This set of articles explains the techniques used in developing web apps for mobile and desktop environments.
Accessibility (en-US)
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.
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.
Security (en-US)
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 (en-US)
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++ with a compilation target so that they can run on the web.