Web Resources

Keskeiset verkko- ja teknologiaresurssit vuonna 2026.

Tiivis valikoima suuria alustoja, laajasti käytettyjä työkaluja ja virallisia lähteitä verkkosivustojen rakentamiseen, kehittämiseen ja ylläpitoon.

Se on suunnattu johtajille, projektipäälliköille, suunnittelijoille, kehittäjille ja uteliaille ihmisille. Etsi nimi tai aihe, tarkenna luetteloa suodattimilla ja avaa jokainen resurssi sen virallisella verkkosivustolla.

toimituksellinen menetelmä

Hakemisto, joka on suunniteltu hyödylliseksi, ei vain pitkäksi.

Valinta painottaa tunnettuutta alalla, ammatillista käyttöä ja viitearvoa. Erikoistuneet dokumentaatiosivut on koottu pääresurssinsa yhteyteen.

01

virallinen tukikohta

Standardointielimet, viralliset asiakirjat ja viranomaiset ovat ensimmäisiä vertailuarvoja.

02

ammatilliset laitteet

Perustetut palvelut luokitellaan todellisen käytön mukaan: Luo, isännöi, mittaa, suojaa, julkaise tai mainosta sivustoa.

03

itsenäinen luku

Läsnäolo on toimituksellista ja palkatonta. Lomake ei ole kumppanuus eikä takuu.

Haku ja suodattimet

Tutustu hakemistoon.

Yhdistä hakukenttä ja suodattimet. Kaikki tehdään välittömästi välittämättä pyyntöäsi kolmannen osapuolen palvelulle.

147 näytetyt resurssit

Päivämäärä koskee linkitettyä asiakirjaa, ei palvelun kaikkien toimintojen tarkistusta.

Web-standardit ja hallinto

W3C

Avoimet verkkostandardit, mukaan lukien HTML, CSS, esteettömyys ja niihin liittyvät tekniikat. Etsi määritykset ja niiden kypsyystaso. Erota julkaistut suositukset, selittävät muistiot ja luonnokset ennen vaatimuksen lainaamista.

W3C · Lähde tarkistettu

käytettäväksi: Lähtökohta alkuperäisen suosituksen löytämiselle ja sen ylläpitämiselle.

Kansainvälinenlaitos / standardi
w3.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

W3C WAI

Kansainväliset resurssit ja standardit verkon saataville.

W3C WAI · Lähde tarkistettu

käytettäväksi: Aloita tietystä käyttöesteestä ja tutustu sitten asiaankuuluviin opetusohjelmiin ja tekniikoihin.

Dokumentoidut ominaisuudet
Määritys
WCAG 2.2
Periaatteiden määrä
4
Ohjeiden määrä
13
Vaatimustenmukaisuustasot
A · AA · AAA

Virallinen dokumentaatio ·

Kansainvälinenlaitos / standardi
w3.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

WHATWG

HTML:n, DOM:n, URL-osoitteen, FETCHin ja verkkoalustan elintaso.

WHATWG · Lähde tarkistettu

käytettäväksi: Tarkista elintaso vahvistaaksesi HTML-elementin odotetun toiminnan.

Dokumentoidut ominaisuudet
Määritys
HTML Living Standard
Syntaksi
HTML / XML
Lähde
github.com/whatwg/html

Tarkistuspolku

  1. Etsi normatiivinen sääntö
  2. Yhdistä nimike ja kenttä
  3. Tarkista näytetty esimerkki

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Oppimisesimerkissä kenttä käyttää tunnistetta id="demo-email" ja sen nimike viittausta for="demo-email". Etsi yhdistämissääntö HTML Living Standardista ja tarkista tunnisteen yksilöllisyys kyseisessä puussa.
Hyödyllinen tarkistus
Tyyppi email tarkistaa osoitteen muodon, ei postilaatikon olemassaoloa tai henkilön hallintaa siihen. Kentän sisäinen vihjeteksti ei yksin korvaa oikein yhdistettyä nimikettä.
Tulkinta ja seuraava vaihe
Tallenna viitattu kohta ja tarkistuspäivä. Kelvollinen katkelma ei osoita koko sivun saavutettavuutta. Tarkista saavutettava nimi, kohdistus ja virhepalaute näytetyssä esimerkissä.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · HTML · label

Virallinen dokumentaatio · HTML · email

Kansainvälinenlaitos / standardi
whatwg.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

IETF

organisaatio, joka kehittää monia Internetin teknisiä standardeja.

IETF · Lähde tarkistettu

käytettäväksi: Etsi RFC, joka määrittää protokollan, ennen kuin tulkitset kolmannen osapuolen yhteenvedon.

Dokumentoidut ominaisuudet
Muoto
RFC
Tila
Proposed Standard · Internet Standard · Best Current Practice · Informational · Experimental · Historic · Draft Standard (vanha taso) · Unknown
Tarkistus
Updates · Obsoletes · varmennetut virhekorjaukset
Lähde
RFC Editor

Tarkistuspolku

  1. Tunnista tila ja alasarja
  2. Lue suhteet ja virhekorjaukset
  3. Tulkitse vaatimukset

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Oppimisesimerkissä laaditaan HTTP-muistio asiakirjan RFC 9110 avulla. Sen tietueessa ovat Internet Standard ja STD 97. RFC-numero ei määritä sarjan muiden julkaisujen tilaa.
Hyödyllinen tarkistus
Tarkista ennen lainaamista suhteet Updates, Obsoletes ja varmennetut virhekorjaukset. Alkuperäinen teksti jää arkistoon; uudistus tai korvaava asiakirja saa uuden RFC-numeron. Lue muutoksen laajuus asiakirjasta sen sijaan, että päättelisit sen pelkästä päiväyksestä.
Tulkinta ja seuraava vaihe
Kun asiakirja käyttää käytäntöä BCP 14, suuraakkosinen MUST ilmaisee määrityksen ehdottoman vaatimuksen. SHOULD sallii perusteltuja poikkeuksia seurausten harkinnan jälkeen; MAY merkitsee valinnaista kohtaa. Teksti voi olla normatiivista myös ilman näitä avainsanoja.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · RFC 9110 · HTTP Semantics

Virallinen dokumentaatio · BCP 14 · RFC 2119

Virallinen dokumentaatio · BCP 14 · RFC 8174

Kansainvälinenlaitos / standardi
ietf.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

ICANN

Verkkotunnusten ja verkkotunnuksen nimijärjestelmän globaali koordinointi.

ICANN · Lähde tarkistettu

käytettäväksi: Erottele asiaankuuluvia verkkotunnuksia koskevat säännöt oman rekisterinpitäjäsi ehdoista.

Dokumentoidut ominaisuudet
Muoto
RDAP
Pääsy
lookup.icann.org
Soveltamisala
Yleisten verkkotunnusten rekisteröintitiedot

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: luovutuksen yhteydessä yleisen verkkotunnuksen RDAP-vastaus ei näytä kaikkia haltijan yhteystietoja. Tämä ei riitä osoittamaan, että nimi on vapaa.
Hyödyllinen tarkistus
Käytä ICANN Lookup -palvelua ja selvitä välittäjä sekä julkaistut tilatiedot. Vertaa niitä haltijan toimittamiin tositteisiin ja käyttöoikeustietoihin.
Tulkinta ja seuraava vaihe
Kirjaa tarkistuspäivä. Julkiset tiedot eivät anna pääsyä tilille tai oikeutta siirtoon; varmista käyttöoikeudet ja uusimisvastuu erikseen.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · ICANN Lookup

Kansainvälinenlaitos / standardi
icann.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

Afnic

Rekisteri .fr:lle ja Ranskan Internet-infrastruktuurin avainorganisaatio.

Afnic · Lähde tarkistettu

käytettäväksi: Tarkista .fr-verkkotunnukseen sovellettavat säännöt ja menettelyt.

Dokumentoidut ominaisuudet
Soveltamisala
.fr · .re · .yt · .pm · .wf · .tf
Pääsy
Whois
Tarkistukset
Välittäjä, päivämäärät ja nimipalvelimet

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: .fr-verkkotunnuksen Whois näyttää nimipalvelimet, vaikka sivusto ei enää vastaa. Verkkotunnuksen rekisteröinti ja palvelun saatavuus on tarkistettava erikseen.
Hyödyllinen tarkistus
Kirjaa näkyvä välittäjä, päivämäärät ja nimipalvelimet. Vertaa niitä hallintatiliin ja odotettuun DNS-delegointiin muuttamatta tietueita ensimmäisen tarkistuksen aikana.
Tulkinta ja seuraava vaihe
Whois-tieto ei testaa verkkopalvelinta tai sähköpostia. Jatka DNS-vianmääritykseen ja kyseisen palvelun tarkistukseen; varmista uusiminen välittäjän tililtä.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Afnic — Whois (EN)

Ranskalaitos / standardi
afnic.frVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

Schema.org

Jaettu strukturoitujen tietojen sanasto hakukoneille ja verkkopalveluille.

Schema.org · Lähde tarkistettu

käytettäväksi: Valitse tyyppi, joka todella kuvaa sivua, ja tarkasta sen dokumentoidut ominaisuudet.

Dokumentoidut ominaisuudet
Määritys
Schema.org
Syntaksi
JSON-LD · Microdata · RDFa
Tarkistustyökalu
validator.schema.org

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Schema Markup Validator

Kansainvälinenlaitos / standardi
schema.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

MDN Web Docs

HTML-, CSS-, JavaScript- ja Web-sovellusliittymien viitedokumentaatio.

MDN Web Docs · Lähde tarkistettu

käytettäväksi: Vertaa esimerkkejä, yhteensopivuutta ja määrityksiä ennen Web API:n käyttöönottoa.

Dokumentoidut ominaisuudet
Resurssit
@mdn/browser-compat-data
Muoto
JSON
Aineiston lisenssi
CC0-1.0
Varmennus
partial_implementation · notes
Tila
experimental · deprecated

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Ennen kuin valitset lomakkeeseen selainominaisuuden, etsi sen tarkka MDN-yhteensopivuustieto kohdasta __compat.support. Tarkista kohdeselain ja kyseinen versio. Yleistä rajapintaa koskeva tieto ei automaattisesti kuvaa jokaista sen metodia tai asetusta.
Hyödyllinen tarkistus
Lue kuvitteellisessa merkinnässä partial_implementation: true ominaisuus notes ennen täyden tuen päättelemistä. Funktion nimi voi olla olemassa, vaikka odotettu toiminta puuttuu. Yhdistä versio-, poisto- ja ehdollisen käyttöönoton tiedot todella käytettyyn ominaisuuteen.
Tulkinta ja seuraava vaihe
Säilytä @mdn/browser-compat-data-paketin versio tai luettu lähderevisio testituloksen yhteydessä. Erota merkinnät experimental ja deprecated tukitiedoista. Tarkista lopuksi käyttötapa yleisösi selaimissa: dokumentaatio valmistelee testin eikä korvaa sen tulosta.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · MDN Browser Compatibility Data — Data guidelines

Kansainvälinenyhteisö / koulutus
developer.mozilla.orgVieraile virallisilla verkkosivuilla
Web-standardit ja hallinto

RGAA

Ranskan viitekehys digitaalisen saavutettavuuden arvioimiseksi ja parantamiseksi.

RGAA · Lähde tarkistettu

käytettäväksi: Hyödyllinen esteettömyyslöydön yhdistämisessä ranskalaiseen arviointikehykseen.

Dokumentoidut ominaisuudet
Määritys
RGAA 4.1.2
Kohteet
106 kriteeriä
Soveltamisala
13 aihealuetta

Virallinen dokumentaatio ·

Virallinen dokumentaatio · RGAA · critères et tests

Ranskalaitos / standardi
accessibilite.numerique.gouv.frVieraile virallisilla verkkosivuilla
SEO, haku ja analytiikka

Google Search Console

indeksoinnin, haun suorituskyvyn ja teknisten ongelmien seuranta.

Google Search Console · Lähde tarkistettu

käytettäväksi: Vertaa kyselyitä, sivuja ja indeksointia ennen kuin päätät, että näkyvyys on heikentynyt.

Dokumentoidut ominaisuudet
API
Search Analytics
Mittarit
clicks · impressions · ctr · position
Päätepiste
POST /sites/{siteUrl}/searchAnalytics/query
Sivutus
rowLimit: 1…25000
Asetukset
dimensions · startRow

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Tutki sivulle johtavia hakuja esimerkkivastauksella, jossa on dimensions: ["query", "page"]. Taulukon keys arvot noudattavat tätä järjestystä: ensin hakukysely, sitten sivu. Vientisarakkeiden vaihtaminen voi tuottaa selkeältä näyttävän mutta väärän analyysin.
Hyödyllinen tarkistus
Parametri rowLimit sallii 1–25 000 riviä vastauksessa; startRow määrittää nollasta alkavan siirtymän. Sivutus käy läpi saatavilla olevat tulokset mutta ei takaa kattavaa vientiä: rajapinta palauttaa tärkeimmät rivit Search Consolen sisäisten rajoitusten puitteissa.
Tulkinta ja seuraava vaihe
Opetusesimerkissä ctr: 0.25 tarkoittaa 25:tä prosenttia, ei 0,25:tä prosenttia. Pyynnön päivämäärät ovat Tyynenmeren ajassa ja sisältävät molemmat rajapäivät. Säilytä jakso, ulottuvuudet ja suodattimet vientien vertailua varten; keskimääräinen sijainti ei tarkoita samaa sijoitusta kaikille hakijoille.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
search.google.comVieraile virallisilla verkkosivuilla
SEO, haku ja analytiikka

