In questo post, siamo lieti di condividere alcuni miglioramenti significativi all'esperienza di inizio dell'estensione di Chrome e alcuni modi in cui puoi far parte di questo sogno.
La vecchia guida
In precedenza, il tutorial introduttivo per le estensioni di Chrome era un esempio di estensione di base che cambiava il colore di sfondo della pagina corrente quando l'utente faceva clic su un pulsante nel popup dell'estensione. Era inclusa anche una pagina di opzioni in cui era possibile scegliere uno dei quattro colori.
Questo esempio di base non ha mostrato come aggiungere funzionalità comuni presenti nelle estensioni reali. Era arrivato il momento di un rinnovamento.
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é cercare di migliorare l'esempio del tutorial esistente, abbiamo deciso di partire da zero.
Ecco la nuova e migliorata raccolta Inizia:
- Estensioni 101
- Spiega brevemente alcuni concetti fondamentali dello sviluppo di estensioni di Chrome, come le tecnologie web e i componenti delle estensioni di uso comune. Inoltre, include le informazioni da tenere presenti durante la progettazione e la distribuzione di un'estensione nel Chrome Web Store.
- Nozioni di base sullo sviluppo
- Introduce il flusso di lavoro di sviluppo delle estensioni creando un esempio di Hello, Extensions. Illustra il caricamento dell'estensione durante lo sviluppo, la localizzazione di log ed errori, la scelta di una struttura di progetto e l'utilizzo di Typescript.
- Tutorial sul tempo di lettura
- È bello sapere quanto tempo ci vuole per finire di leggere un articolo. La pagina Tempo di lettura spiega come inserire un elemento contenente il tempo di lettura stimato in ogni pagina della documentazione dell'estensione.
- Tutorial sulla modalità Niente distrazioni
- Rimuovere gli elementi superflui da una pagina consente alla nostra mente di concentrarsi sulle informazioni più pertinenti. La modalità di concentrazione mostra come modificare lo stile della pagina e nascondere alcuni elementi che distraggono.
- Tutorial su Tabs Manager
- Durante la ricerca sullo sviluppo di estensioni, potresti ritrovarti con molte schede della documentazione in più finestre. Tabs Manager organizza le schede della documentazione dell'estensione di Chrome e del Chrome Web Store.
Questi tutorial non solo ti insegnano a creare estensioni reali, ma condividono anche suggerimenti e best practice 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à che verrà eseguita dall'estensione.
- Le lezioni che verranno trattate.
- Cosa devi sapere prima di iniziare.
- Istruzioni dettagliate per creare l'estensione.
- Come caricare e testare l'estensione.
Se ti senti pronto per una sfida, abbiamo incluso una sezione con alcune idee su come personalizzare o aggiungere altre funzionalità alla tua estensione.
Abbiamo bisogno del tuo aiuto
Ci farebbe piacere ricevere tue notizie. Se noti qualcosa di sbagliato o poco chiaro in queste guide, segnala un bug nel nostro repository GitHub.
Riteniamo che questa nuova guida introduttiva sia un miglioramento significativo rispetto alla precedente, ma non ci fermeremo qui. Continueremo a lavorare per migliorare ed espandere la nostra documentazione al fine di offrire un servizio migliore a tutti gli sviluppatori di estensioni.
Foto di Vardan Papikyan su Unsplash