Skip to content

Best practice

Dopo aver padroneggiato la sintassi di Markdown, come si scrive una documentazione tecnica di alta qualità e facile da mantenere? Questa guida fornisce best practice dagli standard di base ai suggerimenti avanzati.

Progettazione della struttura del documento

Organizzazione delle directory

project/
├── README.md                 # Panoramica del progetto
├── docs/
│   ├── index.md             # Homepage della documentazione
│   ├── getting-started/
│   │   ├── installation.md  # Guida all'installazione
│   │   ├── quick-start.md   # Avvio rapido
│   │   └── examples.md      # Codice di esempio
│   ├── api/
│   │   ├── overview.md      # Panoramica API
│   │   ├── authentication.md # Autenticazione
│   │   └── endpoints/       # Endpoint API
│   ├── guides/
│   │   ├── best-practices.md # Best practice
│   │   └── troubleshooting.md # Risoluzione problemi
│   └── changelog.md         # Changelog
└── assets/
    └── images/              # Risorse immagini

Gerarchia dei contenuti

# Intestazione di livello 1 - Argomento del documento

Breve introduzione al contenuto e agli obiettivi di questo documento.

## Intestazione di livello 2 - Sezioni principali

### Intestazione di livello 3 - Argomenti specifici

Contenuto dettagliato e spiegazioni...

#### Intestazione di livello 4 - Sottosezioni

Dettagli di implementazione...

##### Intestazione di livello 5 - Note aggiuntive

Avvertenze e suggerimenti...

> **Nota**: Evita di usare più di cinque livelli di intestazione per non rendere la struttura del documento troppo complessa.

Standard di scrittura dei contenuti

Stile del linguaggio

✅ Consigliato:

1. **Usa un linguaggio conciso e chiaro**
   - Evita frasi troppo lunghe
   - Usa la forma attiva
   - Riduci al minimo il gergo

2. **Mantieni un tono coerente**
   - Formale ma amichevole
   - Espressioni orientate all'utente
   - Evita termini eccessivamente tecnici

3. **Fornisci indicazioni specifiche**
   - Usa numeri ed esempi concreti
   - Dai passaggi chiari
   - Includi i risultati attesi

❌ Evita:

- Affermazioni vaghe
- Uso eccessivo della forma passiva
- Mancanza di background necessario
- Dare per scontate conoscenze specifiche del lettore

Paragrafi e formattazione

<!-- ✅ Buona struttura del paragrafo -->
## Installa Node.js

Per utilizzare il nostro strumento, devi prima installare Node.js. Node.js è un runtime JavaScript che consente di eseguire JavaScript lato server.

### Requisiti di sistema

Prima di installare, assicurati che il tuo sistema soddisfi i seguenti requisiti:

- OS: Windows 10+, macOS 10.12+, o Linux
- Memoria: Almeno 4GB RAM
- Spazio: Almeno 1GB libero

### Passaggi di installazione

