In questo post siamo entusiasti di condividere alcuni miglioramenti significativi all'esperienza iniziale dell'estensione di Chrome e alcuni modi in cui potete partecipare a questo sogno.
La guida precedente
In precedenza, il tutorial introduttivo alle estensioni 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. Era inoltre presente una pagina delle opzioni in cui era possibile scegliere uno dei quattro colori disponibili.
Questo esempio di base non mostrava come aggiungere funzionalità molto comuni presenti nelle estensioni reali. Era giunto il momento di un rinnovamento.
Un nuovo approccio
Sappiamo che gli sviluppatori fanno affidamento sulla nostra documentazione per iniziare il loro percorso di apprendimento delle estensioni di Chrome e il nostro obiettivo è fornire un percorso che sia accessibile, adatto ai principianti e pertinente. Anziché cercare di migliorare l'esempio di tutorial esistente, abbiamo deciso di ricominciare da zero.
Presentazione della nuova e migliorata raccolta Guida introduttiva:
- Nozioni di base sulle estensioni
- Tratta brevemente alcuni concetti fondamentali dello sviluppo delle estensioni di Chrome, come le tecnologie web e i componenti di estensione 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
- Introduce il flusso di lavoro per lo sviluppo delle estensioni creando un esempio Hello, Extensions. Spiega come caricare l'estensione durante lo sviluppo, individuare i log e gli errori, scegliere la struttura del progetto e utilizzare Typescript.
- Tutorial sul tempo di lettura
- È bello sapere quanto tempo dobbiamo finire di leggere un articolo. L'impostazione Tempo di lettura ti insegna come inserire un elemento contenente il tempo di lettura stimato in ogni pagina della documentazione relativa all'estensione.
- Tutorial sulla modalità Niente distrazioni
- La rimozione di elementi superflui da una pagina ci consente di concentrarci 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 esegui ricerche sullo sviluppo di estensioni, potresti ritrovarti con molte schede della documentazione in più finestre. Gestione schede organizza l'estensione di Chrome e le schede della documentazione del Chrome Web Store.
Questi tutorial non solo insegnano come creare estensioni reali, ma condividono anche suggerimenti e best practice per lo sviluppo. Inoltre, l'utilizzo di queste estensioni migliorerà la tua esperienza durante la lettura della relativa documentazione.
Cosa aspettarsi
Ogni tutorial include le seguenti sezioni:
- L'attività che eseguirà l'estensione.
- Le lezioni che verranno trattate.
- Cosa devi sapere prima di iniziare.
- Istruzioni passo passo 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.
Vogliamo il tuo aiuto
Siamo felici di conoscere la tua opinione. Se noti qualcosa di sbagliato o poco chiaro in queste guide, segnala un bug nel nostro repository GitHub.
Riteniamo che questa nuova guida introduttiva rappresenti un miglioramento significativo rispetto a quella precedente, ma non ci fermeremo qui; continueremo a lavorare per migliorare e ampliare la nostra documentazione per offrire un servizio migliore a tutti gli sviluppatori di estensioni.
Foto di Vardan Papikyan su Unsplash