Dalam postingan ini, dengan senang hati kami menyampaikan beberapa peningkatan signifikan pada pengalaman memulai Ekstensi Chrome dan beberapa cara agar Anda dapat menjadi bagian dari mimpi ini.
Panduan lama
Sebelumnya, tutorial Memulai Ekstensi Chrome adalah contoh ekstensi dasar yang mengubah warna latar halaman saat ini saat pengguna mengklik tombol di pop-up ekstensi. Aplikasi ini juga menyertakan halaman opsi tempat Anda dapat memilih salah satu dari empat warna.
Contoh dasar ini tidak menunjukkan cara menambahkan kemampuan populer yang ditampilkan di ekstensi dunia nyata. Saatnya melakukan pembaruan.
Pendekatan baru
Kami tahu developer mengandalkan dokumentasi kami untuk memulai perjalanan pembelajaran ekstensi Chrome mereka, dan tujuan kami adalah menyediakan jalur yang mudah diakses, mudah digunakan oleh pemula, dan relevan. Daripada mencoba meningkatkan contoh tutorial yang ada, kami memutuskan untuk memulai dari awal.
Memperkenalkan koleksi Memulai yang baru dan lebih baik:
- Ekstensi 101
- Mencakup secara singkat beberapa konsep dasar pengembangan Ekstensi Chrome seperti teknologi web dan komponen ekstensi yang umum digunakan. Selain itu, panduan ini mencakup hal-hal yang perlu diperhatikan saat mendesain dan mendistribusikan ekstensi di Chrome Web Store.
- Dasar-Dasar Pengembangan
- Memperkenalkan alur kerja pengembangan ekstensi dengan membuat contoh Hello, Extensions. Tutorial ini menjelaskan cara memuat ekstensi selama pengembangan, menemukan log dan error, memilih struktur project, dan menggunakan TypeScript.
- Tutorial Waktu Baca
- Alangkah baiknya jika kita tahu berapa lama waktu yang diperlukan untuk menyelesaikan membaca sebuah artikel. Waktu Membaca mengajarkan cara menyisipkan elemen yang berisi estimasi waktu membaca di setiap halaman dokumentasi ekstensi.
- Tutorial Mode Fokus
- Menghapus kekacauan tambahan dari halaman memungkinkan pikiran kita berkonsentrasi pada informasi yang paling relevan. Mode Fokus menunjukkan cara mengubah gaya halaman dan menyembunyikan beberapa elemen yang mengganggu.
- Tutorial Pengelola Tab
- Saat meneliti pengembangan ekstensi, Anda mungkin akan membuka banyak tab dokumentasi di beberapa jendela. Pengelola Tab mengatur tab dokumentasi ekstensi Chrome dan Chrome Web Store Anda.
Tutorial ini tidak hanya mengajarkan cara mem-build ekstensi di dunia nyata, tetapi juga membagikan tips pengembangan dan praktik terbaik. Selain itu, penggunaan ekstensi ini akan meningkatkan pengalaman Anda saat membaca dokumentasi ekstensi.
Proses selanjutnya
Setiap tutorial mencakup bagian berikut:
- Tugas yang akan dilakukan ekstensi.
- Pelajaran yang akan dibahas.
- Hal yang perlu Anda ketahui sebelum memulai.
- Petunjuk langkah demi langkah untuk mem-build ekstensi.
- Cara memuat dan menguji ekstensi.
Jika Anda ingin mencoba, kami menyertakan bagian dengan beberapa ide tentang cara menyesuaikan atau menambahkan fitur lain ke ekstensi Anda.
Kami ingin bantuan Anda
Kami menunggu balasan Anda. Jika Anda melihat sesuatu yang salah atau tidak jelas dalam panduan ini, harap laporkan bug di repositori GitHub kami.
Kami yakin panduan memulai baru ini merupakan peningkatan yang signifikan dibandingkan panduan lama, tetapi kami tidak berhenti di sini; kami akan terus berupaya meningkatkan dan memperluas dokumentasi kami untuk melayani semua developer ekstensi dengan lebih baik.
Foto oleh Vardan Papikyan di Unsplash