1. Visita il [sito ufficiale di Node.js](https://nodejs.org/)
2. Scarica l'installer per il tuo sistema operativo
3. Esegui l'installer e segui le istruzioni
4. Apri un terminale per verificare l'installazione:

Se viene visualizzato il numero di versione, l'installazione è andata a buon fine.

Installa nodejs devi scaricare dal sito ufficiale poi installare e verificare la versione per assicurarti che sia andata a buon fine


## Standard per gli esempi di codice

### Best practice per i blocchi di codice

Crea un account utente

Il seguente esempio mostra come usare l'API per creare un nuovo utente:

javascript
// Importa le librerie necessarie
const axios = require('axios');

// Configura endpoint API
const API_BASE_URL = 'https://api.example.com';
const API_KEY = 'your-api-key';

// Funzione per creare utente
async function createUser(userData) {
  try {
    const response = await axios.post(`${API_BASE_URL}/users`, userData, {
      headers: {
        'Authorization': `Bearer ${API_KEY}`,
        'Content-Type': 'application/json'
      }
    });
    
    console.log('User created:', response.data);
    return response.data;
  } catch (error) {
    console.error('User creation failed:', error.response.data);
    throw error;
  }
}

// Esempio di utilizzo
const newUser = {
  name: 'Zhang San',
  email: 'zhangsan@example.com',
  role: 'user'
};

createUser(newUser);

Risultato atteso:

json
{
  "id": "12345",
  "name": "Zhang San",
  "email": "zhangsan@example.com",
  "role": "user",
  "created_at": "2024-01-15T10:30:00Z"
}

Suggerimenti importanti:

  • Sostituisci your-api-key con la tua vera API key
  • Assicurati della connettività di rete
  • Tieni la tua API key al sicuro; non committarla nel controllo versione
javascript
// Crea utente
axios.post('/users', data)

Questo codice crea un utente.


### Esempi da riga di comando

Deploy del progetto

1. Compila il progetto

bash
# Installa le dipendenze
npm install

# Esegui i test
npm test

# Compila la versione di produzione
npm run build

2. Deploy sul server

bash
# Connettiti al server
ssh user@server.example.com

# Entra nella directory del progetto
cd /var/www/myproject

# Recupera il codice più recente
git pull origin main

# Riavvia il servizio
sudo systemctl restart myproject

3. Verifica il deploy

bash
# Controlla lo stato del servizio
sudo systemctl status myproject

# Visualizza i log
sudo journalctl -u myproject -f

Risultati attesi:

  • Lo stato del servizio mostra active (running)
  • Visitando https://yoursite.com viene visualizzata la versione più recente

## Gestione di link e riferimenti

### Link interni

Per istruzioni dettagliate sull'installazione, vedi Guida all'installazione.

Per l'autenticazione API, vedi Documentazione autenticazione.

Se riscontri problemi, consulta la Guida alla risoluzione problemi.

Clicca qui per l'installazione. Vedi: ./index.md


### Link esterni

La nostra API è progettata secondo lo stile architetturale REST, seguendo gli standard dei codici di stato HTTP.

Per saperne di più su JWT, vedi Documentazione ufficiale JWT e Specifica RFC 7519.


### Link di riferimento

Supportiamo diversi metodi di autenticazione, tra cui API key, OAuth 2.0 e JWT.

Per la configurazione dettagliata, vedi Guida alla configurazione, per le FAQ vedi pagina FAQ.


## Ottimizzazione di immagini e media

### Linee guida per l'uso delle immagini

Panoramica interfaccia utente

L'immagine seguente mostra il layout principale dell'applicazione:

Interfaccia principale applicazione

Note sull'immagine:

  1. La navbar in alto contiene i punti di ingresso principali
  2. La sidebar a sinistra offre navigazione rapida
  3. L'area principale mostra la pagina corrente
  4. La barra di stato in basso mostra le info di sistema

Schema architettura di sistema

Schema architettura di sistema

Figura: Architettura generale del sistema - mostra le relazioni tra i componenti

Vedi immagine: Immagine


### Organizzazione e denominazione immagini

assets/ ├── images/ │ ├── ui/ │ │ ├── dashboard-overview.png │ │ ├── user-profile-edit.png │ │ └── settings-general.png │ ├── diagrams/ │ │ ├── system-architecture.svg │ │ ├── data-flow-diagram.png │ │ └── user-workflow.png │ └── screenshots/ │ ├── installation-step-1.png │ ├── installation-step-2.png │ └── installation-complete.png

assets/ ├── images/ │ ├── img1.png │ ├── pic2.jpg │ ├── screenshot.png │ └── diagram.svg


## Principi di progettazione delle tabelle

### Tabelle dati

Elenco endpoint API

MetodoEndpointDescrizioneAuthParametri
GET/api/usersOttieni lista utentipage, limit, sort
POST/api/usersCrea nuovo utentename, email, role
GET/api/users/{id}Ottieni utente specificoid (parametro path)
PUT/api/users/{id}Aggiorna info utenteid, name, email
DELETE/api/users/{id}Elimina utenteid (parametro path)

Note:

  • ✅ significa che è richiesta autenticazione
  • Tutti gli endpoint richiedono una API key valida nell'header della richiesta
  • I parametri path sono specificati direttamente nell'URL
  • I parametri query sono passati come ?key=value&key2=value2

Confronto piani tariffari

CaratteristicaFreeProEnterprise
UtentiFino a 5Fino a 50Illimitati
Spazio1GB100GB1TB
API Call1.000/mese10.000/meseIllimitate
SupportoCommunityEmail24/7 dedicato
PrezzoGratis¥99/mese¥999/mese

Upgrade ora | Contatta vendite


### Visualizzazione dati complessi

Requisiti configurazione server

Spec serverConfig consigliata
Piccolo deployment
(<1K utenti)
Medio deployment
(1K-10K utenti)
Grande deployment
(>10K utenti)
CPU2 core4 core8+ core
Memoria4GB8GB16GB+
Spazio50GB SSD200GB SSD500GB+ SSD
Rete100Mbps1Gbps10Gbps
```

Controllo versione e collaborazione

Gestione delle versioni dei documenti

<!-- ✅ Aggiungi info versione in cima ai documenti -->
---
title: Guida utente API
version: 2.1.0
last_updated: 2024-01-15
author: Technical Docs Team
---

# Guida utente API

> **Nota versione**: Questo documento si applica ad API v2.1.0 e successive.
> Per versioni precedenti, vedi la [documentazione archiviata](./archive/).

## Changelog

### v2.1.0 (2024-01-15)
- Aggiunta gestione gruppi utenti
- Migliorato il flusso di autenticazione
- Risolti problemi noti

### v2.0.0 (2024-01-01)
- Rifattorizzata l'architettura API
- Aggiornata autenticazione
- Aggiunte operazioni batch

Standard commit Git

<!-- ✅ Formato standard messaggi commit -->
docs: Aggiorna documentazione autenticazione API

- Aggiunto esempio OAuth 2.0
- Corretto errori negli esempi di codice
- Aggiornati link correlati

closes #123

<!-- ✅ Spiegazione dei tipi di commit -->
Prefissi tipo:
- docs: Aggiornamento documentazione
- feat: Nuova funzionalità docs
- fix: Correzione errori documentazione
- style: Modifiche di formattazione
- refactor: Rifattorizzazione struttura doc
- test: Aggiunta test di esempio
- chore: Aggiornamenti build o strumenti

Standard di collaborazione sulla documentazione

<!-- Guida ai contributi -->
## Guida ai contributi

### Processo di invio

1. **Fork del repository** - Crea una tua copia
2. **Crea un branch** - Per le tue modifiche
   ```bash
   git checkout -b docs/update-api-guide
  1. Scrivi i contenuti - Segui gli standard di documentazione
  2. Test locale - Assicurati che la documentazione venga renderizzata correttamente
  3. Commit delle modifiche - Usa messaggi commit standard
  4. Crea PR - Descrivi dettagliatamente le tue modifiche

Checklist code review

  • [ ] Accuratezza dei contenuti
  • [ ] Linguaggio chiaro
  • [ ] Standard di formattazione
  • [ ] Link validi
  • [ ] Codice di esempio funzionante
  • [ ] Immagini visualizzate correttamente

## Accessibilità e internazionalizzazione

### Progettazione accessibile

<!-- ✅ Progettazione documentazione attenta all'accessibilità -->
### Colore e contrasto

Quando usi il colore per trasmettere informazioni, fornisci anche altri indizi:

::: tip Successo
✅ Successo: Operazione completata
:::

::: danger Errore
❌ Errore: Operazione fallita
:::

### Testo alternativo

Fornisci testo alternativo significativo per tutte le immagini:

![Schema architettura di sistema: mostra il flusso dati tra client, API gateway, microservizi e database](/assets/images/main-interface.png)

### Navigazione da tastiera

Assicurati che la struttura del documento supporti la navigazione da tastiera:

- Usa una gerarchia logica delle intestazioni
- Fornisci link all'indice dei contenuti
- I link importanti sono facili da trovare

### Considerazioni per l'internazionalizzazione

project/ ├── docs/ │ ├── en/ # Documentazione inglese │ │ ├── README.md │ │ └── api/ │ ├── zh/ # Documentazione cinese │ │ ├── README.md │ │ └── api/ │ └── ja/ # Documentazione giapponese │ ├── README.md │ └── api/

Versioni linguistiche

Ultimo aggiornamento: 15 gennaio 2024 (it-IT) 最后更新时间:2024年1月15日 (zh-CN) 最終更新日:2024年1月15日 (ja-JP)


## Ottimizzazione delle prestazioni

### Ottimizzazione caricamento documenti

Diagramma di sistema complesso

<!-- ✅ Progettazione paginazione -->
### Suddivisione di documenti lunghi

Dividi i documenti lunghi in più parti:

1. [Panoramica](./overview.md) - Concetti base e introduzione
2. [Avvio rapido](./quickstart.md) - Guida rapida in 5 minuti
3. [Tutorial](./tutorial.md) - Percorso di apprendimento completo
4. [Riferimento API](./api-reference.md) - Documentazione API completa
5. [Esempi](./examples.md) - Casi d'uso reali
🔍 Visualizza opzioni di configurazione avanzate

Configurazione avanzata

yaml
# Esempio dettagliato di configurazione
server:
  host: 0.0.0.0
  port: 8080
  ssl:
    enabled: true
    cert_file: /path/to/cert.pem
    key_file: /path/to/key.pem

Queste opzioni servono per ottimizzare ambienti di produzione...

Ottimizzazione SEO

<!-- ✅ Ottimizzazione SEO documentazione -->
---
title: "Guida autenticazione API - Soluzione completa di identità"
description: "Scopri come usare OAuth 2.0, JWT e API key per autenticazione sicura. Include esempi di codice e best practice."
keywords: ["autenticazione API", "OAuth", "JWT", "sicurezza", "identità"]
---

# Guida autenticazione API

Scopri come autenticare e autorizzare in modo sicuro le richieste API...

## In questo capitolo

Questa guida copre i seguenti metodi di autenticazione:

1. [Autenticazione API Key](#api-key-authentication) - Semplice e veloce
2. [OAuth 2.0](#oauth-20) - Standard di settore
3. [Token JWT](#jwt-tokens) - Autenticazione stateless

Assicurazione qualità

Checklist revisione contenuti

<!-- 📋 Checklist qualità documentazione -->
## Checklist pre-rilascio

### Qualità dei contenuti
- [ ] Informazioni accurate e complete
- [ ] Linguaggio chiaro
- [ ] Struttura logica
- [ ] Codice di esempio funzionante
- [ ] Screenshot aggiornati

### Verifiche tecniche
- [ ] Validità dei link
- [ ] Evidenziazione sintassi codice
- [ ] Immagini visualizzate correttamente
- [ ] Formattazione tabelle
- [ ] Formule matematiche renderizzate correttamente

### Esperienza utente
- [ ] Navigazione chiara
- [ ] Ricerca funzionante
- [ ] Visualizzazione su mobile adattiva
- [ ] Velocità di caricamento testata
- [ ] Accessibilità verificata

### Manutenibilità
- [ ] Info versione aggiornata
- [ ] Changelog registrato
- [ ] Documenti correlati sincronizzati
- [ ] Funzionalità deprecate segnalate
- [ ] Guide di migrazione fornite

Raccolta feedback utenti

<!-- ✅ Meccanismo raccolta feedback -->
## Aiutaci a migliorare

### Feedback documentazione

Se trovi errori o hai suggerimenti:

1. **Feedback rapido**: [Invia un issue](https://github.com/example/docs/issues/new?template=doc-feedback.md)
2. **Discussione dettagliata**: [Partecipa alla discussione](https://github.com/example/docs/discussions)
3. **Modifica diretta**: [Modifica questa pagina](https://github.com/example/docs/edit/main/docs/api/authentication.md)

### Valuta questa pagina

Questa pagina ti è stata utile?

👍 Sì | 👎 Da migliorare | 💡 Suggerimento

### Contatti

- 📧 Team documentazione: docs@example.com
- 💬 Supporto tecnico: support@example.com
- 🐦 Social: [@ExampleDocs](https://twitter.com/ExampleDocs)

Sintassi correlata

Strumenti e risorse

Strumenti qualità documentazione

  • textlint: Correzione testo e controllo stile
  • markdownlint: Controllo sintassi Markdown
  • alex: Controllo linguaggio inclusivo
  • Hemingway Editor: Analisi leggibilità

Piattaforme di collaborazione

  • GitBook: Collaborazione documentazione di team
  • Notion: Documenti multiuso e gestione conoscenza
  • Confluence: Collaborazione documentazione enterprise
  • Slab: Documentazione moderna per team

Strumenti di analisi

  • Google Analytics: Analisi traffico documentazione
  • Hotjar: Analisi comportamento utenti
  • Mixpanel: Tracciamento interazioni utenti
  • FullStory: Registrazione completa sessioni utenti

Strumenti di automazione

  • GitHub Actions: Build e deploy documentazione
  • Zapier: Automazione workflow
  • IFTTT: Regole di automazione semplici
  • n8n: Automazione workflow open source

Seguendo queste best practice, puoi creare documentazione tecnica di alta qualità, facile da usare e gettare solide basi per il successo del tuo progetto.

Built by www.markdownlang.com