Google Tag Manager

Keskitetty analytiikan ja markkinoinnin tunnisteiden hallinta. Järjestä tagit, käynnistimet ja muuttujat tunnistettuun säilöön. Tarkista lähetetty tapahtuma ja käyttäjäpolku ennen julkaisua; asennus ei vahvista mittauksen oikeellisuutta.

Google Tag Manager · Lähde tarkistettu

käytettäväksi: Dokumentoi jokainen tunniste, laukaisin ja vaadittu suostumus ennen julkaisua.

Kansainvälinentyökalu / ohjelmisto
tagmanager.google.comVieraile virallisilla verkkosivuilla
SEO, haku ja analytiikka

Google Business Profile

paikallisen yrityksen läsnäolon hallinta Googlessa ja Mapsissa.

Google Business Profile · Lähde tarkistettu

käytettäväksi: Tarkista yrityksen tiedot todellisesta sijainnista ja aukioloajoista.

Dokumentoidut ominaisuudet
Pääsy
Henkilökohtainen kontakti yleensä vaaditaan; poikkeuksia on
Soveltamisala
Vain verkossa toimivat yritykset eivät ole kelpoisia
Tarkistus
Omistaja tai valtuutettu edustaja

Tarkistuspolku

  1. Tarkista todellinen kelpoisuus
  2. Vahvista hallintavaltuutus
  3. Tarkista julkaistut tiedot

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: pelkkä verkkotoiminta ilman asiakastapaamisia harkitsee profiilia. Postiosoite ei tee siitä kelpoista. Tarkista kriteerit ja poikkeukset ennen lupausta.
Hyödyllinen tarkistus
Vain omistaja tai valtuutettu edustaja voi vahvistaa ja hallita profiilia sääntöjen mukaan. Yrityssivuston tekeminen ei anna valtuutusta automaattisesti. Erota asiakasvastaanotto ja verkkovastausten ajat.
Tulkinta ja seuraava vaihe
Vastuuhenkilö vahvistaa nimen, toiminnan, osoitteen tai alueen ja ajat. Näkyvä profiili ei varmista tietoja pysyvästi. Säilytä lähde ja tarkista toiminnan muuttuessa.

Virallinen dokumentaatio ·

KansainvälinenPalvelu / alusta
google.comVieraile virallisilla verkkosivuilla
SEO, haku ja analytiikka

Screaming Frog

Desktop Crawler verkkosivuston rakenteen ja teknisten signaalien auditointiin.

Screaming Frog · Lähde tarkistettu

käytettäväksi: Indeksoida mallimalli ja korjaa sitten virheet niiden lähteessä.

Dokumentoidut ominaisuudet
Asennus
Windows · macOS · Linux
Kiintiö
Ilmaisversio: 500 URL-osoitetta indeksointikertaa kohden

Virallinen dokumentaatio ·

Virallinen dokumentaatio · SEO Spider · FAQ

Eurooppatyökalu / ohjelmisto
screamingfrog.co.ukVieraile virallisilla verkkosivuilla
SEO, haku ja analytiikka

Matomo

yksityisyyteen suuntautunut analytiikkaalusta, joka voidaan isännöidä itse.

Matomo · Lähde tarkistettu

käytettäväksi: Arvioi sitä, kun analytiikan hallinta ja sen isännöinti ovat tärkeitä projektille.

Dokumentoidut ominaisuudet
Kyseinen sovellus
Matomo On-Premise
Asetukset
[General]
Muoto
config/config.ini.php

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Jos vähän käytetty URL-osoite puuttuu Matomo-raportista, etsi ensin Others-rivi. Arkistointirajat voivat yhdistää rivejä; näkyvien rivien määrä ei ole kaikkien seurattujen sivujen määrä.
Hyödyllinen tarkistus
Selvitä versio, raportti ja arkistointitapa. Matomo On-Premise ja Matomo Cloud tarjoavat eri asetuksia. Näyttö- tai API-rajan muuttaminen ei palauta arkistoinnissa jo yhdistettyä riviä.
Tulkinta ja seuraava vaihe
Vertaa testikopiossa samaa ajanjaksoa ja segmenttiä. Suuremmat arkistointirajat voivat lisätä laskenta-aikaa, tallennustilaa ja muistitarvetta. Aiemmin käsitellyt jaksot voivat vaatia uudelleenlaskentaa; säilytä vertailutulos ennen asetuksen muuttamista.

Virallinen dokumentaatio ·

Eurooppatyökalu / ohjelmisto
matomo.orgVieraile virallisilla verkkosivuilla
hosting, pilvi ja verkkotunnukset

Cloudflare

Verkko-, DNS-, sisällönjakelu- ja sivustonsuojauspalveluja. Niiden tehtävä riippuu käyttöön otetuista tuotteista ja pyyntöjen reitistä alkuperäpalvelimelle.

Cloudflare — Fundamentals · Lähde tarkistettu

käytettäväksi: Inventory käytössä olevat ominaisuudet ja testaa niiden vaikutusta välimuistiin, DNS:ään ja lomakkeisiin.

Dokumentoidut ominaisuudet
Välitettävät tietuetyypit
A · AAAA · CNAME
Vain DNS
MX · TXT
Tilat
Proxied / DNS only

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: DNS-siirron jälkeen Cloudflareen suora kysely onnistuu mutta validoiva resolveri epäonnistuu. Uusi verkko-osoite ei yksin selitä eroa.
Hyödyllinen tarkistus
Vertaa julkaistua ylävyöhykkeen DS-tietuetta auktoritatiivisen tarjoajan DNSSEC-asetuksiin. Kirjaa vastaukset ja aika kopioimatta yksityisiä avaimia.
Tulkinta ja seuraava vaihe
Vanhentunut DS voi rikkoa luottamusketjun. Verkkotunnuksen vastuuhenkilö koordinoi korjauksen ja vahvistaa validoidun nimenselvityksen; validoinnin paikallinen poisto ei päätä häiriötä.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Cloudflare — DNSSEC troubleshooting

KansainvälinenPalvelu / alusta
cloudflare.comVieraile virallisilla verkkosivuilla
hosting, pilvi ja verkkotunnukset

Let’s Encrypt

Ilmainen, automaattinen HTTPS:n varmenneviranomainen.

Let’s Encrypt · Lähde tarkistettu

käytettäväksi: Testaa automaattisen uusimisen ja monitorin varmenteen vanhenemista.

Dokumentoidut ominaisuudet
Varmennus
HTTP-01 · DNS-01 · TLS-ALPN-01
Portti
HTTP-01 → TCP 80
Wildcard-varmenne
DNS-01

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: sivusto tarvitsee myös wildcard-nimen, mutta uusiminen käyttää vain HTTP-tunnistetta. Tämä Let’s Encrypt -menetelmä ei täytä wildcard-vaatimusta.
Hyödyllinen tarkistus
Arvioi DNS-01, pääsy validoinnin TXT-tietueeseen ja automaation vähimmäisoikeudet. DNS-rajapinnan saatavuus ei osoita ACME-asiakkaan ja delegoinnin oikeaa määritystä.
Tulkinta ja seuraava vaihe
Tarkista validoinnin jälkeen odotetuille nimille todellisuudessa esitetty varmenne. Myöntämisen salliva CAA-käytäntö ei korvaa tätä tarkistusta tai yksityisen avaimen suojausta.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Let’s Encrypt — Challenge types

Virallinen dokumentaatio · Let’s Encrypt — CAA

Kansainvälinenlaitos / standardi
letsencrypt.orgVieraile virallisilla verkkosivuilla
CMS, verkkokauppa ja ei-koodi

WordPress

Avoimen lähdekoodin sisällönhallintajärjestelmä sivuille, artikkeleille ja medialle, käyttäjärooleilla, teemoilla ja lisäosilla. Asennuksen ominaisuudet riippuvat myös valituista komponenteista.

WordPress — Features · Lähde tarkistettu

käytettäväksi: Testaa oikean sivun muokkaamista ja lisäosien ylläpitoa ennen sen valitsemista.

Dokumentoidut ominaisuudet
API
REST · JSON
Sivutus
per_page=1…100
Otsakkeet
X-WP-Total · X-WP-TotalPages

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Valitse luvallisesta kopiosta kuvan sisältävä sivu, luokiteltu artikkeli ja mukautettu sisältötyyppi. Tarkista niiden mukanaolo WXR-viennissä valituilla suodattimilla.
Hyödyllinen tarkistus
Tuo aineisto testiympäristöön ja tarkista tekstit, luokittelut ja media. Pelkkä sisältö-XML ei sisällä teemaa, lisäosia eikä kaikkia sivustotiedostoja.
Tulkinta ja seuraava vaihe
Kirjaa siirtyneet, vielä haettavat ja uudelleen määritettävät osat. WordPress.com viittaa vientitiedostossa mediaan linkeillä; järjestä kopiointi ennen alkuperäisen lähteen poistamista.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · WordPress · WXR

Virallinen dokumentaatio · WordPress.com · Content and media

KansainvälinenPalvelu / alusta
wordpress.orgVieraile virallisilla verkkosivuilla
CMS, verkkokauppa ja ei-koodi

WooCommerce

WordPressin verkkokaupparatkaisu tuotteille, tilauksille ja kaupan asetuksille. Maksut, toimitukset ja lisätoiminnot riippuvat asetuksista sekä laajennuksista.

WooCommerce — Documentation · Lähde tarkistettu

käytettäväksi: Testaa luettelo, kassa, verot ja ylläpito todellisessa myyntiskenaariossa.

KansainvälinenPalvelu / alusta
woocommerce.comVieraile virallisilla verkkosivuilla
CMS, verkkokauppa ja ei-koodi

PrestaShop

Avoimen lähdekoodin verkkokauppa-alustaprojekti kauppojen rakentamiseen. Ohjelmisto on erotettava siihen liittyvistä palvelinpalveluista, palveluista ja moduuleista.

PrestaShop Project · Lähde tarkistettu

käytettäväksi: Tutki luetteloa, tilausvirtaa ja lisäkustannuksia todellisella kaupankäynnillä.

RanskaPalvelu / alusta
prestashop-project.orgVieraile virallisilla verkkosivuilla
CMS, verkkokauppa ja ei-koodi

Shopify

Isännöity alusta verkkokaupan luomiseen ja hallintaan.

Shopify · Lähde tarkistettu

käytettäväksi: Vertaa maksuja, sovelluksia ja vientiä odotettuihin volyymiin ja myyntikanaviin.

Dokumentoidut ominaisuudet
API
GraphQL Admin API
Päätepiste
/admin/api/{version}/graphql.json
Muoto
JSON

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Valitse luvallisesta testikaupasta tuote, jolla on variantteja ja useita kuvia. Säilytä alkuperäinen CSV ennen muokkaamista ja tunnista kuvien URL-osoitteet.
Hyödyllinen tarkistus
Vertaa tuotetta, variantteja ja mediaa tuonnin jälkeen. Yksittäisten rivien lajittelu voi rikkoa yhteydet; kuvat eivät ole CSV:ssä, joten niiden on pysyttävä saatavilla siirron aikana.
Tulkinta ja seuraava vaihe
Tarkista varasto toimipaikoittain erikseen. Tuoteluettelo ja varasto kattavat eri tiedot; sulje alkuperäinen kauppa vasta tarvittavien tietojen tarkistamisen jälkeen.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Shopify · Products and images

KansainvälinenPalvelu / alusta
shopify.comVieraile virallisilla verkkosivuilla
CMS, verkkokauppa ja ei-koodi

Drupal

Modulaarinen avoimen lähdekoodin sisällönhallintajärjestelmä toimituksellisille sivustoille ja monimutkaisille alustoille.

Drupal · Lähde tarkistettu

käytettäväksi: prototyyppiroolit, sisältötyypit ja käännökset ennen päätöksen tekemistä.

Drupal® · Dries Buytaert — Drupal trademark policy
KansainvälinenPalvelu / alusta
new.drupal.orgVieraile virallisilla verkkosivuilla
kehitys ja koodi

PHP

Kieli palvelinpuolen sivujen luontiin ja pyyntöjen käsittelyyn, käytettävissä myös komentorivillä. Käsikirja kuvaa funktiot, asetukset ja tietoturvan.

PHP — Introduction · Lähde tarkistettu

käytettäväksi: Käytä projektin kielidokumentaatiota ja tuettuja versioita.

Dokumentoidut ominaisuudet
Komento
php -v
Tarkistus
php -l page.php
Asetukset
php --ini

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
PHP-sivu lakkaa toimimasta muutoksen jälkeen. Testikopiossa php -l page.php tarkistaa nimetyn tiedoston syntaksin suorittamatta sen koodia. Tulos ei kata sivuston koko käyttäjäpolkua.
Hyödyllinen tarkistus
Kirjaa myös php -v ja php --ini, jotta komentorivin tulkki ja asetukset tunnistetaan. Verkkopalvelin voi käyttää toista versiota tai asetustiedostoa.
Tulkinta ja seuraava vaihe
Kelvollinen syntaksi ei tarkista ajonaikaisia funktiokutsuja, tietokantaa tai lomakkeen perillemenoa. Toista korjauksen jälkeen kyseinen toiminto testiympäristössä.

Virallinen dokumentaatio ·

Kansainvälinenlaitos / standardi
php.netVieraile virallisilla verkkosivuilla
kehitys ja koodi

Composer

