In questo post siamo lieti di condividere alcuni miglioramenti significativi all'esperienza introduttiva delle estensioni di Chrome e alcuni modi in cui potete far parte di questo sogno.
La vecchia guida
In precedenza, il tutorial Guida introduttiva all'estensione di Chrome era un esempio di estensione di base che modificava il colore di sfondo della pagina corrente quando l'utente faceva clic su un pulsante nel popup dell'estensione. Inoltre, includeva una pagina di opzioni in cui scegliere uno dei quattro colori disponibili.
Questo esempio di base non mostra come aggiungere funzionalità popolari presenti nelle estensioni reali. Era giunto il momento di rinnovarsi.
Un nuovo approccio
Sappiamo che gli sviluppatori si affidano alla nostra documentazione per iniziare il loro percorso di apprendimento delle estensioni di Chrome e il nostro obiettivo è fornire un percorso accessibile, adatto ai principianti e pertinente. Anziché provare a migliorare l'esempio del tutorial esistente, abbiamo deciso di ricominciare da zero.
Ecco la nuova raccolta migliorata della Guida introduttiva:
- Guida introduttiva alle estensioni
- Descrive brevemente alcuni concetti fondamentali dello sviluppo delle estensioni di Chrome, come le tecnologie web e i componenti delle estensioni di uso comune. Include inoltre gli aspetti da tenere presenti quando si progetta e si distribuisce un'estensione nel Chrome Web Store.
- Nozioni di base sullo sviluppo
- Presenta il flusso di lavoro per lo sviluppo delle estensioni creando un esempio Hello, Extensions. Illustra il caricamento dell'estensione durante lo sviluppo, l'individuazione di log ed errori, la scelta della struttura del progetto e l'utilizzo di Typescript.
- Tutorial sul tempo di lettura
- È bello sapere quanto tempo abbiamo bisogno per finire di leggere un articolo. Il tempo di lettura ti insegna come inserire un elemento contenente il tempo di lettura stimato in ogni pagina della documentazione dell'estensione.
- Tutorial sulla modalità Niente distrazioni
- Rimuovere il disordine da una pagina consente alle nostre menti di concentrarsi sulle informazioni più pertinenti. La modalità Niente distrazioni mostra come cambiare lo stile della pagina e nascondere alcuni elementi di disturbo.
- Tutorial su Gestione schede
- Mentre cerchi lo sviluppo di un'estensione, potresti ritrovarti con molte schede della documentazione in più finestre. Gestore schede organizza le schede della documentazione dell'estensione di Chrome e del Chrome Web Store.
Questi tutorial non solo insegnano a creare estensioni reali, ma condividono anche best practice e suggerimenti per lo sviluppo. Inoltre, l'utilizzo di queste estensioni migliorerà la tua esperienza di lettura della documentazione dell'estensione.
Che cosa aspettarsi
Ogni tutorial include le seguenti sezioni:
- L'attività eseguita dall'estensione.
- Le lezioni che tratteremo.
- Cosa devi sapere prima di iniziare.
- Istruzioni dettagliate per creare l'estensione.
- Come caricare e testare l'estensione.
Se sei pronto ad affrontare una sfida, abbiamo incluso una sezione con alcune idee su come personalizzare o aggiungere altre funzioni alla tua estensione.
Vorremmo il tuo aiuto
Siamo molto felici di ricevere la tua opinione. Se noti qualcosa di sbagliato o poco chiaro in queste guide, segnala un bug nel nostro repository di GitHub.
Riteniamo che questa nuova guida introduttiva sia un miglioramento significativo rispetto a quella precedente, ma non ci fermiamo qui; continueremo a migliorare ed espandere la nostra documentazione per servire meglio tutti gli sviluppatori di estensioni.
Foto di Vardan Papikyan su Unsplash