0:00:02.565,0:00:06.158 Merhaba, Ben Daniel Buchner, Mozilla eklenti geliştirme gereci Ürün Sorumlusuyum. 0:00:06.358,0:00:10.270 Bugün size geliştirme gereci kullanarak nasıl Firefox eklentisi yapıldığını göstereceğim. 0:00:10.408,0:00:14.473 Eklenti geliştirme gereci, FF eklentilerini JS, HTML ve CSS kullanarak geliştirebildiğiniz 0:00:14.473,0:00:18.923 eklentiler için Yazılım Geliştirme Kitine (SDK) uygun, ağ tabanlı bir geliştirme ortamı. 0:00:19.092,0:00:22.650 Başlamadan önce, eklenti SDK'sı ya da geliştirme gereci sayesinde geliştirilen 0:00:22.650,0:00:24.838 tüm eklentilerin önemli bir ortak özelliğini hatırlatayım: 0:00:25.162,0:00:28.185 Firefox yeniden başlatılmadan kurulabiliyorlar. 0:00:28.400,0:00:32.035 Şimdi eklenti gereciyle nasıl basit bir eklenti yapıldığına bakalım. 0:00:32.388,0:00:37.135 Başlamak için rotayı builder.add-ons.mozilla.org adresindeki gerece çevirmenizi istiyorum. 0:00:37.765,0:00:41.977 add-ons.mozilla.org adresindeki hesaplarla geliştirme gereci kullanılabiliyor 0:00:41.977,0:00:47.035 yani zaten AMO hesabı açtıysanız aynı kullanıcı adı ve parola ile bu siteye de girebilirsiniz. 0:00:47.108,0:00:49.054 Eğer AMO hesabınız yoksa, 0:00:49.054,0:00:52.619 'get one' düğmesine tıklayarak yeni bir hesap açabilirsiniz. 0:00:52.619,0:00:56.846 Benim zaten AMO hesabım vardı, dolayısıyla giriş yaparak başlıyorum. 0:00:56.846,0:00:58.954 'create new add-on' düğmesine bastığınızda 0:00:58.954,0:01:02.142 çalışacağınız geliştirme ortamına bağlanıyorsunuz. Böylece kod editörü, 0:01:02.142,0:01:06.935 solda ağaç özellikli dosya gezgini ve editör araç çubuğunda birkaç yardımcı araç karşınıza çıkıyor. 0:01:07.023,0:01:11.281 Gelin kod yazmaya girişmeden önce hızlıca ağaç yapısını kullanarak 0:01:11.281,0:01:13.581 eklentiyi tanımaya başlayalım. 0:01:13.581,0:01:15.477 Dosyalar ağacındaki lib klasörünin içinde 0:01:15.477,0:01:18.842 eklentide kullnılacak JS modülleri yer alıyor olacak. 0:01:18.842,0:01:22.150 Kodun önemli bölümü burada yaşıyor olacak denebilir. 0:01:22.150,0:01:25.558 'lib' klasörünün altındaki 'data' klasörüyse 0:01:25.588,0:01:28.515 eklentinizin çalışmak için ihtiyaç duyacağı kaynakların konabileceği yer, 0:01:28.515,0:01:33.238 bunlar resim, HTML dosyaları, betikler olabilir. 0:01:33.438,0:01:36.838 Son olarak 'libraries' klasörünü kullanarak hangi 0:01:36.838,0:01:39.515 yazılım geliştirme kiti (SDK) sürümünü kullanacağınızı seçebilirsiniz. 0:01:39.515,0:01:42.854 En güncel SDK yeni bir projeye başladığınızda 0:01:42.854,0:01:44.692 otomatik olarak seçili gelir. 0:01:44.692,0:01:48.319 Şimdi yapacağımız basit eklenti için sadece o yeterli. 0:01:48.688,0:01:50.808 Tekrar 'lib' klasörüne dönüyoruz, 0:01:51.008,0:01:52.927 burada çoktan otomatik olarak hazırlanmış 0:01:52.927,0:01:54.858 'main.js' adlı bir dosya olduğunu görebilirsiniz. 0:01:54.858,0:01:57.923 Bir eklenti yaparken en temel dosya hep bu olur 0:01:57.923,0:02:00.335 ve unutmayın diye otomatik olarak yaratılır.