PHP-riippuvuuksien hallintatyökalu, joka ratkaisee ja asentaa projektille ilmoitetut kirjastot huomioiden versiorajoitukset ja kirjastojen omat riippuvuudet.

Composer — Introduction · Lähde tarkistettu

käytettäväksi: Tarkasta ratkaistut versiot ja päivitykset varsinaisessa PHP-projektissa.

Dokumentoidut ominaisuudet
Asennus
composer install
Komento
composer update
Tarkistus
composer check-platform-reqs

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
PHP-sovellusta vastaanotettaessa erota riippuvuuksien asentaminen niiden muuttamisesta. Kun composer.lock on olemassa, composer install käyttää lukittuja versioita; composer update ratkaisee riippuvuudet ja päivittää lukitustiedoston.
Hyödyllinen tarkistus
Säilytä projektin testikopiossa composer.json ja composer.lock yhdessä ja tarkista vaatimukset komennolla composer check-platform-reqs. Se tarkistaa asennettujen pakettien vaatimat todelliset PHP- ja laajennusversiot, vaikka config.platform jäljittelisi toista alustaa.
Tulkinta ja seuraava vaihe
Vaatimusten täyttyminen ei osoita sovelluksen toimivan. Kirjaa ympäristö ja testaa tyypillinen tehtävä; riippuvuuksien päivittäminen vaatii eri tarkistuksen kuin samojen versioiden asentaminen.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
getcomposer.orgVieraile virallisilla verkkosivuilla
kehitys ja koodi

Symfony

PHP-sovelluskehys ja uudelleenkäytettävät komponentit, joita voi käyttää yhdessä tai erikseen. Auttaa arvioimaan kokonaista arkkitehtuuria tai olemassa olevan sovelluksen tiettyä osaa.

Symfony — What is Symfony? · Lähde tarkistettu

käytettäväksi: Tarkista tarvittavat komponentit ja version huoltoaika.

RanskaPalvelu / alusta
symfony.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

Laravel

PHP-sovelluskehys verkkosovelluksille: reititys, tietojen käsittely, työjonot ja testaus. Edellyttää tiimiä, joka pystyy ylläpitämään sovellusta ja riippuvuuksia.

Laravel — Documentation · Lähde tarkistettu

käytettäväksi: Arvioi käytäntöjä, testejä ja ryhmän kykyä ylläpitää sovellusta.

KansainvälinenPalvelu / alusta
laravel.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

Node.js

Palvelinpuolen JavaScriptin ajonaikainen ja kehitystyökalualusta. Käytä käytössä olevaa versiota vastaavia API-ohjeita. Koodi suoritetaan selaimen ulkopuolella, joten rajapinnat ja käyttöönoton rajoitukset on tarkistettava erikseen.

Node.js · Lähde tarkistettu

käytettäväksi: Tarkista tuetut julkaisut ja riippuvuudet ennen työkalun käyttöönottoa.

Dokumentoidut ominaisuudet
Komento
node --version
Tarkistus
node --check app.cjs
Muoto
.mjs / .cjs

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kirjaa node --version ennen kahden palvelinpuolen JavaScript-virheen vertailua. Sama tiedosto voi riippua moduulimuodosta ja ympäristöstä, vaikka sen nimi olisi sama kummallakin koneella.
Hyödyllinen tarkistus
Pienessä esimerkissä .mjs tarkoittaa ECMAScript-moduulia ja .cjs CommonJS-moduulia. node --check app.cjs tarkistaa nimetyn tiedoston syntaksin käynnistämättä ohjelmaa.
Tulkinta ja seuraava vaihe
Syntaksivirheiden puuttuminen ei vahvista verkkokutsuja, ladattuja riippuvuuksia tai asetusmuuttujia. Kirjaa moduulimuoto ja testaa sen jälkeen todellisuudessa odotettu toiminto.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · .mjs / .cjs

KansainvälinenPalvelu / alusta
nodejs.orgVieraile virallisilla verkkosivuilla
kehitys ja koodi

npm

Ekosysteemi, johon kuuluvat pakettirekisteri, hakusivusto ja komentorivityökalu. Käytetään JavaScript-projektien riippuvuuksien ja komentosarjojen hallintaan.

npm — About npm · Lähde tarkistettu

käytettäväksi: Tarkista lisättyjen pakettien alkuperä, versiot ja riippuvuudet.

Dokumentoidut ominaisuudet
Asennus
npm ci
Asetukset
package-lock.json
Tarkistus
npm ci --ignore-scripts

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kun JavaScript-projekti asennetaan uudelleen lukituksen perusteella, npm ci tarvitsee olemassa olevan package-lock.json- tai npm-shrinkwrap.json-tiedoston. Jos lukitus ei vastaa package.json-tiedostoa, komento epäonnistuu lukituksen uudelleenkirjoittamisen sijaan.
Hyödyllinen tarkistus
Käytä testikopiota: npm ci korvaa olemassa olevan node_modules-hakemiston. Valitsin --ignore-scripts estää tämän asennuksen aikana package.json-tiedostojen komentosarjat; samalla voi jäädä tekemättä paketin tarvitsema valmistelu.
Tulkinta ja seuraava vaihe
Pelkkä lukitustiedosto ei kuvaa koko konetta. Säilytä Node.js- ja npm-versiot, olennaiset asennusvalinnat ja koontitulos; onnistunut asennus ei korvaa sovellustestiä.

Virallinen dokumentaatio ·

Kansainvälinenyhteisö / koulutus
npmjs.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

TypeScript

JavaScriptille rakennettu kieli, joka on rakennettu vahvemmille sovelluksille.

TypeScript Docs · Lähde tarkistettu

käytettäväksi: Määritä tyypin rajat ja tarkista luotu JavaScript liitännöissä.

Dokumentoidut ominaisuudet
Tarkistus
tsc --noEmit
Syntaksi
unknown / as
Asetukset
tsconfig.json

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
JSON-vastaus voi sisältää {"price":"12"}, vaikka ohjelma odottaa lukua. Tyypin vahvistaminen as-merkinnällä ei muunna merkkijonoa eikä tarkista vastausta ajon aikana.
Hyödyllinen tarkistus
Määritetyssä projektissa tsc --noEmit tarkistaa tyypit tuottamatta kääntäjän tulostiedostoja. Aloita ulkoiselle tiedolle tyypistä unknown ja tarkista rakenne ja arvot ennen käyttöä.
Tulkinta ja seuraava vaihe
Erota koodin staattinen johdonmukaisuus vastaanotetun tiedon validoinnista. Onnistunut TypeScript-tarkistus ei osoita tulevan vastauksen kelvollisuutta tai etäpalvelun saatavuutta.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · noEmit

KansainvälinenPalvelu / alusta
typescriptlang.orgVieraile virallisilla verkkosivuilla
kehitys ja koodi

React

JavaScript-kirjasto käyttöliittymien rakentamiseen.

React · Lähde tarkistettu

käytettäväksi: Testaa komponenttien rakenne ja lopullinen renderöinti todellisella matkalla.

Dokumentoidut ominaisuudet
Moduuli
useState
Asetukset
key
Tarkistus
<Editor key={customerId} />

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Esimerkkilomakkeessa asiakkaan vaihtaminen voi säilyttää aiemman syötteen, jos sama komponentti pysyy samassa puun kohdassa. React yhdistää tilan tähän sijaintiin ja komponentin identiteettiin.
Hyödyllinen tarkistus
Esimerkki <Editor key={customerId} /> antaa kullekin asiakkaalle eri identiteetin. Avaimen vaihtuessa React luo alipuun uudelleen ja nollaa sen paikallisen tilan; tarkista toiminta kahdella testitunnuksella.
Tulkinta ja seuraava vaihe
Valinta voi hävittää tallentamattoman syötteen. Päätä ensin, säilytetäänkö luonnos asiakaskohtaisesti vai nollataanko se; avain ei tallenna mitään palvelimelle eikä korvaa tallennusstrategiaa.

Virallinen dokumentaatio ·

KansainvälinenPalvelu / alusta
react.devVieraile virallisilla verkkosivuilla
kehitys ja koodi

Vue.js

JavaScript-kehys komponenteista ja reaktiivisesta tilasta rakentuviin käyttöliittymiin. Voidaan ottaa käyttöön vaiheittain; reititys- ja renderöintitarpeet riippuvat projektista.

Vue.js — Introduction · Lähde tarkistettu

käytettäväksi: Vertaa vuorovaikutustarpeita lastaus- ja ylläpitokustannuksiin.

KansainvälinenPalvelu / alusta
vuejs.orgVieraile virallisilla verkkosivuilla
kehitys ja koodi

Python

Virallinen Python-kielisivusto, jota käytetään verkkoon, dataan ja tekoälyyn. Opas esittelee kielen ja standardikirjaston ohjelmoinnin perusteet tunteville. Tarkista versio, riippuvuudet ja muodot ennen esimerkin käyttöä.

Python · Lähde tarkistettu

käytettäväksi: Valitse ylläpidetty versio ja eristä projektin riippuvuudet.

Dokumentoidut ominaisuudet
Moduuli
venv
Komento
python -m venv .venv
Tarkistus
sys.prefix != sys.base_prefix
Asetukset
pyvenv.cfg
Resurssit
bin/ · Scripts/

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Luo sisällönkäsittelyskriptiä varten esimerkkiympäristö komennolla python -m venv .venv. Sen paketit on oletuksena erotettu Pythonin perusasennuksen paketeista. Säilytä skripti ja tiedot .venv-kansion ulkopuolella: kansio sisältää uudelleen luotavan ympäristön, ei projektin lähdetiedostoja.
Hyödyllinen tarkistus
Tarkista, mikä tulkki todella suorittaa skriptin: sys.prefix != sys.base_prefix osoittaa virtuaaliympäristön käytön. Aktivointi helpottaa tulkin valintaa päätteessä mutta on valinnainen; suoritettavan tiedoston voi kutsua suoraan. Pelkkä päätteessä näkyvä nimi ei siis riitä todisteeksi.
Tulkinta ja seuraava vaihe
Virtuaaliympäristön kansio ei yleensä ole siirrettävissä pelkällä kopioinnilla. Dokumentoi luovutusta varten Python-versio ja riippuvuudet ja luo ympäristö uudelleen kohteessa. Tarkista käsittely pienellä tunnetulla tiedostolla ennen koko sisältöjoukon käsittelyn jatkamista.

Virallinen dokumentaatio ·

Kansainvälinenlaitos / standardi
python.orgVieraile virallisilla verkkosivuilla
kehitys ja koodi

Django

Python-sovelluskehys, jossa on tietomallit, reititys, näkymät ja hallinta. Hallintanäkymä palvelee sisältötyötä; julkinen käyttökokemus vaatii oman suunnittelun ja testit.

Django — Overview · Lähde tarkistettu

käytettäväksi: Testin hallinta, tietojen siirrot ja käyttöönoton suojaus.

KansainvälinenPalvelu / alusta
djangoproject.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

Git

Hajautettu lähdekoodin versionhallintajärjestelmä.

Git · Lähde tarkistettu

käytettäväksi: Dokumentoi oksat ja palautusmenettely, jota tiimi todella käyttää.

Dokumentoidut ominaisuudet
Komento
git status --short
Tarkistus
git diff
Varmennus
git diff --cached

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Tiedostossa voi olla seuraavaan commitiin jo valmisteltuja muutoksia ja myöhempiä muokkauksia. Seuratuissa tiedostoissa ilman yhdistämisristiriitaa komennon git status --short kaksi saraketta erottavat indeksin ja työpuun.
Hyödyllinen tarkistus
Vertaa komentoa git diff, joka näyttää työpuun muutokset suhteessa indeksiin, komentoon git diff --cached, joka näyttää valmistellut muutokset suhteessa HEAD-tilaan. Näkymät voivat siksi erota samalle tiedostolle.
Tulkinta ja seuraava vaihe
Lue näkymää, joka vastaa toimitettavaa kokonaisuutta. Komennot kuvaavat eroja eivätkä tarkista ohjelman toimintaa. Yhdistä toiminnalliset testit todellisuudessa testattuun revisioon.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · git diff

Jason Longin git-logo, lisenssillä CC 3.0:lla.
Kansainvälinentyökalu / ohjelmisto
git-scm.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

GitHub

Koodin isännöinti, yhteistyö, automaatio ja projektinhallinta.

GitHub Docs · Lähde tarkistettu

käytettäväksi: Tarkista arkiston tarkistukset, käyttöoikeudet ja automaatio.

Dokumentoidut ominaisuudet
API
REST
Ilman tunnistautumista: yleisraja
60 / h
Tunnistautuneena: yleisraja
5 000 / h

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kartoita tietovarasto, mahdollinen wiki ja Git LFS -tiedostot ennen luvallisen varmuuskopion tekemistä. Selvitä myös Gitin ulkopuoliset sovellustiedot.
Hyödyllinen tarkistus
Tarkista peiliklooni ja hae mahdolliset LFS-objektit erikseen. Wikillä on oma tietovarasto: projektitiedostot eivät osoita dokumentaation kopioitumista.
Tulkinta ja seuraava vaihe
Kokeile palautusta eristetyssä ympäristössä ja vertaa historiaa, tiedostoja ja riippuvuuksia. Koodikopio ei takaa tietokannan palautusta eikä ulkoisten tilien ja palvelujen saatavuutta.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · GitHub · Repository backup

KansainvälinenPalvelu / alusta
github.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

Docker

Säiliöt ja työkalut toistettaviin ympäristöihin.

Docker Docs · Lähde tarkistettu

