Dalam postingan ini, kami dengan senang hati membagikan 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 belakang halaman saat ini ketika pengguna mengklik tombol di pop-up ekstensi. 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 dalam ekstensi di dunia nyata. Saatnya memperbarui.
Pendekatan baru
Kami tahu developer mengandalkan dokumentasi kami untuk memulai perjalanan pembelajaran ekstensi Chrome mereka, dan tujuan kami adalah memberikan jalur yang mudah diakses, cocok bagi pemula, dan relevan. Alih-alih mencoba meningkatkan contoh tutorial yang ada, kami memutuskan untuk memulai dari awal.
Memperkenalkan koleksi Memulai yang baru dan lebih baik:
- Ekstensi 101
- Secara singkat membahas 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 Halo, Ekstensi. Kursus ini memandu Anda memuat ekstensi selama pengembangan, menemukan log dan error, memilih struktur project, serta menggunakan Typescript.
- Tutorial Waktu Baca
- Sangat menyenangkan mengetahui berapa banyak waktu yang kita butuhkan untuk menyelesaikan membaca artikel. Waktu Baca mengajarkan cara menyisipkan elemen yang berisi perkiraan waktu baca di setiap halaman dokumentasi ekstensi.
- Tutorial Mode Fokus
- Dengan menghilangkan kekacauan ekstra dari halaman, pikiran kita dapat berkonsentrasi pada informasi yang paling relevan. Mode Fokus menunjukkan cara mengubah gaya halaman dan menyembunyikan beberapa elemen pengganggu.
- Tutorial Tab Manager
- Saat melakukan riset tentang pengembangan ekstensi, Anda akan menemukan banyak tab dokumentasi di beberapa jendela. Pengelola Tab mengatur ekstensi Chrome dan tab dokumentasi Chrome Web Store Anda.
Tutorial ini tidak hanya mengajari Anda cara membuat ekstensi yang sebenarnya, tetapi juga berbagi tips dan praktik terbaik pengembangan. Selain itu, menggunakan ekstensi ini akan meningkatkan pengalaman Anda saat membaca dokumentasi ekstensi.
Proses selanjutnya
Setiap tutorial menyertakan bagian berikut:
- Tugas yang akan dilakukan ekstensi.
- Pelajaran yang akan dibahas.
- Yang perlu Anda ketahui sebelum memulai.
- Petunjuk langkah demi langkah untuk mem-build ekstensi.
- Cara memuat dan menguji ekstensi.
Jika Anda siap menghadapi tantangan, kami menyertakan bagian dengan beberapa ide tentang cara menyesuaikan atau menambahkan fitur lain ke ekstensi Anda.
Kami butuh bantuan Anda
Kami ingin mendengar pendapat Anda. Jika Anda melihat sesuatu yang salah atau tidak jelas dalam panduan ini, laporkan bug di repositori GitHub kami.
Menurut kami, panduan memulai yang 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