Bu yayında, Chrome uzantısını kullanmaya başlama deneyiminde yapılan bazı önemli iyileştirmeleri ve bu hayalin parçası olabilmeniz için kullanabileceğiniz birkaç yöntemi sizinle paylaşmaktan memnuniyet duyuyoruz.
Eski rehber
Önceden, Chrome Uzantısı Başlangıç eğiticisi, kullanıcı uzantı pop-up'ındaki bir düğmeyi tıkladığında geçerli sayfanın arka plan rengini değiştiren temel bir uzantı örneğiydi. Ayrıca, dört renkten birini seçebileceğiniz bir seçenekler sayfası da bulunuyordu.
Bu temel örnekte, gerçek uzantılarda kullanılan popüler özelliklerin nasıl ekleneceği gösterilmedi. Yenileme zamanı gelmişti.
Yeni bir yaklaşım
Geliştiricilerin Chrome uzantısı öğrenme yolculuklarına başlarken dokümanlarımıza güvendiğini biliyoruz. Amacımız; erişilebilir, yeni başlayanlar için uygun ve alakalı bir yol sunmaktır. Mevcut eğitim örneğini geliştirmeye çalışmak yerine sıfırdan başlamaya karar verdik.
Yeni ve geliştirilmiş Başlarken koleksiyonuyla tanışın:
- Uzantılar 101
- Chrome uzantısı geliştirmeyle ilgili bazı temel kavramları (ör. web teknolojileri ve sık kullanılan uzantı bileşenleri) kısaca ele alıyoruz. Ayrıca, Chrome Web Mağazası'nda bir uzantı tasarlarken ve dağıtırken dikkat edilmesi gereken noktaları da içerir.
- Geliştirmeyle İlgili Temel Bilgiler
- Merhaba, Uzantılar örneği oluşturarak uzantı geliştirme iş akışını tanıtır. Geliştirme sırasında uzantıyı yükleme, günlükleri ve hataları bulma, proje yapısı seçme ve Typescript'i kullanma konularında yol gösterir.
- Okuma Süresi eğiticisi
- Bir makaleyi okumayı bitirmek için ne kadar zamana ihtiyacımız olduğunu bilmek güzel. Okuma Süresi, her uzantı dokümanları sayfasına tahmini okuma süresini içeren bir öğenin nasıl ekleneceğini öğretir.
- Odak Modu eğiticisi
- Sayfadaki fazla dağınıklığı ortadan kaldırmak, zihinlerimizin en alakalı bilgilere odaklanmasını sağlar. Konsantrasyon Modu, sayfanın stilinin nasıl değiştirileceğini ve dikkat dağıtıcı birkaç öğenin nasıl gizleneceğini gösterir.
- Sekme Yöneticisi eğiticisi
- Uzantı geliştirmeyi araştırırken birden fazla pencerede birçok doküman sekmesiyle karşılaşabilirsiniz. Sekme Yöneticisi, Chrome uzantınızı ve Chrome Web Mağazası doküman sekmelerinizi düzenler.
Bu eğiticiler size gerçek uzantıları nasıl oluşturacağınızı öğretmekle kalmayıp geliştirme ipuçlarını ve en iyi uygulamaları da paylaşır. Ayrıca bu uzantıları kullanmak, uzantı dokümanlarını okuma deneyiminizi iyileştirir.
Daha sonra ne olur?
Her eğitim aşağıdaki bölümleri içerir:
- Uzantının gerçekleştireceği görev.
- İşlenecek dersler.
- Başlamadan önce bilmeniz gerekenler.
- Uzantıyı oluşturmaya ilişkin adım adım talimatlar.
- Uzantının yüklenmesi ve test edilmesi.
Yarışmaya hazırsanız uzantınızı özelleştirme veya uzantınıza başka özellikler ekleme konusunda birkaç fikir bulabileceğiniz bir bölüm ekledik.
Yardımınızı istiyoruz
Düşüncelerinizi öğrenmek için sabırsızlanıyoruz! Bu kılavuzlarda yanlış veya net olmayan bir şeyler görürseniz lütfen GitHub depomuzda bir hatayı bildirin.
Bu yeni başlangıç kılavuzunun, eskisine göre önemli bir iyileştirme olacağını düşünüyoruz ancak bununla sınırlı kalmıyoruz. Tüm uzantı geliştiricilerine daha iyi hizmet vermek amacıyla, dokümanlarımızı iyileştirmek ve genişletmek için çalışmaya devam edeceğiz.
Fotoğraf: Vardan Papikyan, Unsplash'te