käytettäväksi: Varmista, että kuvat ovat toistettavissa, ylläpidetty ja dokumentoitu.

Dokumentoidut ominaisuudet
Resurssit
volumes
Asetukset
--mount type=volume
Tarkistus
docker volume inspect demo-data

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Esimerkkisovelluksessa kontin kirjoitettavan kerroksen tiedot katoavat kontin mukana. Docker-taltiolla on erillinen elinkaari, ja se voi säilyttää tiedot kontin vaihtamisen jälkeen.
Hyödyllinen tarkistus
Testitaltiolle nimeltä demo-data komento docker volume inspect demo-data näyttää esimerkiksi ajurin ja liitospisteen. Yhdistä tiedot sovelluksen todellisuudessa käyttämään liitokseen, älä vain kontin nimeen.
Tulkinta ja seuraava vaihe
Taltion olemassaolo ei osoita käyttökelpoista varmuuskopiota. Valmistele sovelluksen kanssa eheä kopio ja tarkista palautus erikseen; liitoksen metatiedot eivät vahvista tietokannan eheyttä.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
docker.comVieraile virallisilla verkkosivuilla
Tekoäly

Mistral AI

Ranskalainen yritys, joka kehittää generatiivisia tekoälymalleja ja -palveluita.

Mistral Docs · Lähde tarkistettu

käytettäväksi: Vertaa käyttöönottovaihtoehtoja tieto- ja ylläpitovaatimuksiin.

Dokumentoidut ominaisuudet
Päätepiste
POST /v1/chat/completions
Muoto
application/json
Tunnistautuminen
Bearer

Tarkistuspolku

  1. Määritä lähde ja kentät
  2. Erota muoto ja oikeellisuus
  3. Tarkista jokainen julkaistava arvo

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: muuta tapahtumamuistio rakenteiseksi tietueeksi. Määritä kentät ja jätä puuttuva päivä arvoon null keksimisen sijaan. Käytä esimerkkiasiakirjaa ilman yksityisiä tietoja.
Hyödyllinen tarkistus
Ohje erottaa JSON-tulosteen ja skeemaan sidotun tulosteen. Kelvollinen rakenne tarkistaa muodon, ei nimien, päivien tai lainausten totuutta. Vertaa arvoja lähteeseen ja käsittele puuttuvat tiedot erikseen.
Tulkinta ja seuraava vaihe
Kirjaa malli, parametrit ja asiakirjan versio. Uskottava tai toistettava vastaus ei ole todiste. Sisältövastaavan tulee tarkistaa julkaistavat arvot etenkin mallin tai ohjeen vaihduttua.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Mistral · Structured outputs

Ranskalaitos / standardi
mistral.aiVieraile virallisilla verkkosivuilla
Tekoäly

Hugging Face

Yhteisöalusta tekoälymalleille, tietojoukoille ja demoille.

Hugging Face · Lähde tarkistettu

käytettäväksi: Tutustu malleihin ja tietojoukkoon samalla kun tarkistat niiden lisenssejä ja rajoituksia.

Dokumentoidut ominaisuudet
API
Hub OpenAPI
Luettelot
Models · Datasets · Spaces
Dokumentaatio
Model cards · Dataset cards
Muoto
Markdown · YAML
Asetukset
README.md

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kun vertaat kahta samaan tehtävään tarkoitettua mallia, aloita niiden README.md-mallikorteista. Ne yhdistävät Markdown-tekstin ja YAML-metatiedot. Kirjaa tehtävä pipeline_tag, kuvatut käyttötavat ja ilmoitetut rajoitukset: tekstintuottomalli ei automaattisesti täytä avustajan kaikkia tarpeita.
Hyödyllinen tarkistus
Tarkista kenttä license ja sen viittaama lisenssiteksti. Tunnista myös mainitut tietoaineistot ja käytettyjen resurssien ehdot. Puutteellinen mallikortti jättää kysymyksiä avoimiksi: puuttuva tieto ei ole käyttölupa eikä myönteinen arviointitulos.
Tulkinta ja seuraava vaihe
Säilytä tietovaraston tunniste ja revisio testitiedostojen ja asetusten yhteydessä. Haara main voi muuttua, joten samalla mallinimellä tehdyt testit eivät välttämättä ole vertailukelpoisia. Arvioi vastaukset edustavilla tapauksilla ja erota julkaisijan tulokset itse todella toistamistasi tuloksista.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Hugging Face — Model cards

Virallinen dokumentaatio · Hugging Face Hub — Download files at a specific revision

Kansainvälinenyhteisö / koulutus
Huggingface.coVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

PageSpeed Insights

Suorituskykyanalyysi, joka perustuu majakkaan ja saatavilla oleviin kenttätietoihin.

PageSpeed Insights · Lähde tarkistettu

käytettäväksi: Erota laboratoriodiagnostiikka kenttätiedoista, kun kenttätietoja on saatavilla.

Dokumentoidut ominaisuudet
Kyseinen sovellus
CrUX · Lighthouse
Mittarit
LCP · INP · CLS

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Jos PageSpeed näyttää alkuperän eikä URL-osoitteen tietoja, tulos koskee sivuston useita sivuja. Se ei todista tutkitun sivun toimivan samalla tavalla. Kirjaa näytetty kattavuus ennen korjauksen valintaa.
Hyödyllinen tarkistus
CrUX-paneeli kuvaa viimeisten 28 päivän aikana havaittuja kokemuksia; Lighthouse tekee simuloidun testin tiettynä hetkenä. Erota URL-osoite, laitetyyppi, kattavuus ja raportin päiväys. Tuore korjaus voi muuttaa testiä ennen kuin vanhat kokemukset poistuvat tarkastelujaksosta.
Tulkinta ja seuraava vaihe
Kenttätietojen puuttuminen tarkoittaa, ettei käytettävissä oleva otos riitä raporttiin. Se ei tarkoita nollatulosta eikä hyväksyttyä testiä. Etsi syytä laboratoriotestillä ja seuraa kenttätietoja niiden tullessa saataville.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
pagespeed.web.devVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

Lighthouse

Automaattinen suorituskyvyn, saavutettavuuden, hakukoneoptimoinnin ja parhaiden käytäntöjen auditointi.

Lighthouse · Lähde tarkistettu

käytettäväksi: Vertaa toistuvia mittauksia samalla sivulla ennen kuin priorisoit korjauksen.

Dokumentoidut ominaisuudet
Tilat
Chrome DevTools · CLI · Node
Tarkistukset
Performance · Accessibility · SEO
Komento
lighthouse <URL>

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: Lighthousen Performance-pisteet nousevat 72:sta 84:ään. Tiimi haluaa ilmoittaa sivuston olevan ”12 % nopeampi”.
Hyödyllinen tarkistus
Ero on 12 pistettä, ei latausajan 12 prosentin lyhenemä. Tarkista taustamittaukset, asetukset ja useita vertailukelpoisia testejä ennen tuloksen ilmoittamista.
Tulkinta ja seuraava vaihe
Mittarit vaikuttavat Performance-pisteisiin painotetusti; neuvojen tai diagnostiikkojen määrää ei vähennetä suoraan pisteistä. Tarkista korjauksen jälkeen myös todellinen käyttöpolku.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Chrome — Lighthouse performance scoring

Kansainvälinentyökalu / ohjelmisto
developer.chrome.comVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

WebPageTest

Yksityiskohtainen sivun lataustestaus useista laitteista ja paikoista.

WebPageTest — GitHub · Lähde tarkistettu

käytettäväksi: Tarkasta lastaus ja verkkovesiputous määritellyn skenaarion ja sijainnin varalta.

Dokumentoidut ominaisuudet
Tilat
First View / Repeat View
Asetukset
Sijainti, selain, yhteys ja toistot
Tarkistukset
Vertaa samoja näkymiä ja asetuksia

Tarkistuspolku

  1. Vakioi olosuhteet
  2. Erota ensi- ja uusintakäynti
  3. Vertaa aikajanoja

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Taulukossa on kolme kuvitteellista ajoa, joiden LCP ilmoitetaan sekunteina. Sijainnin, selaimen, yhteyden ja sisällön oletetaan pysyvän samoina. Ensi- ja uusintakäynti edustavat eri välimuistiolosuhteita.
Hyödyllinen tarkistus
Erilliset mediaanit ovat tässä 3,3 ja 1,9 sekuntia. Vertaa samaa suuretta samoilla asetuksilla; parhaan ensikäynnin vertaaminen mediaaniuusintakäyntiin vääristäisi vertailua. Arvot eivät mittaa todellista sivustoa.
Tulkinta ja seuraava vaihe
Vertaa eroa pyyntöjen vesiputousnäkymään ja uudelleen käytettyihin resursseihin. Toista samat olosuhteet kohdennetun muutoksen jälkeen. Nopeampi uusintakäynti ei osoita, että jokainen kävijä saa saman tuloksen.
Kuvitteelliset ajot · LCP sekunteina
AjoEnsikäyntiUusintakäynti
13,21,8
23,42,0
33,31,9

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
webpagetest.orgVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

W3C HTML Validator

Tarkistaa dokumentin merkintäkielen syntaksin ja selittää havaitut virheet. Kelvollinen tulos ei ole laatumerkki eikä kattava saavutettavuusarvio.

W3C — Markup Validator Help · Lähde tarkistettu

käytettäväksi: Korjaa HTML-virheet lähteessä ja tarkista sitten useita malleja.

Dokumentoidut ominaisuudet
Tarkistustyökalu
Nu Html Checker
Muoto
HTML · JSON
Sertifiointi
Tarkistus ei myönnä sertifikaattia
Otsakkeet
Content-Type: text/html; charset=utf-8
Syntaksi
out=json

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Nu Html Checker voi tarkistaa esimerkkisivun, kun POST-pyynnön runko sisältää HTML:n suoraan ja otsake on Content-Type: text/html; charset=utf-8. Parametri out=json pyytää rakenteisen raportin. Erota lähetetty asiakirja saadusta raportista ja säilytä tarkastettu sivuversio.
Hyödyllinen tarkistus
Tutki kuvitteellisesta raportista taulukko messages ja kenttä type. Merkintä error ilmaisee havaitun ongelman; non-document-error tarkoittaa, ettei tarkistus valmistunut. Jälkimmäistä ei saa esittää virheettömänä sivuna: tulos jää määrittämättömäksi.
Tulkinta ja seuraava vaihe
Viestit ja sijaintitiedot auttavat löytämään korjattavan lähdekoodin. Toista tarkistus muutoksen jälkeen ja tarkista sitten näppäimistökäyttö, sisältö ja tärkeät toiminnot. Validaattorin virheettömyys ei ole saavutettavuussertifikaatti eikä takuu toimivuudesta tai hakukonesijoituksista.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Nu Html Checker — POST body

Virallinen dokumentaatio · Nu Html Checker — JSON output

Kansainvälinentyökalu / ohjelmisto
validator.w3.orgVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

Can I Use

selaimen yhteensopivuustaulukot Web-tekniikoille.

Can I Use · Lähde tarkistettu

käytettäväksi: Tarkista kohdeyleisön käyttämien selaimien ominaisuustuki.

Dokumentoidut ominaisuudet
Soveltamisala
Ominaisuus, selain ja versio
Tila
Pääasiallinen tuki; lue huomautukset
Lähde
tests.caniuse.com

Tarkistuspolku

  1. Valitse ominaisuus ja versiot
  2. Lue huomautukset ja suunnittele vararatkaisu
  3. Testaa todellinen komponentti

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen tapaus: korttiruudukko käyttää ominaisuutta subgrid. Kirjaa täsmällinen ominaisuus sekä kohdeselaimet ja versiot ennen taulukon lukemista. Maailmanlaajuinen prosenttiosuus ei yksin kuvaa hankkeen yleisöä.
Hyödyllinen tarkistus
Lue solujen huomautukset. Tuki tarkoittaa, että päätarkoitus on pääosin käytettävissä; kaikkia erikoistapauksia ei taata. Suunnittele vararatkaisu, jossa kortit pysyvät luettavina.
Tulkinta ja seuraava vaihe
Kokeile sitten pitkiä sisältöjä, zoomausta ja komponentin navigointia valituissa ympäristöissä. Yhteensopivuustaulukko valmistelee tarkistusta; se ei suorita sitä käyttöliittymällesi.

Virallinen dokumentaatio ·

Kansainvälinenyhteisö / koulutus
caniuse.comVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

axe

Automaattiset digitaalisen saavutettavuuden testaustyökalut.

axe · Lähde tarkistettu

käytettäväksi: Yhdistä automaattiset havainnot ihmisen katsaukseen matkasta.

Dokumentoidut ominaisuudet
Kyseinen sovellus
axe-core
Tila
violations / incomplete / passes / inapplicable
Soveltamisala
Renderöity sisältö testatussa tilassa
Tarkistukset
Epäselvien tulosten manuaalinen tarkistus

Tarkistuspolku

  1. Näytä testattava tila
  2. Luokittele tulokset
  3. Tarkista tehtävä käsin

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen axe-core-raportti sisältää violations: [] ja tuloksen incomplete. Jälkimmäinen vaatii lisätarkistuksen; tyhjä rikkomuslista ei muuta sitä hyväksytyksi tulokseksi.
Hyödyllinen tarkistus
Säilytä moottorin versio, rajaus ja käyttöliittymän tila. Avaa kyseinen valikko tai valintaikkuna ennen uutta analyysia: piilossa olevaa paneelia ei tarkisteta sen näkyvänä tilana.
Tulkinta ja seuraava vaihe
Tutki epäselvän tuloksen kohde ja sääntö ja kirjaa manuaalinen tarkistus. inapplicable tarkoittaa, ettei sääntöön sopivaa sisältöä löytynyt. Täydennä automaatiota näppäimistötehtävillä ja asianmukaisilla ihmisen tekemillä tarkistuksilla.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
deque.comVieraile virallisilla verkkosivuilla
suorituskyky, saavutettavuus ja laatu

