Bu yayında, Chrome Uzantısı başlangıç deneyiminde yapılan bazı önemli iyileştirmeleri ve bu hayalin parçası olmak için kullanabileceğiniz birkaç yöntemi paylaşmaktan heyecan duyuyoruz.
Eski rehber
Önceden Chrome Uzantısı Başlangıç eğitimi, 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 içeriyordu.
Bu temel örnek, gerçek uzantılarda yer alan popüler özelliklerin nasıl ekleneceğini göstermedi. Bir yenileme zamanı gelmişti.
Yeni bir yaklaşım
Geliştiricilerin, Chrome uzantılarını öğrenme yolculuğuna 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 sunmak. Mevcut eğitim örneğini iyileştirmeye çalışmak yerine sıfırdan başlamaya karar verdik.
Yeni ve geliştirilmiş Başlarken koleksiyonuyla tanışın:
- Uzantılar 101
- Web teknolojileri ve yaygın olarak kullanılan uzantı bileşenleri gibi Chrome Uzantısı geliştirmeyle ilgili bazı temel kavramlar kısaca ele alınmaktadır. 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
- Hello, Extensions örneği oluşturarak uzantı geliştirme iş akışını tanıtır. Geliştirme sırasında uzantının yüklenmesi, günlüklerin ve hataların bulunması, proje yapısı seçilmesi ve Typescript'in kullanılması konularında yol gösterir.
- Okuma Süresi eğitimi
- Makaleyi okumayı bitirmek için ne kadar zamana ihtiyacımız olduğunu bilmek güzeldir. Okuma Süresi, her uzantı dokümanı sayfasına tahmini okuma süresini içeren bir öğeyi nasıl ekleyeceğinizi öğretir.
- Konsantrasyon Modu eğiticisi
- Bir sayfadaki fazla dağınıklığı kaldırmak, zihnimizin 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österiyor.
- Sekme Yöneticisi eğitimi
- Uzantı geliştirmeyle ilgili araştırma yaparken birden fazla pencerede çok sayıda 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ğitimlerde gerçek dünyaya ait uzantıların nasıl oluşturulacağını öğretmekle kalmaz, aynı zamanda geliştirme ipuçlarını ve en iyi uygulamaları da paylaşırlar. 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ı nasıl yüklenir ve test edilir.
Zorlu bir görevdeyseniz, uzantınıza nasıl özelleştirebileceğiniz veya diğer özellikleri nasıl ekleyeceğinizle ilgili birkaç fikir içeren bir bölüm ekledik.
Yardımınızı istiyoruz
Görüşlerinizi öğrenmek için sabırsızlanıyoruz. Bu kılavuzlarda yanlış veya net olmayan bir şeyler görürseniz lütfen GitHub depomuzda hata bildiriminde bulunun.
Bu yeni başlangıç kılavuzunun eskisine göre önemli bir gelişme olduğunu düşünüyoruz, ancak bununla yetinmiyoruz. 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