1
00:00:02,565 --> 00:00:06,158
Merhaba, Ben Daniel Buchner, Mozilla eklenti geliştirme gereci Ürün Sorumlusuyum.

2
00:00:06,358 --> 00:00:10,270
Bugün size geliştirme gereci kullanarak nasıl Firefox eklentisi yapıldığını göstereceğim.

3
00:00:10,408 --> 00:00:14,473
Eklenti geliştirme gereci, FF eklentilerini JS, HTML ve CSS kullanarak geliştirebildiğiniz

4
00:00:14,473 --> 00:00:18,923
eklentiler için Yazılım Geliştirme Kitine (SDK) uygun, ağ tabanlı bir geliştirme ortamı.

5
00:00:19,092 --> 00:00:22,650
Başlamadan önce, eklenti SDK'sı ya da geliştirme gereci sayesinde geliştirilen

6
00:00:22,650 --> 00:00:24,838
tüm eklentilerin önemli bir ortak özelliğini hatırlatayım:

7
00:00:25,162 --> 00:00:28,185
Firefox yeniden başlatılmadan kurulabiliyorlar.

8
00:00:28,400 --> 00:00:32,035
Şimdi eklenti gereciyle nasıl basit bir eklenti yapıldığına bakalım.

9
00:00:32,388 --> 00:00:37,135
Başlamak için rotayı builder.add-ons.mozilla.org adresindeki gerece çevirmenizi istiyorum.

10
00:00:37,765 --> 00:00:41,977
add-ons.mozilla.org adresindeki hesaplarla geliştirme gereci kullanılabiliyor

11
00:00:41,977 --> 00:00:47,035
yani zaten AMO hesabı açtıysanız aynı kullanıcı adı ve parola ile bu siteye de girebilirsiniz.

12
00:00:47,108 --> 00:00:49,054
Eğer AMO hesabınız yoksa,

13
00:00:49,054 --> 00:00:52,619
'get one' düğmesine tıklayarak yeni bir hesap açabilirsiniz.

14
00:00:52,619 --> 00:00:56,846
Benim zaten AMO hesabım vardı, dolayısıyla giriş yaparak başlıyorum.

15
00:00:56,846 --> 00:00:58,954
'create new add-on' düğmesine bastığınızda

16
00:00:58,954 --> 00:01:02,142
çalışacağınız geliştirme ortamına bağlanıyorsunuz. Böylece kod editörü,

17
00:01:02,142 --> 00:01:06,935
solda ağaç özellikli dosya gezgini ve editör araç çubuğunda birkaç yardımcı araç karşınıza çıkıyor.

18
00:01:07,023 --> 00:01:11,281
Gelin kod yazmaya girişmeden önce hızlıca ağaç yapısını kullanarak

19
00:01:11,281 --> 00:01:13,581
eklentiyi tanımaya başlayalım.

20
00:01:13,581 --> 00:01:15,477
Dosyalar ağacındaki lib klasörünin içinde

21
00:01:15,477 --> 00:01:18,842
eklentide kullnılacak JS modülleri yer alıyor olacak.

22
00:01:18,842 --> 00:01:22,150
Kodun önemli bölümü burada yaşıyor olacak denebilir.

23
00:01:22,150 --> 00:01:25,558
'lib' klasörünün altındaki 'data' klasörüyse

24
00:01:25,588 --> 00:01:28,515
eklentinizin çalışmak için ihtiyaç duyacağı kaynakların konabileceği yer,

25
00:01:28,515 --> 00:01:33,238
bunlar resim, HTML dosyaları, betikler olabilir.

26
00:01:33,438 --> 00:01:36,838
Son olarak 'libraries' klasörünü kullanarak hangi

27
00:01:36,838 --> 00:01:39,515
yazılım geliştirme kiti (SDK) sürümünü kullanacağınızı seçebilirsiniz.

28
00:01:39,515 --> 00:01:42,854
En güncel SDK yeni bir projeye başladığınızda

29
00:01:42,854 --> 00:01:44,692
otomatik olarak seçili gelir.

30
00:01:44,692 --> 00:01:48,319
Şimdi yapacağımız basit eklenti için sadece o yeterli.

31
00:01:48,688 --> 00:01:50,808
Tekrar 'lib' klasörüne dönüyoruz,

32
00:01:51,008 --> 00:01:52,927
burada çoktan otomatik olarak hazırlanmış

33
00:01:52,927 --> 00:01:54,858
'main.js' adlı bir dosya olduğunu görebilirsiniz.

34
00:01:54,858 --> 00:01:57,923
Bir eklenti yaparken en temel dosya hep bu olur

35
00:01:57,923 --> 00:02:00,335
ve unutmayın diye otomatik olarak yaratılır.