WAVE

Visuaalinen esteettömyysongelmien arviointi verkkosivulla.

WAVE · Lähde tarkistettu

käytettäväksi: tarkastella asioita niiden visuaalisessa ja toimituksellisessa kontekstissa.

Dokumentoidut ominaisuudet
Kyseinen sovellus
WAVE
Varmennus
Tarkistus ei myönnä sertifikaattia

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvalla on vaihtoehtoinen teksti, joten WAVE ei ilmoita sen puuttumisesta. Se ei kerro, välittääkö teksti oikean tiedon. Vertaa kuvaa, sen tehtävää sivulla ja ilman kuvaa luettavaa tekstiä.
Hyödyllinen tarkistus
Lue jokaisen kuvakkeen ohje: huomautus vaatii arviointia ja tunnistettu saavutettavuusominaisuus voi olla väärin käytetty. Täydennä tarkistusta näppäimistöllä tehtävällä polulla ja lomakkeen virhetilojen testeillä.
Tulkinta ja seuraava vaihe
WAVE-laajennuksilla voi tutkia selaimessa paikallisia, dynaamisia tai suojattuja sivuja. Avaa ensin olennaiset tilat. Havaittujen virheiden puuttuminen ei ole vaatimustenmukaisuustodistus.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
wave.webaim.orgVieraile virallisilla verkkosivuilla
turvallisuus, yksityisyys ja vaatimustenmukaisuus

CERT-FR

Ranskalaiset hälytykset, neuvot ja tiedotteet haavoittuvuuksista ja tapahtumista.

CERT-FR · ANSSI · Lähde tarkistettu

käytettäväksi: Tarkista suojausilmoitus todella käyttöön otettujen versioiden kanssa.

Dokumentoidut ominaisuudet
Resurssit
Hälytykset, tietoturvatiedotteet ja uhkaraportit
Lähde
CERT-FR · ANSSI
Soveltamisala
Julkaistua tietoa, ei oman asennuksen diagnoosia

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: tiedote mainitsee haavoittuvuuden sivuston käyttämässä komponentissa. Pelkkä tuotenimi ei osoita, että oma versio ja kokoonpano ovat haavoittuvia.
Hyödyllinen tarkistus
Erota välittömästä vaarasta kertova hälytys, haavoittuvuuden ja korjauskeinojen tiedote sekä uhkaraportti. Vertaa versioita, edellytyksiä ja valmistajan toimia todelliseen laiteluetteloon ja ohjelmistoinventaarioon.
Tulkinta ja seuraava vaihe
Kirjaa asiakirjan tunniste ja päivityspäivä. Tiedote ei todista murtoa: tee tilanteen mukaiset toimet ja tarkista korjauksen jälkeen versio sekä toiminta.

Virallinen dokumentaatio ·

Ranskalaitos / standardi
cert.cyber.gouv.frVieraile virallisilla verkkosivuilla
turvallisuus, yksityisyys ja vaatimustenmukaisuus

OWASP

Avaa verkkosovellusten tietoturvaa koskevat referenssit ja projektit. Valitse sopiva projekti: testausmenetelmä, ehkäisyohje tai riskiluettelo. Säilytä versio ja testiskenaario; riskiluettelo ei ole sovelluksen auditointi.

OWASP · Lähde tarkistettu

käytettäväksi: Käytä tietoturvaresursseja testauspohjana, älä todisteena vaatimustenmukaisuudesta.

Dokumentoidut ominaisuudet
Luettelot
OWASP Top 10
Määritys
ASVS
Dokumentaatio
WSTG

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: tiimi haluaa varmistaa, ettei asiakas näe toisen asiakkaan tilausta. Pelkkä Top 10 -viittaus ei kuvaa vaatimusta tai tehtyä testiä.
Hyödyllinen tarkistus
Käytä Top 10:tä riskin hahmottamiseen, ASVS:ää vaatimusten määrittelyyn ja WSTG:tä testien valmisteluun. Kirjaa asiakirjaversiot ja sovita skenaario testitileihin ja testidataan.
Tulkinta ja seuraava vaihe
Säilytä odotettu tulos, havaittu tulos ja todiste korjauksesta. Ohjeen lukeminen tai yksittäisen testin läpäisy ei sertifioi koko sivuston tietoturvaa.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · OWASP ASVS

Virallinen dokumentaatio · OWASP WSTG

Kansainvälinenyhteisö / koulutus
owasp.orgVieraile virallisilla verkkosivuilla
turvallisuus, yksityisyys ja vaatimustenmukaisuus

Have I Been Pwned

Tarkista, näkyvätkö osoitteet ja verkkotunnukset tunnetuissa tietomurroissa.

Have I Been Pwned · Lähde tarkistettu

käytettäväksi: Käytä Palvelua sisäisissä rikkomus-vastausmenettelyissä.

Dokumentoidut ominaisuudet
API
Pwned Passwords · k-anonymity
Etuliite
SHA-1 → 5
Päätepiste
GET https://api.pwnedpasswords.com/range/{prefix}
Otsakkeet
Add-Padding: true
Syntaksi
SUFFIX:COUNT

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Tutustu Pwned Passwordsiin julkisella esimerkkimerkkijonolla, älä oikealla salasanalla. Laske sen SHA-1-tiiviste paikallisesti ja lähetä palveluun vain ensimmäiset 5 heksadesimaalimerkkiä. Vertaa loput 35 merkkiä palautettuihin loppuosiin lähettämättä merkkijonoa tai koko tiivistettä.
Hyödyllinen tarkistus
Otsake Add-Padding: true lisää täyterivejä; ohita rivit, joiden lukumäärä on nolla. Vertailun on koskettava täsmälleen oikeaa loppuosaa. Tila HTTP 200 vahvistaa vastauksen alkuosahakuun, mutta ei tarkoita, että tarkistettava salasana löytyi.
Tulkinta ja seuraava vaihe
Odota syötteen valmistumista sen sijaan, että kysyisit palvelulta jokaisella näppäinpainalluksella. Osuman puuttuminen ei takaa salasanan turvallisuutta. SHA-1-tiivisteen käyttö tässä protokollassa ei ole suositus salasanojen tallentamiseen; tietovuotojen haku sähköpostiosoitteella on erillinen palvelu.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Have I Been Pwned — Pwned Passwords API

KansainvälinenPalvelu / alusta
haveibeenpwned.comVieraile virallisilla verkkosivuilla
turvallisuus, yksityisyys ja vaatimustenmukaisuus

NIST Cybersecurity Framework

Kyberturvallisuuden riskienhallintakehys organisaatioille. Vertaa nyky- ja tavoitetilaa organisaation toimintaan sopivilla profiileilla. Liitä tulokset vastuisiin ja näyttöön esittämättä kehystä sertifiointina.

NIST Cybersecurity Framework · Lähde tarkistettu

käytettäväksi: Karttaa kehystoiminnot organisaation velvollisuuksiin.

Kansainvälinenlaitos / standardi
nist.govVieraile virallisilla verkkosivuilla
turvallisuus, yksityisyys ja vaatimustenmukaisuus

VirusTotal

Tiedostojen, URL-osoitteiden, verkkotunnusten ja suojausindikaattoreiden analyysi.

VirusTotal · Lähde tarkistettu

käytettäväksi: Tulkitse tuloksia varovasti ja suojaa lähetettyjen tiedostojen luottamuksellisuutta.

Dokumentoidut ominaisuudet
Kiintiö
Public API → 4 / min · 500 / day
Kaupallinen käyttö
Julkinen API: kaupalliset tuotteet ja palvelut kielletty
Yritysten työnkulut
Julkinen API: liiketoimintaprosessit ilman uusia tiedostoja kielletty

Tarkistuspolku

  1. Tunnista tiedosto ja raportti
  2. Tulkitse jokainen analyysitila
  3. Tarkista palvelun ehdot

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: lue tiedoston analyysiraporttia. Vertaa juuri kyseisen tiedoston tiivistettä, päivää ja moottorikohtaisia tuloksia. Sama tiedostonimi ei todista samoja analysoituja tavuja.
Hyödyllinen tarkistus
Havaintojen puute ei todista vaarattomuutta. undetected tarkoittaa, ettei moottorilla ole arviota; failure tai aikakatkaisu ei ole myönteinen tulos. Tutki tiloja ja asiayhteyttä, älä yhtä laskuria.
Tulkinta ja seuraava vaihe
Julkisen API:n kiintiöt ja käyttörajoitukset ovat erillisiä. Uusien tiedostojen antaminen ei poista kaupallisten tuotteiden tai palvelujen kieltoa. Tarkista sallittu palvelu ennen liittämistä; esimerkki ei käynnistä analyysiä.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · VirusTotal · Analysis states

Kansainvälinentyökalu / ohjelmisto
virustotal.comVieraile virallisilla verkkosivuilla
turvallisuus, yksityisyys ja vaatimustenmukaisuus

SSL Labs

Qualysin SSL Server Test tutkii internetissä saavutettavan palvelimen TLS-asetukset. Raportti ei arvioi koko sovellusta tai sen pääsynhallintaa.

Qualys SSL Labs — SSL Server Test · Lähde tarkistettu

käytettäväksi: Tarkista julkisen verkkotunnuksen TLS-asetukset muutoksen jälkeen.

Dokumentoidut ominaisuudet
Soveltamisala
Julkisen verkkopalvelimen TLS-määritykset
Tarkistukset
Varmenne, protokollat ja salausmenetelmät
Indikaattori
TLS-arvosana ei kata koko sovelluksen tietoturvaa

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: sivusto saa hyvän TLS-arvosanan, mutta käyttäjätili pääsee yhä muiden tietoihin. Arvosana ei arvioi tätä sovelluksen käyttöoikeutta.
Hyödyllinen tarkistus
Kirjaa testaamiseen sallitulta palvelimelta isäntänimi, päivämäärä, varmenne ja protokollat. Jos tuloksissa näkyy useita päätepisteitä, tarkastele niitä erikseen.
Tulkinta ja seuraava vaihe
Testaa kyseinen päätepiste uudelleen TLS-korjauksen jälkeen. Tarkista tilit, käyttöoikeudet ja liiketoimintaprosessit erikseen; TLS-arvosana ei vahvista niiden turvallisuutta.

Virallinen dokumentaatio ·

Kansainvälinentyökalu / ohjelmisto
ssllabs.comVieraile virallisilla verkkosivuilla
Suunnittelu, sisältö ja media

Figma

Yhteistyökäyttöliittymäsuunnittelu, prototyyppien valmistus ja suunnittelujärjestelmät.

Figma · Lähde tarkistettu

käytettäväksi: Testaa komponentteja, joissa on todellisia sisältö- ja virhetiloja.

Dokumentoidut ominaisuudet
API
REST
Tunnistautuminen
Access tokens · OAuth 2
Resurssit
Files · Nodes · Projects · Comments
Muoto
jpg · png · svg · pdf
Päätepiste
GET /v1/images/:key

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kun valmistelet verkkosivun kuvaa käyttöön hyväksytystä Figma-suunnitelmasta, kirjaa tiedostoavain, kehysten tunnisteet ja vertailuversio. GET /v1/files/:key palauttaa asiakirjan rakenteen; GET /v1/images/:key muodostaa kehysten kuvat valitussa muodossa, kuten png tai svg.
Hyödyllinen tarkistus
Tarkista esimerkkivastauksen images-ominaisuudesta jokainen pyydetty tunniste. Arvo null merkitsee kuvan muodostamisen epäonnistumista, eikä sitä lasketa toimitetuksi kuvaksi. Tarkista sitten mitat, luettavuus ja rajaus sivulla, jolla kuva esitetään.
Tulkinta ja seuraava vaihe
Figman dokumentaation mukaan muodostettujen kuvien linkit vanhenevat 30 päivän kuluttua. Järjestä tarvittavien tiedostojen luovutus, käyttöoikeudet ja asiayhteyteen sopiva tekstivastine. Onnistunut vienti ei takaa sivun tekstin saavutettavuutta eikä oikeaa esitystä puhelimessa.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Figma REST API — File endpoints

Kansainvälinentyökalu / ohjelmisto
figma.comVieraile virallisilla verkkosivuilla
Suunnittelu, sisältö ja media

Unsplash

Valokuvauskirjasto omilla käyttöehdoillaan.

Unsplash · Lähde tarkistettu

käytettäväksi: Tarkista aiheen lisenssi, relevanssi ja esitys ennen julkaisemista.

