<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Introduzione a Office Scripts</title>
    <style>
        /* --- STILE GENERALE --- */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f0f2f5;
            color: #333;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }

        /* --- PULSANTE HOME (AZZURRO) --- */
        .btn-home {
            display: inline-block;
            background-color: #1E90FF !important; /* Azzurro DodgerBlue */
            color: white !important;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 6px;
            font-weight: bold;
            margin-bottom: 20px;
            transition: background 0.3s;
            border: none;
            cursor: pointer;
        }
        .btn-home:hover {
            background-color: #007bff !important;
        }

        /* --- TITOLI --- */
        h1 {
            color: #107C41; /* Verde Excel */
            border-bottom: 2px solid #eee;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }
        
        h2 {
            color: #2c3e50;
            margin-top: 35px;
            border-left: 5px solid #107C41;
            padding-left: 10px;
        }

        h3 {
            color: #0078d4;
            margin-top: 25px;
        }

        /* --- PUNTI CHIAVE (BOX) --- */
        .key-points {
            background-color: #f0fff4; /* Sfondo verde chiaro */
            border: 1px solid #d4edda;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
        .key-points h3 {
            margin-top: 0;
            color: #155724;
        }
        .key-points ul {
            margin: 0;
            padding-left: 20px;
        }
        .key-points li {
            margin-bottom: 10px;
        }

        /* --- CODICE (DARK MODE) --- */
        pre {
            background-color: #1e1e1e;
            color: #dcdcdc;
            padding: 15px;
            border-radius: 8px;
            overflow-x: auto;
            font-family: 'Consolas', 'Monaco', monospace;
            border-left: 5px solid #0078d4;
            font-size: 0.95em;
        }
        code {
            font-family: 'Consolas', 'Monaco', monospace;
        }

        /* --- LINK NAVIGAZIONE FINALE --- */
        .next-step-box {
            margin-top: 40px;
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
        .btn-next {
            display: inline-block;
            background-color: #2c3e50;
            color: white;
            padding: 12px 25px;
            text-decoration: none;
            border-radius: 6px;
            font-weight: bold;
            transition: 0.3s;
        }
        .btn-next:hover {
            background-color: #1a252f;
        }

    </style>
</head>
<body>

    <div class="container">
        <a href="index.html" class="btn-home">← Torna alla Home</a>

        <h1>Introduzione a Office Scripts in Excel</h1>

        <p>
            Office Scripts è un'infrastruttura di automazione per Excel sul web che ti permette di registrare e scrivere script in <strong>TypeScript</strong> (un'estensione di JavaScript) per automatizzare le tue attività ripetitive. 
            Pensa a loro come una versione moderna e più flessibile delle tradizionali macro VBA, ma basata sul web.
        </p>

        <div class="key-points">
            <h3>Punti Chiave</h3>
            <ul>
                <li><strong>Basato sul Web:</strong> Funzionano solo su Excel per il Web e sono salvati nel tuo OneDrive. Questo li rende sicuri e accessibili da qualsiasi computer.</li>
                <li><strong>Linguaggio Moderno:</strong> Utilizzano TypeScript, che è molto simile a JavaScript ma con una maggiore sicurezza sui dati, rendendo il codice più robusto.</li>
                <li><strong>Integrazione:</strong> Possono essere eseguiti manualmente, programmati o integrati con <strong>Power Automate</strong> per creare flussi di lavoro complessi (es. inviare un'email quando una cella cambia valore).</li>
            </ul>
        </div>

        <h2>1. Accedere agli Office Scripts</h2>
        <p>Per iniziare, hai bisogno di una licenza Microsoft 365 che includa Office Scripts (tipicamente le licenze business/enterprise).</p>
        <ol>
            <li>Apri un foglio di calcolo in <strong>Excel per il Web</strong>.</li>
            <li>Vai alla scheda <strong>Automatizza (Automate)</strong> nella barra multifunzione. Qui troverai tutti gli strumenti necessari.</li>
        </ol>

        <h2>2. Creare uno Script: Due Modi Principali</h2>
        <p>Puoi creare uno script registrando le tue azioni (il modo più semplice per iniziare) oppure scrivendo il codice da zero.</p>

        <h3>Metodo A: Registrare le Azioni (Consigliato per i Principianti)</h3>
        <p>Questo è il modo più intuitivo. Excel scriverà il codice per te mentre esegui le azioni.</p>
        
        <ul>
            <li><strong>Avvia il Registratore:</strong> Dalla scheda Automatizza, clicca su <em>Registra azioni (Record Actions)</em>. Sul lato destro apparirà un pannello.</li>
            <li><strong>Esegui le Azioni:</strong> Fai le operazioni che vuoi automatizzare (es. seleziona celle, applica grassetto, inserisci formule). Vedrai le azioni apparire nel pannello in tempo reale.</li>
            <li><strong>Ferma e Salva:</strong> Clicca su <em>Interrompi (Stop)</em>. Dai un nome allo script e salvalo.</li>
        </ul>

        <p><strong>Esempio Pratico:</strong> Se selezioni le celle A1:B1, le riempi di giallo e metti il testo in grassetto, il codice generato sarà simile a questo:</p>

<pre>
function main(workbook: ExcelScript.Workbook) {
  // Seleziona il foglio di lavoro attivo
  let selectedSheet = workbook.getActiveWorksheet();
  
  // Imposta il colore di riempimento per l'intervallo A1:B1
  selectedSheet.getRange("A1:B1")
    .getFormat().getFill().setColor("yellow");
  
  // Imposta il grassetto per il testo nell'intervallo A1:B1
  selectedSheet.getRange("A1:B1")
    .getFormat().getFont().setBold(true);
}
</pre>

        <h3>Metodo B: Scrivere il Codice da Zero</h3>
        <p>Se hai familiarità con JavaScript, puoi scrivere il tuo script direttamente.</p>
        <ul>
            <li><strong>Apri l'Editor:</strong> Dalla scheda Automatizza, clicca su <em>Nuovo script (New Script)</em>.</li>
            <li><strong>Scrivi il Codice:</strong> Si aprirà l'Editor con una funzione <code>main</code> di base. L'editor fornisce suggerimenti e autocompletamento (IntelliSense).</li>
            <li><strong>Salva ed Esegui:</strong> Salva l'icona del dischetto e testalo con il tasto <em>Esegui (Run)</em>.</li>
        </ul>

        <div class="next-step-box">
            <a href="la_struttura.html" class="btn-next">VAI ALLA STRUTTURA →</a>
        </div>

    </div>

</body>
</html>