Dalam postingan ini, dengan senang hati kami bagikan beberapa peningkatan signifikan pada pengalaman memulai Ekstensi Chrome dan beberapa cara yang dapat Anda lakukan untuk menjadi bagian dari impian 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. Laman ini juga menyertakan laman opsi di mana Anda dapat memilih salah satu dari empat warna.
Contoh dasar ini tidak menunjukkan cara menambahkan kemampuan populer yang ditampilkan dalam ekstensi dunia nyata. Sudah waktunya perombakan.
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 kualitas contoh tutorial yang ada, kami memutuskan untuk memulai dari awal.
Memperkenalkan koleksi Memulai yang baru dan ditingkatkan:
- Dasar-Dasar Ekstensi
- Menjelaskan secara singkat beberapa konsep dasar pengembangan Ekstensi Chrome seperti teknologi web dan komponen ekstensi yang umum digunakan. Selain itu, panduan ini juga mencakup hal-hal yang harus diperhatikan saat mendesain dan mendistribusikan ekstensi di Chrome Web Store.
- Dasar-Dasar Pengembangan
- Memperkenalkan alur kerja pengembangan ekstensi dengan membuat contoh Halo, Ekstensi. Alat ini berjalan melalui pemuatan ekstensi selama pengembangan, menemukan log dan error, memilih struktur project, serta menggunakan Typescript.
- Tutorial Waktu Membaca
- Senang rasanya mengetahui berapa banyak waktu yang kita butuhkan untuk menyelesaikan membaca artikel. Waktu Baca mengajarkan cara menyisipkan elemen yang berisi perkiraan waktu membaca di setiap halaman dokumentasi ekstensi.
- Tutorial Mode Fokus
- Dengan menghilangkan kekacauan di halaman, pikiran kita dapat berkonsentrasi pada informasi yang paling relevan. Mode Fokus menunjukkan cara mengubah gaya halaman dan menyembunyikan beberapa elemen yang mengganggu.
- Tutorial Pengelola Tab
- Saat melakukan riset pengembangan ekstensi, Anda akan menemukan banyak tab dokumentasi di beberapa jendela. Pengelola Tab mengatur tab dokumentasi ekstensi Chrome dan Chrome Web Store.
Tutorial ini tidak hanya mengajarkan cara membuat ekstensi di dunia nyata, tetapi juga membagikan tips dan praktik terbaik pengembangan. Selain itu, penggunaan ekstensi ini akan meningkatkan pengalaman Anda saat membaca dokumentasi ekstensi.
Proses selanjutnya
Setiap tutorial mencakup bagian-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 menerima tantangan, kami menyertakan bagian yang berisi 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 yang lama, tetapi kami tidak berhenti di sini. Kami akan terus berupaya meningkatkan kualitas dan memperluas dokumentasi kami agar dapat melayani semua developer ekstensi dengan lebih baik.
Foto oleh Vardan Papikyan di Unsplash