Dokumentoidut ominaisuudet
Lisenssi
Unsplash License
Kaupallinen käyttö
Sallittu vakiolisenssillä
Jälleenmyynti
Merkittävä muutos vaaditaan ennen jälleenmyyntiä
Päätepiste
GET /photos/:id/download
Viestin sisältö
url

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Näytä Unsplash-rajapintaan liitetyn gallerian kuvat osoitteista, jotka palautetaan kohdassa photo.urls.*. Tämä rajapinta edellyttää valokuvaajan ja Unsplashin mainitsemista. Säilytä lähdetiedot kuvan yhteydessä, jotta kuva ja tekijätieto pysyvät yhdessä.
Hyödyllinen tarkistus
Erota esimerkkivastauksen avulla esikatselun näyttäminen latausta vastaavasta toiminnosta, kuten kuvan valinnasta sisältöön. Jälkimmäinen edellyttää rajapinnan mukaan kutsua osoitteeseen links.download_location. Seurantakutsu palauttaa JSON-tietoa, jossa on url; itse kutsun osoitetta ei käytetä suoraan kuvan lähteenä.
Tulkinta ja seuraava vaihe
Tarkista, että esikatselu, valittu kuva ja tekijätiedot viittaavat samaan resurssiin. Älä kirjaa jokaista tavallista kuvan näyttökertaa lataukseksi. Nämä integrointivaatimukset koskevat Unsplash-rajapintaa ja eroavat kortissa kuvatusta vakiolisenssistä.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Unsplash API — Documentation and guidelines

KansainvälinenPalvelu / alusta
unsplash.comVieraile virallisilla verkkosivuilla
Suunnittelu, sisältö ja media

Pexels

Valokuva- ja videokirjasto Pexels-lisenssillä. Tarkista lisenssi ja kunkin kuvan asiayhteys ennen valintaa kaupalliselle tai toimitukselliselle sivulle.

Pexels — License · Lähde tarkistettu

käytettäväksi: Valitse kontekstiin sopiva kuva ja tallenna sen lähde ja ehdot.

KansainvälinenPalvelu / alusta
pexels.comVieraile virallisilla verkkosivuilla
Suunnittelu, sisältö ja media

Pixabay

Kuva-, video- ja äänikirjasto Pixabay-lisenssillä. Käyttöön liittyy rajoituksia; lisäoikeudet voivat koskea ihmisiä, tuotemerkkejä tai muita esitettyjä elementtejä.

Pixabay — Content License Summary · Lähde tarkistettu

käytettäväksi: Tarkista kunkin omaisuuden laatu ja oikeudet sen lisäksi, että se on kirjastossa.

KansainvälinenPalvelu / alusta
pixabay.comVieraile virallisilla verkkosivuilla
Suunnittelu, sisältö ja media

Google Fonts

Fonttiluettelo ja rajapinta fonttiperheiden, tyylien ja leikkausten pyytämiseen verkkosivuille. Valintojen tulee kattaa todella julkaistavat merkit ja kielet.

Google Fonts — Get Started · Lähde tarkistettu

käytettäväksi: Valitse muutama versio ja testaa lataus-, luettavuus- ja palvelutermit.

KansainvälinenPalvelu / alusta
fonts.google.comVieraile virallisilla verkkosivuilla
Suunnittelu, sisältö ja media

Font Awesome

Kuvakekirjasto, jossa on useita verkkointegraatiotapoja. Ohjeissa erotetaan koristeelliset kuvakkeet tietoa välittävistä tai toimintoa edustavista kuvakkeista.

Font Awesome — Accessibility · Lähde tarkistettu

käytettäväksi: Käytä vain välttämättömiä kuvakkeita, joissa on käytettävissä olevat etiketit, kun ne välittävät merkityksen.

KansainvälinenPalvelu / alusta
fontawesome.comVieraile virallisilla verkkosivuilla
Sosiaalinen media ja markkinointi

Mailchimp

Sähköpostikampanjat, markkinoinnin automaatio ja yleisön hallinta.

Mailchimp · Lähde tarkistettu

käytettäväksi: Tarkista suostumus-, segmentointi- ja luettelovientivaihtoehdot.

Dokumentoidut ominaisuudet
API
Marketing API · REST
Muoto
JSON · OpenAPI
Päätepiste
https://api.mailchimp.com/3.0/
Syntaksi
subscriber_hash = MD5(lowercase(email))
Tila
status_if_new · status

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Tutustu tunnisteeseen subscriber_hash käsittelemällä kuvitteellista osoitetta Reader@example.org ilman verkkoyhteyttä palveluun. Muunna osoite pieniksi kirjaimiksi ja laske MD5-tiiviste. Näin sama resurssi löytyy kirjainkoosta riippumatta; tiiviste tunnistaa yhteystiedon eikä todenna rajapintapyyntöä.
Hyödyllinen tarkistus
Erota simuloidussa PUT-synkronoinnissa status_if_new ja status. Ensimmäinen asettaa tilan luonnin yhteydessä, jälkimmäinen muuttaa olemassa olevan yhteystiedon tilaa. Nimen tai asetuksen päivitys ei saa automaattisesti tilata uutiskirjettä uudelleen aiemmin peruneelle henkilölle.
Tulkinta ja seuraava vaihe
Mailchimpin ohje suosittelee kaksinkertaisen vahvistuksen yleisössä uudelle yhteystiedolle tilaa pending: subscribed ohittaisi vahvistusviestin. Erota tietueen luominen tilauksen vahvistamisesta ja tarkista palautettu tila ennen uutiskirjeen tilaajamäärien tulkintaa.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Mailchimp — Add or update list member

Virallinen dokumentaatio · Mailchimp — Import and export contacts

KansainvälinenPalvelu / alusta
mailchimp.comVieraile virallisilla verkkosivuilla
Sosiaalinen media ja markkinointi

Brevo

Ranskalainen alusta sähköpostin, CRM:n ja markkinoinnin automaatioon.

Brevo · Lähde tarkistettu

käytettäväksi: Testaa toimitus ja peruuttaa Flow'n pilottikampanjan tilaus.

Dokumentoidut ominaisuudet
Päätepiste
POST /v3/smtp/email
Tunnistautuminen
api-key / OAuth 2.0
Viestin sisältö
htmlContent / textContent / templateId
Asetukset
headers → X-Sib-Sandbox: drop
Resurssit
messageId · message-id

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Valmistele kuvitteellinen tilausvahvistus yhdistämällä templateId kentän params muuttujiin. Tarkista lähettäjä, vastaanottaja, aihe ja mallin lopullinen esitys. Muuttujan mukanaolo pyynnössä ei todista, että viestin teksti tai linkit käyttävät sitä oikein.
Hyödyllinen tarkistus
Virallinen sandbox-esimerkki asettaa X-Sib-Sandbox-avaimen arvoksi drop JSON-objektissa headers. Brevon mukaan sähköposteja ei lähetetä eikä lähetyslokeja luoda. Vastaus 201 ja messageId vahvistavat tällöin pyynnön tarkistuksen, eivät viestin toimitusta.
Tulkinta ja seuraava vaihe
Yhdistä toiminnan seurannassa vastauksen messageId webhook-tapahtumien kenttään message-id. Erota hyväksytty pyyntö, tapahtuma delivered ja mahdollinen palautunut viesti. Näin asiakkaalle voi selittää tilan rinnastamatta teknistä hyväksyntää sähköpostin lukemiseen.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · Brevo — Using sandbox mode

RanskaPalvelu / alusta
brevo.comVieraile virallisilla verkkosivuilla
digitaalisia uutisia ja valvontaa

Ars Technica

Ohjelmistojen, verkon ja tekniikan syvällinen tekninen analyysi.

Ars Technica · Lähde tarkistettu

käytettäväksi: Lue koko tekninen konteksti ennen yleisen säännön piirtämistä.

Dokumentoidut ominaisuudet
Muoto
RSS · XML
Pääsy
RSS feeds
Lähde
arstechnica.com/rss-feeds/

Tarkistuspolku

  1. Valitse kattavuus
  2. Tarkista päivät ja lähteet
  3. Tiivistä ja viittaa

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: seuraat teknologiauutisia. Erota julkaisu-, päivitys- ja tapahtumapäivä. Lue alkuperäinen artikkeli.
Hyödyllinen tarkistus
Otsikko tai syötteen tiivistelmä ei korvaa mainittuja todisteita. Etsi ensisijainen lähde; saman tiedotteen toistot eivät ole riippumattomia vahvistuksia.
Tulkinta ja seuraava vaihe
Valitse yleinen, aihekohtainen tai tilaajasyöte kattavuuden mukaan. Tiivistä omin sanoin ja linkitä alkuperäiseen; RSS ei anna yleistä uudelleenjulkaisulupaa.

Virallinen dokumentaatio ·

KansainvälinenMedia / valmiustila
arstechnica.comVieraile virallisilla verkkosivuilla
digitaalisia uutisia ja valvontaa

Hacker News

Community News Aggregator keskittyi ohjelmointi- ja teknologiayrityksiin.

Hacker News · Lähde tarkistettu

käytettäväksi: Käytä keskusteluja löytääksesi vastalauseita ja tarkista sitten tosiasiat.

Dokumentoidut ominaisuudet
Muoto
JSON
Päätepiste
/v0/topstories.json · /v0/newstories.json
Kohteet
/v0/item/{id}.json
Soveltamisala
topstories · newstories → ≤ 500
Resurssit
type · kids · descendants

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Aloita teknologiaseuranta tallennetusta topstories.json-vastauksesta: se sisältää tunnisteita, ei kokonaisia artikkeleita. Jokainen tunniste johtaa resurssiin item. Tarkista kenttä type, sillä tärkeimpien kohteiden luettelossa voi olla artikkeleiden lisäksi työpaikkailmoituksia.
Hyödyllinen tarkistus
Kuvitteellisessa esimerkissä kids: [101, 102] ja descendants: 7 ensimmäinen kenttä antaa kahden suoran kommentin tunnisteet, toinen kertoo aiheen kommenttien kokonaismäärän. Taulukon kids alkioiden laskeminen ei siis kerro kaikkien sisäkkäisten keskusteluhaarojen viestien määrää.
Tulkinta ja seuraava vaihe
Kentät title ja text voivat sisältää HTML:ää: käytä merkkien suojausta tai asianmukaista puhdistusta suoran lisäämisen sijaan. Käsittele myös merkinnät deleted ja dead sekä ulkoisen linkin puuttuminen. Keskustelupisteet auttavat löytämään aiheen mutta eivät varmista lähteen väitteitä.

Virallinen dokumentaatio ·

Kansainvälinenyhteisö / koulutus
news.ycombinator.comVieraile virallisilla verkkosivuilla
yhteisöt ja oppiminen

freeCodeCamp

Ilmaisia kursseja, harjoituksia ja julkaisuja verkkokehityksestä.

freeCodeCamp — FAQ · Lähde tarkistettu

käytettäväksi: Valitse polku ja suorita harjoitus vain lukutuntien sijaan.

Dokumentoidut ominaisuudet
Lähde
github.com/freeCodeCamp/freeCodeCamp
Opetussuunnitelma
github.com/freeCodeCamp/freeCodeCamp/tree/main/curriculum

Tarkistuspolku

  1. Valitse tarkka laboratorio
  2. Selitä ja muuta ratkaisuasi
  3. Tarkista sertifiointi ja rehellisyys

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: rakenna suodatettava JavaScript-lista ja tarkastele laboratorion testejä. Erota ohjatut vaiheet päätöksistä, jotka osaat selittää ja toistaa ilman valmista ratkaisua.
Hyödyllinen tarkistus
Muuta yhtä vaatimusta, kuten toimintaa ilman osumia. Säilytä versio, testit ja korjauksen selitys. Tunnettujen testien läpäisy ei takaa kaikkia käyttötilanteita.
Tulkinta ja seuraava vaihe
Tarkista nykyiset ehdot ennen sertifioinnista kertomista: viitattu JavaScript-polku erottaa projektit ja kokeen. Noudata rehellisyyskäytäntöä myös tekoälyratkaisuissa; älä esitä ulkopuolista apua omana työnäsi.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · freeCodeCamp · JavaScript certification

Virallinen dokumentaatio · freeCodeCamp · Academic Honesty Policy

Kansainvälinenyhteisö / koulutus
freecodecamp.orgVieraile virallisilla verkkosivuilla
yhteisöt ja oppiminen

MDN Learn Web Development

Strukturoitu polku web-kehityksen perusteiden oppimiseen. Etene esitietojesi mukaisissa moduuleissa ja tee harjoitukset ennen seuraavaa aihetta. Sovita opetusesimerkit todellisen projektin sisältöön ja rajoituksiin.

MDN Learn Web Development · Lähde tarkistettu

käytettäväksi: Seuraa oppimispolkua ja käytä jokaista käsitettä pienelle oikealle sivulle.

Dokumentoidut ominaisuudet
Opetussuunnitelma
MDN Curriculum
Aiheet
HTML · CSS · JavaScript · Accessibility
Dokumentaatio
Core modules · Extensions

Tarkistuspolku

  1. Määritä pieni tehtävä
  2. Valitse moduuli ja harjoitus
  3. Toista toisella sisällöllä

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: opettele tekemään lukusivu, jossa on otsikot, linkit ja mukautuva asettelu. Valitse sopiva Curriculum-moduuli ja tee pieni oma muunnelma sen sijaan, että vain lukisit ratkaisun uudelleen.
Hyödyllinen tarkistus
MDN erottaa yksittäisen taidon harjoitukset ja useita käsitteitä yhdistävät haasteet. CSS-valitsinharjoitus ja kokonainen sivu testaavat eri laajuutta. Kirjaa itsenäisesti tekemäsi asiat ja käyttämäsi apu.
Tulkinta ja seuraava vaihe
Säilytä tiedosto, odotettu tulos ja valintojesi perustelut. Toista tehtävä toisella sisällöllä tutkiaksesi taidon soveltamista. Polku rakentaa perustaa; yksi valmis sivu ei yksin osoita kattavaa ammatillista osaamista.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · MDN · Learn web development

KansainvälinenMedia / valmiustila
developer.mozilla.orgVieraile virallisilla verkkosivuilla
organisointi, yhteistyö ja automaatio

n8n

Työnkulkujen automaatiotyökalu sovellusten ja rajapintojen yhdistämiseen pilvessä tai omassa ympäristössä. Tarkista fair-code-lisenssi ja ehdot suunnitellulle käytölle.

n8n — Documentation · Lähde tarkistettu

käytettäväksi: suunnitella työnkulkujen seurantaa ja ylläpitoa sekä luomista.

Dokumentoidut ominaisuudet
Asennus
Docker · Docker Compose · npm
Versiot
Community · Business · Enterprise
Palvelinympäristö
Itse ylläpidetty palvelin

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Kuvitteellinen esimerkki: lomake lähettää tapahtuman n8n:ään ja saa myönteisen vastauksen, mutta asiakastietuetta ei näy. Kuittaus ei osoita kirjoituksen onnistumista.
Hyödyllinen tarkistus
Tarkista osoite, työnkulun julkaisu ja vastaava suoritus Executions-näkymästä. Vertaa sitten kirjoitussolmun tulosta kohdepalveluun todellisuudessa tallennettuun tilaan.
Tulkinta ja seuraava vaihe
Jos vastaus tuli heti, tulkitse se käynnistymisen näytöksi. Älä toista tapahtumaa sokkona: käytä tunnistetta ja kaksoiskappaleiden eston sääntöjä ennen palautusta.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · n8n — Webhook node

Eurooppatyökalu / ohjelmisto
n8n.ioVieraile virallisilla verkkosivuilla
organisointi, yhteistyö ja automaatio

GitHub Actions

Testien, tarkastusten ja käyttöönottojen automatisointi GitHub-arkistotapahtumista. Määritä käynnistävä tapahtuma, työt ja suoritusympäristö työnkulussa. Tarkista oikeudet ja lokit; yksi onnistunut työ ei osoita kaikkien tarkistusten toteutuneen.

GitHub Actions · Lähde tarkistettu

käytettäväksi: Määritä testi- ja julkaisuvaiheet samalla kun rajoitat automaation käyttöoikeuksia.

Dokumentoidut ominaisuudet
Muoto
YAML
Asetukset
.github/workflows/*.yml
Käynnistimet
push · pull_request · workflow_dispatch
Mittarit
status · conclusion
Resurssit
id · head_sha · run_attempt

Oppimisesimerkki: sovita tiedostot, tunnukset ja olosuhteet testikopioon ennen tuloksen tulkintaa.

Käytännön esimerkki
Tulkitse GitHub Actionsin tulosta vertaamalla kahta kuvitteellista vastausta: status: completed ja conclusion: failure sekä status: queued ja conclusion: null. Ensimmäinen suoritus on päättynyt virheeseen, toinen odottaa vielä alkamista. Pelkkä valmistumisen tila ei siis osoita tarkistusten läpäisyä.
Hyödyllinen tarkistus
Yhdistä tulos tunnisteeseen id, odotettuun commitiin head_sha ja yritysnumeroon run_attempt. Saman haaran aiempi onnistunut suoritus ei automaattisesti vahvista uusinta koodia. Säilytä uuden yrityksen yhteydessä yhteys commitin ja tarkistettavan tuloksen välillä.
Tulkinta ja seuraava vaihe
Päätelmä success kuvaa työnkulun todella suorittamia tarkistuksia. Tutki suunnitellut tehtävät ja niiden lokit ennen kuin päättelet sivuston toimivan kävijöille. Säilytä jäljitettävyyteen tarvittavat tunnisteet kopioimatta tunnuksia tai salaisuuksia hyväksymistestauksen asiakirjaan.

Virallinen dokumentaatio ·

Virallinen dokumentaatio · GitHub REST API — Workflow runs

KansainvälinenPalvelu / alusta
github.comVieraile virallisilla verkkosivuilla
kehitys ja koodi

Visual Studio Code

Microsoftin koodieditori kehittämiseen, virheenkorjaukseen ja laajennusten käyttöön.

Visual Studio Code · Lähde tarkistettu

käytettäväksi: Tarkista ennen laajennusta sen julkaisija, pyydetyt oikeudet ja ylläpito. Kokeile vaikutusta erillisessä projektissa.

Microsoft · Visual Studio Code — Visual Studio Code icon usage guidelines
Kansainvälinentyökalu / ohjelmisto
code.visualstudio.comVieraile virallisilla verkkosivuilla
Valitse lähtökohta

Mikä kukin kategoria auttaa päättämään.

Nämä esimerkit valaisevat käyttötapoja; Ne eivät ole ranking eivätkä kaupallinen suositus. Tarkista voimassa olevat asiakirjat ja ehdot ennen päätöstä.

Web-standardit ja hallinto

Standardielimet ja viitekehykset auttavat erottamaan teknisen säännön tuoteasetuksesta. Aloita tarkasta ongelmasta ennen kuin luet täydelliset tiedot.

Tarkistettavat pisteet
  • Tunnista, onko asiakirja standardi, suositus vai selitys.
  • Tallenna sen versio ja konteksti, jossa sitä sovelletaan.

Harjoittelu: Päättääksesi, onko lomake käytettävissä, kuvaile ensin havaittu este: puuttuva etiketti, ennalta ilmoittamaton virhe tai rikkinäinen näppäimistön reitti. Etsi asiaankuuluva kriteeri ja vertaa sitä sitten sivun käyttäytymiseen.

Raja tietää: Käytännön selitys ja standardi palvelevat eri tarkoituksia; Pidä linkki normatiiviseen tekstiin ja versioon valittuna.

Esimerkkejä: W3C · RGAA

Liittynyt opas: Julkaise esteetöntä verkkosivuston sisältöä joka päivä

Tutustu vianetsintätilanteisiin

SEO, haku ja analytiikka

Haku- ja mittaustyökalut paljastavat, mitä vierailijat etsivät, löytävät ja täydentävät. Hakuhahmot, vierailut ja tiedustelut kuvaavat matkan eri vaiheita.

Tarkistettavat pisteet
  • Erottele esinapsautustiedot verkkosivustolla suoritetuista toimista.
  • Valitse muutama tärkeä sivu ja päätös ennen hallintapaneelien lisäämistä.

Harjoittelu: Ota yksi palvelusivu: Vertaa kyselyitä, jotka tuovat esiin sen, sen indeksointitilan ja sen tuottamat tiedustelut. Suuri kyselymäärä, jonka istuvuus on huono, voi vaatia selkeämpää kopiointia kuin enemmän liikennettä.

Raja tietää: Kolmannen osapuolen arviot eivät ole omalla sivustollasi mitattuja käyntejä. Tallenna jokaisen mittarin ajanjakso ja määritelmä.

Esimerkkejä: Google Search Central · Matomo

Liittynyt opas: Vahvista strukturoidut tiedot verkkosivustolla

Tutustu vianetsintätilanteisiin

hosting, pilvi ja verkkotunnukset

Vertaa isännöintiä sivuston todellisiin tarpeisiin: saatavuus, tiedot, varmuuskopiot, tuki, sijainti ja vastuut. Verkkotunnus, sähköposti ja sovellus voivat kuulua eri palveluntarjoajille.

Tarkistettavat pisteet
  • Listaa, mitä tarjous sisältää ja mikä on sinun vastuullasi.
  • Tarkista, kuinka tiedot voidaan viedä ja varmuuskopiointi palauttaa.

Harjoittelu: Yhdistä yksi oikea verkkosivusto verkkotunnuksen, DNS:n, sähköpostin, tiedostojen, tietokannan ja varmuuskopioiden välillä. Kysy jokaiselta toimittajalta, mitä se toimii, ja harjoittele tietojen palautusta ennen sitoutumista.

Raja tietää: Sijainti, tuki ja ennallistaminen riippuvat tarkasta suunnitelmasta. Mainostetut hinnat voivat sulkea pois uusimisen tai välttämättömät ominaisuudet.

Esimerkkejä: OVHcloud · Cloudflare

Liittynyt opas: ottaa haltuunsa tai luovuttaa verkkosivusto luottavaisin mielin

Tutustu vianetsintätilanteisiin

CMS, verkkokauppa ja ei-koodi

CMS:n tulee sopia ihmisille, jotka julkaisevat ja ylläpitävät sisältöä, ei vain tuoteesittelyä. Vertaa rooleja, sivumalleja, päivityksiä ja tietojen poistumispolkuja.

Tarkistettavat pisteet
  • Pyydä tulevaa tiimiä muokkaamaan oikeaa sivua ja korjaamaan virhe.
  • Arvioi lisäosat, toistuvat kustannukset ja vientivaihtoehdot.

Harjoittelu: Anna listalle valituille alustoille sama tehtävä: julkaise palvelusivu, jossa on kuva, käännös, seuraava toiminto ja myöhempi korjaus. Pyydä henkilöä, joka todella julkaisee, suorittamaan oikeudenkäynnin.

Raja tietää: Kiillotettu demo ei luo ylläpidettävyyttä; Sisällytä vertailuun lisäosat, isännöinti, koulutus ja vienti.

Esimerkkejä: WordPress · PrestaShop

Liittynyt opas: Valitse sisällönhallintajärjestelmä tiimisi todellisen työn ympäriltä

Tutustu vianetsintätilanteisiin

kehitys ja koodi

Kielet, kehykset ja koodityökalut ratkaisevat erilaisia rajoituksia. Tiimi hyötyy siitä, että se valitsee, mitä se voi testata, päivittää ja luovuttaa tekniikan keräämisen sijaan.

Tarkistettavat pisteet
  • Ilmoita jokaisen riippuvuuden ratkaisemisen tarpeen.
  • Tarkista dokumentaatio, yhteensopivuus ja päivitysmenettely.

Harjoittelu: Valitse yksi toiminto ja prototyyppi sen normaali polku, vikatila ja päivitysprosessi. Tarkista, että toinen henkilö voi selittää koodin, riippuvuudet ja käyttöönoton.

Raja tietää: Tähdet tai suosio eivät voi korvata sovitusta tiimiin ja todelliseen vaatimukseen.

Esimerkkejä: PHP · Node.js

Liittynyt opas: Käytännön verkkosivuston esilaukaisutarkistuslista

Tutustu vianetsintätilanteisiin

Tekoäly

Tekoälyresurssien sekoitusmallidokumentaatio, palvelut ja yhteisöt. Ammattikäyttöön erillinen osoitettu kyky tiedonkäsittelystä, lähdön todentamisesta ja käyttökustannuksista.

Tarkistettavat pisteet
  • Testaa edustavat tehtävät ja tarkasta viat.
  • Tarkista tiedonkäsittelyehdot ennen arkaluonteisen materiaalin lähettämistä.

Harjoittelu: Valmistele pieni joukko todellisia tehtäviä odotetuilla vastauksilla, sallituilla lähteillä ja vikatapauksilla. Vertaa tuotoksia, havaittuja kustannuksia ja tietojenkäsittelyä ennen mallin integrointia.

Raja tietää: Yksi demo tai sujuva vastaus ei osoita luotettavuutta vaikeissa tapauksissa. Avustajan toistamat julkiset tosiasiat on vielä tarkistettava.

Esimerkkejä: OpenAI Developers · Hugging Face

Liittynyt opas: Tarkista lähteet ja todisteet verkkosisällöstä

Tutustu vianetsintätilanteisiin

suorituskyky, saavutettavuus ja laatu

Laadukkaat työkalut paljastavat nopeus-, saavutettavuus- ja vakausongelmat, mutta mikään pistemäärä ei korvaa todellista tehtävää suorittavaa henkilöä. Vertaa laboratorio- ja kenttätietoja, kun jälkimmäinen on saatavilla.

Tarkistettavat pisteet
  • Mittaa eri sivuperheitä ja laitteita.
  • Yhdistä jokainen löytö syyn ja vahingoittuneen matkan kanssa.

Harjoittelu: Mittaa yksi sivu puhelimessa ja suorita sitten tehtävä näppäimistöllä ja suuremmalla tekstillä. Linkitä havainnot tiettyyn komponenttiin tai sisältöön ennen niiden korjaamista.

Raja tietää: Laboratoriopisteet vaihtelevat sen ympäristön mukaan, eikä niitä voi kuvailla kaikkia vierailijoita. Automaattiset tarkastukset eivät kata kaikkia esteettömyysesteitä.

Esimerkkejä: web.dev · PageSpeed Insights

Liittynyt opas: Testaa verkkosivuston saavutettavuutta käytännön tehtävillä

Tutustu vianetsintätilanteisiin

turvallisuus, yksityisyys ja vaatimustenmukaisuus

Viranomaiset, ohjeet ja turvatyökalut auttavat priorisoimaan riskejä ja tarkistamaan suojat. Yleinen hälytys ei osoita, että tietty sivusto on haavoittuvainen; sen versio ja kokoonpano ovat tärkeitä.

Tarkistettavat pisteet
  • erillinen ennaltaehkäisevä ohje aktiivisesta haavoittuvuusilmoituksesta.
  • Määritä, kuka hakee, testaa ja dokumentoi korjauksen.

Harjoittelu: Varastoohjelmistot, versiot ja arkaluontoiset matkat. Tarkista jokaisen asiaankuuluvan neuvonnan kohdalla, vaikuttaako asennettu versio ja kokoonpano, ja määritä sitten korjaus ja sen vahvistus.

Raja tietää: Skanneri tai hälytyslista ei todista turvallisuutta eikä kompromisseja. Henkilötietokysymykset vaativat tapahtumaan räätälöidyn arvioinnin.

Esimerkkejä: ANSSI · OWASP

Liittynyt opas: Testaa verkkosivuston entisöinti ennen tapahtumaa

Tutustu vianetsintätilanteisiin

Suunnittelu, sisältö ja media

Suunnittelu- ja mediatyökalut auttavat valmistelemaan käyttöliittymää, mutta arvo tulee luettavasta sisällöstä, johdonmukaisista komponenteista ja resursseista, joilla on selkeä käyttöoikeus. Testaa prototyyppiä oikealla kopiolla.

Tarkistettavat pisteet
  • Testaa matkapuhelin-, näppäimistö-, virhe- ja pitkän sisällön tiloja.
  • Tarkista kuvaoikeudet ja lähdetiedostojen luovutus.

Harjoittelu: Suunnittele kortti, pitkä sivu ja lomake, jossa on oikea kopio ja lisensoitu media. Testaa käännöslaajennusta, virheitä ja puhelinkokoja ennen järjestelmän laajentamista.

Raja tietää: Suunnittelutiedosto ei yksinään pysty ratkaisemaan kuvaoikeuksia, vaihtoehtoista tekstiä tai lopullista selaimen käyttäytymistä.

Esimerkkejä: Figma · Adobe

Liittynyt opas: Kuinka valita ja valmistella verkkosivuston kuvia

Tutustu vianetsintätilanteisiin

Sosiaalinen media ja markkinointi

Jakelualustat voivat täydentää verkkosivustoa, kun lupaus, aloitussivu ja mittaus sopivat. Erillinen orgaaninen kattavuus, mainonta ja yhteisölliset suhteet.

Tarkistettavat pisteet
  • Määrittele hyödyllinen tulos ennen kampanjan käynnistämistä.
  • Tarkista aloitussivu, suostumusvalinnat ja kyselyn laatu.

Harjoittelu: Määrittele kampanja sen yleisön, lupauksen, aloitussivun ja hyödyllisen toiminnan kautta. Seuraa matkaa vastaanotettuun kyselyyn ja vertaa sen laatua lähtötavoitteeseen.

Raja tietää: Alustan sitoutuminen ja paikan päällä tapahtuvat tulokset mittaavat eri asioita. Tarkista ehdot ja suostumusvalinnat ennen työkalujen lisäämistä.

Esimerkkejä: Meta Business · LinkedIn Marketing Solutions

Liittynyt opas: Suunnittele rehellinen ja hyödyllinen paikallinen verkkonäkyvyys

Tutustu vianetsintätilanteisiin

digitaalisia uutisia ja valvontaa

Alan uutiset auttavat havaitsemaan muutoksia ja vertailemaan näkökulmia. Jos haluat teknisiä tai sääntelypäätöksiä, seuraa tarinaa takaisin ensisijaiseen dokumentaatioon tai alkuperäiseen ilmoitukseen.

Tarkistettavat pisteet
  • Vertaa julkaisupäivää tapahtuman päivämäärään.
  • Erilliset vahvistetut tosiasiat, analyysit ja toimittajailmoitukset.

Harjoittelu: Tärkeän ilmoituksen saamiseksi kirjoita sen päivämäärä, alkuperäinen julkaisija, ensisijainen asiakirja ja mahdollinen vaikutus sivuillesi tai työkaluihisi. Vasta sitten päätä, tarvitaanko toimia.

Raja tietää: Myöhemmin julkaistut kommentit voivat auttaa, mutta sen päivämäärä ei ole muutoksen päivämäärä. erillinen ilmoitus, tehokas saatavuus ja tulkinta.

Esimerkkejä: Blog du Modérateur · Numerama

Liittynyt opas: Tarkista lähteet ja todisteet verkkosisällöstä

Tutustu vianetsintätilanteisiin

yhteisöt ja oppiminen

Kurssi tai yhteisö on hyödyllisempi, kun se johtaa todennettavissa olevaan harjoitukseen kuin opetusohjelmien kertymiseen. Valitse taso, taito ja sovellusprojekti.

Tarkistettavat pisteet
  • Tarkista edellytykset ja päivityspäivä.
  • Tuota pieni tulos ja pyydä kriittistä arvostelua.

Harjoittelu: Valitse yksi taito ja pieni suorite: helppokäyttöinen sivu, testattu lomake tai dokumentoitu tarkastus. Vertaa kursseja edellytysten, harjoituksen, palautteen ja kokonaisten kustannusten mukaan.

Raja tietää: Tunnit tai videoiden määrät eivät osoita itsenäistä kykyä. Tarkista sertifiointivaatimukset asianomaisesta rekisteristä, kun niillä on merkitystä päätökselle.

Esimerkkejä: freeCodeCamp · OpenClassrooms

Liittynyt opas: Tarkista lähteet ja todisteet verkkosisällöstä

Tutustu vianetsintätilanteisiin

organisointi, yhteistyö ja automaatio

Työnkulkutyökalujen tulee ensin tehdä päätökset, omistajat, päivämäärät ja versiot näkyväksi. Yksinkertaista prosessi ennen sen automatisoimista ja suunnittele, mitä tapahtuu, kun automaatio epäonnistuu.

Tarkistettavat pisteet
  • Määrittele asiakirjojen ja hyväksyntöjen totuuden lähde.
  • Testaa pääsyrooleja, vientiä ja hyödyllisiä ilmoituksia.

Harjoittelu: Ota todellinen sisältöhyväksyntä: kirjoittaja, arvioija, päätös, julkaistu versio ja korjaus. Testaa, kuka saa ilmoituksen ja kuinka löytää päätös kolmen kuukauden kuluttua.

Raja tietää: Epäselvän vaiheen automatisointi voi levittää virheen nopeammin. Tarkista pääsyroolit ja tietojen vienti ennen ryhmän siirtämistä.

Esimerkkejä: Notion · Trello

Liittynyt opas: ottaa haltuunsa tai luovuttaa verkkosivusto luottavaisin mielin

Tutustu vianetsintätilanteisiin

Läpinäkyvyys

Toimituksellinen laajuus ja kolmannen osapuolen sivustot

Tämä ei-tyhjentävä hakemisto joutui tietojen ja linkkien johdonmukaisuuden tarkistukseen 2. lokakuuta 2026. Jotkut sivustot rajoittavat automaattisia tarkistuksia. Se sisältää ulkoisia linkkejä itsenäisille sivustoille. Niiden saatavuus, sisältö, hinnat, evästeet ja ehdot voivat muuttua. Française du Numérique Älä hallitse heitä äläkä saa palkkiota heidän läsnäolostaan.

Hakemistokysymykset

Valinta, riippumattomuus ja päivitykset.

Toimituksellinen valinta suosii ensisijaisia ja virallisia lähteitä, tunnustettuja standardointielimiä, laajalti käytettyjä ammatillisia työkaluja, erikoismediaa ja aktiivisia yhteisöjä, jotka liittyvät suoraan verkkosivustojen luomiseen, toimintaan, turvallisuuteen tai edistämiseen. Jokaisella merkinnällä on oltava tunnistettavissa oleva toiminto, selkeästi nimetty editori ja virallinen kohde. Luettelo on itsenäinen, ei-tyhjentävä eikä pyri luokittelemaan kaikkia saatavilla olevia palveluntarjoajia. Resurssi voidaan poistaa, jos se sulkeutuu, muuttaa kohdetta syvästi, muuttuu harhaanjohtavaksi tai ei enää tuo tarpeeksi käytännöllistä arvoa. Vahvistuspäivämäärä osoittaa luettelon viimeisen maailmanlaajuisen katsauksen; Se ei takaa, että jokainen ulkoinen sivusto pysyy muuttumattomana jälkeenpäin. Ennen palvelun käyttöä on siksi vahvistettava sen hinnat, ehdot, luottamuksellisuussäännöt, turvallisuustaso ja riittävyys tarpeen mukaan sen virallisissa asiakirjoissa.

Ei. Arkki on asiakirjaviittaus, ei sertifikaatti, kumppanuus, tietoturvatarkastus tai kaupallinen suositus. Viitatut organisaatiot ovat edelleen vastuussa tuotteistaan, sisällöstä, hinnoista, saatavuudesta, evästeistä, tietojenkäsittelystä ja sopimusehdoista. Resurssi voidaan mukauttaa yhteen projektiin ja sopimaton toiseen riippuen budjetista, sovellettavasta laista, teknisistä vaatimuksista ja tiimin taidoista. Française du Numérique ei saa provisiota sivuston läsnäolosta tässä toimituksellisessa hakemistossa. Ennen tilin luomista, palvelun ostamista tai tietojen uskomista kannattaa tutustua virallisiin dokumentaatioihin, nykyisiin olosuhteisiin, vientimahdollisuuksiin, tukeen ja käytettävissä oleviin itsenäisiin elementteihin. Päätös, joka koskee oikeudellista, taloudellista tai turvallisuutta koskevaa kysymystä, voi vaatia pätevän ammattilaisen neuvoja.

Kyllä minä. Hakukenttä tutkii resurssien nimiä ja toimituksellisia teemoja, kun taas suodattimet rajoittavat luetteloa luokan, maantieteellisen alkuperän ja resurssityypin mukaan. Haku ja lajittelu tehdään paikallisesti selaimessa: syötetyt sanat eivät välity kolmannen osapuolen moottoriin. Useiden suodattimien yhdistelmä ei välttämättä tuota tuloksia, kun taas hyödyllinen resurssi on viereisessä kategoriassa; Silloin riittää, että poistat kriteerin tai käytät suurempaa termiä. Kuvaukset pysyvät tarkoituksella synteettisinä eivätkä lue kaikkia palvelun toimintoja. Virallisia asiakirjoja tulee kuulla nykyisten ominaisuuksien, ehtojen ja hintojen tarkistamiseksi ennen päätöstä.

Vertaa havaittavien tulosten avulla

Testaa sama tehtävä samoilla tiedoilla pienessä mittakaavassa. Säilytä tulos ja sen rajat ennen valintaa.

  • Web-standardit ja hallinto: Testaa sivu, jossa on otsikot, navigointi ja lomake. Vertaa standardia ja näppäimistötoimintaa ja kirjaa versio. Yksi oikea esimerkki ei todista koko sivuston vaatimustenmukaisuutta.
  • SEO, haku ja analytiikka: Vertaa samaa osoitetta ja ajanjaksoa. Kirjaa suodattimet ja mittarien määritelmät. Klikkaukset, käynnit ja yhteydenotot ovat eri tapahtumia eivätkä yhteenlaskettava kokonaistulos.
  • hosting, pilvi ja verkkotunnukset: Palauta testikopio tiedostoineen, tietokantoineen ja liitteineen eristetysti. Kirjaa puuttuvat tiedot ja poistumisehdot. Varmuuskopiopainike ei osoita onnistunutta palautusta.
  • CMS, verkkokauppa ja ei-koodi: Luo sivu, kuva, käännös ja lomake. Testaa muokkaus, oikeudet ja vienti. Vertaa sisällön ja suhteiden palautettavuutta työkalua vaihdettaessa.
  • kehitys ja koodi: Toista minimaalinen tapaus tunnetuilla versioilla ja riippuvuuksilla. Dokumentoi virhe ja korjaus kohdeympäristössä. Yksi onnistunut koe ei todista toistettavuutta.
  • Tekoäly: Käytä edustavia kysymyksiä, joiden vastaukset voi tarkistaa. Kirjaa malli, päivämäärä, ohjeet ja virheet. Vertaa tarkkuutta ja hyötyä; sujuva teksti ei osoita yleistä luotettavuutta.
  • suorituskyky, saavutettavuus ja laatu: Tee sama tehtävä mobiilissa ja näppäimistöllä. Kirjaa laite, olosuhteet ja este. Yhdistä ongelmat testattuihin korjauksiin; automaattinen pistemäärä ei korvaa käyttäjäpolun testausta.
  • turvallisuus, yksityisyys ja vaatimustenmukaisuus: Testaa hallintakeinot luvallisessa ympäristössä testitiedoilla. Tarkista oikeuksien poisto, palautus ja lokit. Nimeä vastuuhenkilö ja korjaus; myönteinen tarkistus ei takaa täydellistä turvallisuutta.
  • Suunnittelu, sisältö ja media: Testaa pitkät tekstit, puuttuvat kuvat ja kapeat näytöt. Tarkista kontrasti ja ymmärrettävyys. Kirjaa tekijä, lähde ja käyttöoikeus; lataaminen ei automaattisesti salli uudelleenkäyttöä.
  • Sosiaalinen media ja markkinointi: Määritä toiminto, ajanjakso ja kohdistaminen ennen vertailua. Vertaa todellisiin yhteydenottoihin. Usea palvelu voi kirjata saman konversion; yhteenlasku voi laskea tuloksen kahdesti.
  • digitaalisia uutisia ja valvontaa: Etsi alkuperäinen ilmoitus ja kirjaa julkaisu, voimaantulo, versiot ja tilit. Tarkista oma ympäristö; yleinen otsikko ei osoita saatavuutta kaikille.
  • yhteisöt ja oppiminen: Muokkaa harjoitusta ja selitä tulos, korjattu virhe ja rajat. Vertaa esitietoja ja arvioitua työtä. Kurssin suoritus ei automaattisesti osoita osaamista.
  • organisointi, yhteistyö ja automaatio: Testaa tehtävä, liite, hyväksyntä ja vienti. Toista tapahtuma kopiossa kaksoiskappaleiden löytämiseksi. Tarkista versio ja vastuu; luettelon vienti ei palauta koko prosessia.