1
00:00:00,120 --> 00:00:05,250
Şimdi Jay Cory'ye girişimi ve Jay sorgulamasını öğretme konusundaki kendi düşüncemi

2
00:00:05,430 --> 00:00:11,250
duyduktan ve burada kısaca özetlemek istediğim yaklaşımı vanilya javascript'le başladık ve şimdi bazı

3
00:00:11,760 --> 00:00:15,130
şeyleri yapmaktan eminsin Bu şekilde Jay Querrey'ye geçeceğiz.

4
00:00:15,510 --> 00:00:20,770
Konuşmamız gereken ilk şey, bir sorguyu bir uygulamaya nasıl ekleyeceğimizdir.

5
00:00:20,880 --> 00:00:26,430
Bu yüzden çok basit bir başvuruyla başlayacağım, sadece ağzıma çağımı ekleyip ona bir

6
00:00:26,430 --> 00:00:27,250
unvan veriyorum.

7
00:00:27,370 --> 00:00:28,310
Jay queery

8
00:00:30,840 --> 00:00:33,390
demosu Jay queery'de Jay daima küçük dava.

9
00:00:33,450 --> 00:00:37,990
Niçin Q'nun hepsi sadece birkaç elementte büyük nedenini sormayın.

10
00:00:38,030 --> 00:00:38,310
J.

11
00:00:38,310 --> 00:00:39,380
Corey demosu.

12
00:00:39,870 --> 00:00:46,710
Tıpkı bir müttefik ya da iki, bunlar sadece rastgele bir metin olacaktır.

13
00:00:47,100 --> 00:00:49,980
Tamam o zaman üç müttefik vs. sen.

14
00:00:50,040 --> 00:00:52,440
Ve H-1 ve kurtaracak.

15
00:00:52,710 --> 00:00:55,920
Ve elbette tarayıcıda devam edeceğiz.

16
00:00:56,580 --> 00:00:58,960
İşte demo sayfamız.

17
00:00:59,190 --> 00:01:04,220
Kendi uygulamanıza ve kendi yaşındaki html dosyalarımıza bir sorgu eklemek için birkaç yol vardır.

18
00:01:04,440 --> 00:01:07,140
J sorgusunun sadece bir javascript dosyası olduğunu unutmayın.

19
00:01:07,230 --> 00:01:10,080
Şimdiye kadar yazmış olduğumuz dosyalardan farklı değil.

20
00:01:10,080 --> 00:01:13,320
Renk oyunumuz A-S'yi veya Yapılacak İşler listemizi atlatmak gibi.

21
00:01:13,410 --> 00:01:18,570
Evet veya bir javascript dosyası yarattığımız ve bir script etiketi kullanarak bağladık.

22
00:01:18,570 --> 00:01:21,990
Her iki yöntemde de burada bir betik etiketi kullanıyoruz.

23
00:01:21,990 --> 00:01:24,900
Tek fark kaynak özniteliğidir.

24
00:01:25,080 --> 00:01:30,600
için kodu indirdiğim ve projemle aynı dizine koyduğumuz ve sonra ona bağlandığımız.

25
00:01:30,600 --> 00:01:36,020
Ve bu durumda, dosyaya yerel olarak bağlanıyor ve bunun anlamı, bir sorgu

26
00:01:36,120 --> 00:01:43,530
Bu yüzden J Mürettebat belgelerine gidersek ve indirmeyi tıklarsak, bunu nasıl yapacağımızı göstereceğim ve daha sonra bir sürüm

27
00:01:43,530 --> 00:01:49,740
seçmeliyiz ve sonuncusu olan 2 ile devam edeceğim. 1 puan 4 ve birkaç seçeneğimiz

28
00:01:49,740 --> 00:01:50,460
var.

29
00:01:50,550 --> 00:01:56,700
Sıkıştırılmış üretim Jey sorgusunu indirebiliriz 2. 0 nokta 1. 4 ve sıkıştırılmamış geliştirme sürümü.

30
00:01:57,180 --> 00:01:58,500
Ben de ikisini birden yapacağım.

31
00:01:58,500 --> 00:02:03,330
Sık sık sıkıştırılmış çünkü bunu yüklemek daha hızlı olmasıdır sadece bunu yapardı.

32
00:02:03,630 --> 00:02:05,380
Ama neye benzediğini sana göstermek istiyorum.

33
00:02:05,550 --> 00:02:09,960
Bu yüzden sıkıştırılmış dosyayı ve sıkıştırılmış dosyayı açacağım ve iki farklı dosya

34
00:02:09,960 --> 00:02:10,860
alıp alamayacağımı göreceksin.

35
00:02:10,860 --> 00:02:17,820
Dot J.'nin bir noktasına işaret edecek Jay kraliçesi var. S. ve J'den sorduk 2 var. Erkekler için yüzde 1.

36
00:02:18,030 --> 00:02:19,080
Evet.

37
00:02:19,080 --> 00:02:22,310
Böylece ikisini de burada yüce açacağım.

38
00:02:22,530 --> 00:02:26,880
Onları sürükleyip onlara bir göz atalım.

39
00:02:26,970 --> 00:02:29,720
Bu dosyanın buradaki sıkıştırılmamış sürümü.

40
00:02:29,970 --> 00:02:31,810
Ve ilerledikçe.

41
00:02:32,310 --> 00:02:35,730
Dikkat edin sadece bir gerçekten uzun javascript dosyası.

42
00:02:36,000 --> 00:02:44,730
Bu dosyayı ekleyebilmemiz için 9000'den fazla satır var, yoksa sahnenin arkasında aynı kod olan simge durumuna küçültülmüş bir

43
00:02:44,730 --> 00:02:50,160
sürümü de ekleyebiliriz ancak bir şey küçültüldüğünde veya sıkıştırıldığında tüm boşlukları

44
00:02:50,160 --> 00:02:50,730
çıkarırız.

45
00:02:50,730 --> 00:02:56,940
Böylece tüm bu geri dönüşler tüm yorumlar kayboldu ve değişkenler ve özelliklerin

46
00:02:56,940 --> 00:03:06,150
tüm adları tek bir karaktere kısaltıldı; böylece em gibi şeyleri gördük veya ABC gibi şeyler içerdik ki bunlar

47
00:03:06,150 --> 00:03:12,630
içerideki özelliklerin ve bağımsız değişkenlerin adları kesinlikle değil Sıkıştırılmamış dosyayı biz de

48
00:03:12,630 --> 00:03:13,320
içerebiliriz.

49
00:03:13,500 --> 00:03:17,580
Bunu yapmak için dosyaları doğru dizine eklediğimizden emin olmamız yeterlidir.

50
00:03:17,940 --> 00:03:22,540
Dolayısıyla projem yerine yeni bir klasör oluşturacağım ve lib diyeceğim.

51
00:03:22,710 --> 00:03:24,650
Ve bunu yapmak zorunda değiliz.

52
00:03:24,690 --> 00:03:30,780
İki dosyamızı, ekibimizle aynı dizinde olacak şekilde sürükleyebiliriz.

53
00:03:30,780 --> 00:03:33,100
Dosyaya koyacağım ve sana göstermek için onunla başlayacağım.

54
00:03:33,330 --> 00:03:41,730
Bu yüzden H Tim L dosyamı açıp bir komut dosyası burada script etiketi ekleyeceğim ve kaynak eşdeğerlerine ihtiyacım var

55
00:03:41,760 --> 00:03:50,130
ve bu adın Jot J için bir noktaya gelmesi için J sorgusu yazması gerekiyor ve biz buna ihtiyacımız var.

56
00:03:50,130 --> 00:03:50,740
çizgi.

57
00:03:50,760 --> 00:03:55,750
Bu yüzden onu kopyalayıp sadece bir sorgu çizgi 2'ye ayarlayacağım. 1. 4.

58
00:03:55,780 --> 00:03:56,050
J.

59
00:03:56,060 --> 00:04:04,560
Evet ve J Curry demosu onu yaşlandırdığı sürece Jay Querrey 2 ile aynı yerde. 14: 4 iyi

60
00:04:04,890 --> 00:04:05,760
olmalıyız.

61
00:04:06,030 --> 00:04:11,670
Bu yüzden kaydedip tarayıcımda açıp yenileyeyim.

62
00:04:11,790 --> 00:04:17,150
Konsolu açarsak, aslında J Sorgusu yazabilir ve enter tuşuna basabiliriz.

63
00:04:17,250 --> 00:04:22,050
Sorguyu uygulamamıza doğru eklediğini bize bildiren bir hata almazsak.

64
00:04:22,560 --> 00:04:29,370
dosyalarından ayırt edebiliyoruz, böylece onları karıştırmamaktayız ve dizinimizi karmaşık hale getirmiyoruz Yapısı zorunlu değildir.

65
00:04:29,370 --> 00:04:35,640
Bunu yapmanın daha iyi bir yolu, aslında onları lib'in adı verilen ayrı

66
00:04:35,640 --> 00:04:40,350
bir dizine koymaktır, böylece kendi javascript dosyalarınızı kütüphane javascript

67
00:04:40,350 --> 00:04:42,220
Gördüğünüz gibi Jay sorgusu çalışıyordu.

68
00:04:42,540 --> 00:04:46,320
Ancak bunu yapmak için daha iyi bir yol, bir dizin oluşturmaktır ve bunu bir şey diyebiliriz.

69
00:04:46,440 --> 00:04:48,320
İstersen J eğrisi diyebilirsin.

70
00:04:48,480 --> 00:04:51,820
Ben lib ile gideceğim ve sonra bağlantıyı burada değiştirmem gerekiyor.

71
00:04:51,840 --> 00:04:59,330
Benim kaynağım lib slash olacak Jay sorgusu bir noktaya işaret etmek için kesik kesilmiş ve ben benimkini yapacağım.

72
00:04:59,550 --> 00:05:01,140
Evet, bunu yapmak zorunda değilsiniz.

73
00:05:01,140 --> 00:05:03,660
İşlevsellik açısından bir fark yoktur.

74
00:05:03,660 --> 00:05:07,980
Tek fark, bunun yüklenmesi daha hızlı ama burada olması gerekiyor.

75
00:05:08,220 --> 00:05:10,350
Yani tekrarlamak için ikisine de ihtiyacımız yok.

76
00:05:10,380 --> 00:05:13,810
Sadece bir kişiye ihtiyacımız var ve o kişiye doğru bir şekilde bağlantı yapmamız gerekiyor.

77
00:05:14,250 --> 00:05:15,670
Öyleyse işe yaradığını doğrulayalım.

78
00:05:15,710 --> 00:05:18,660
Yenilemem oranı iyi işliyor.

79
00:05:18,720 --> 00:05:24,390
J sorgusu yazabilir ve ayrıca dolar işareti yazabiliriz ve bu işe yararsa sayfa sorgusunun doğru

80
00:05:24,390 --> 00:05:25,680
şekilde yüklendiğini biliyoruz.

81
00:05:26,070 --> 00:05:31,640
Bu, yerel olarak bir sorguyu indirebilmemizin ve bunlara komut dosyası etiketi ile bağlanmanın ilk yoludur.

82
00:05:31,840 --> 00:05:38,310
Bir CD'yi CD'de kullanmak ve içeriği dağıtılmış ağ için kullanan başka bir seçenek var ve

83
00:05:38,760 --> 00:05:44,640
onu dosyanıza makinenize indirmek zorunda kalmadan çevrimiçi bir dosyayı kapmak için yalnızca bir yol

84
00:05:44,640 --> 00:05:45,750
olarak düşünün.

85
00:05:45,810 --> 00:05:52,410
Dolayısıyla sana sadece Arel'i burada kopyalarsak göstereceğim, versiyon 2 için AJ queery CDN

86
00:05:52,410 --> 00:05:53,680
olur. 0 1. 4.

87
00:05:53,770 --> 00:05:58,660
Ve ben sadece URL'ye gidersem, bunun sadece J Corey dosyası olduğunu göreceksin.

88
00:05:58,920 --> 00:06:04,380
line olduğunun farkındasınız ve bu, yerel olarak dosyaya bağlanma ile aynı şekilde çalışacaktır.

89
00:06:04,380 --> 00:06:09,850
Yapabildiğimiz şey, Arel veya başka bir J queery CD'sidir ve bunlardan birçoğu on

90
00:06:09,870 --> 00:06:14,850
Tek fark, bunun biraz daha hızlı yükleneceğidir çünkü bilgisayarımızdaki

91
00:06:15,360 --> 00:06:20,410
yerel ve eğer CD ile değiştirirsek bizim için fark edilmeyecektir.

92
00:06:20,530 --> 00:06:25,800
Ancak kaputun altında biraz daha uzun sürüyor ama elbette kullanmak çok daha kolay ve basittir,

93
00:06:25,920 --> 00:06:30,430
çünkü yaptığımız her uygulama için Jay sorgusunun bir kopyasını indirmek zorunda değiliz.

94
00:06:30,780 --> 00:06:33,010
Bu yüzden yenileyeceğim.

95
00:06:33,750 --> 00:06:37,350
Ve J sorgusu yazarsak işe devam etmeli ve işe yaramalı.

96
00:06:37,770 --> 00:06:40,190
Son olarak sana CDN'yi nasıl bulduğumu göstereceğim.

97
00:06:40,230 --> 00:06:47,580
Yeni bir sekme açın ve Cdn Jay kraliçesi arayın ve sonra Cdn'yi ve daha sonra bazı diğer kitaplıkları

98
00:06:47,580 --> 00:06:50,770
daha sonra görecek olan başka bir kütüphaneyi arayalım.

99
00:06:50,810 --> 00:06:52,110
Mike J sorgusu.

100
00:06:52,110 --> 00:06:53,650
Bir sürü bağlantı alacağımızı görürsünüz.

101
00:06:53,850 --> 00:06:55,850
Böylece Jay sorgusu resmi bir sorguya sahiptir.

102
00:06:55,860 --> 00:07:02,100
Cdn şehirden kaçmak için şehir var, ve sana bir sürü şey var ya da burada sadece kopyalayabileceğimiz bir grup var.

103
00:07:02,910 --> 00:07:07,040
Versiyona dikkat etmemiz gerekecek, bu yüzden bu 3'tür. 00.

104
00:07:07,200 --> 00:07:14,210
2'ye gidersek. 20 puan 4 bize normal sürümü ve değiştirilmiş bir sürümü açmanızı sağlar.

105
00:07:14,470 --> 00:07:17,090
Ve sadece sana göstermek için gidebilirsem iyi olduğunuzu gösterir.

106
00:07:17,310 --> 00:07:18,720
Onları bir dosya dosyasında görüyorum.

107
00:07:19,110 --> 00:07:20,490
Tamamlamak için.

108
00:07:20,700 --> 00:07:22,130
Her iki şekilde de çalışır.

109
00:07:22,230 --> 00:07:28,440
Her iki durumda da bir script etiketine ihtiyacımız var, ancak kaynak yerel bir dosya ya da bir

110
00:07:28,440 --> 00:07:32,000
CDN kullanarak bağladığımız bir yerde barındırılan bir dosya olacak.

111
00:07:32,100 --> 00:07:36,870
Yapmak istediğiniz son şey, mahkemenin neye benzediğine dair 30 saniyelik hızlı bir önizleme vermek.

112
00:07:37,110 --> 00:07:39,930
Yani, J sorgusunun benzeyeceği şeylerden biraz var.

113
00:07:39,930 --> 00:07:45,300
Fark edebileceğiniz ilk şey dört farklı yerde kullanılan bir dolar işaretinin olmasıdır.

114
00:07:45,300 --> 00:07:51,480
Dom tıklama gibi yöntemlerden bir demetimiz var SS dot fade out dot remove seçeneğini görüyoruz.

115
00:07:51,690 --> 00:07:57,900
Bu kodun aslında ne olacağı, kimliği tetikleyen bir düğme seçmektir ve tıklandığında

116
00:07:57,900 --> 00:08:04,350
tüm bu kodu çalıştırır ve tıklandığında gövdenin arka plan rengini sarı olarak değiştireceğiz.

117
00:08:04,980 --> 00:08:08,290
Sayfadaki tüm görüntüleri solacak.

118
00:08:08,370 --> 00:08:13,470
Onları silmek için 3 saniye sürecek ve sonra fade tamamlandığında bu

119
00:08:13,470 --> 00:08:15,340
üç resmi sayfadan kaldıracağız.

120
00:08:15,750 --> 00:08:18,380
IDF tetikli düğmeyi tıklayın.

121
00:08:18,390 --> 00:08:23,580
Vücut rengini üç saniye içinde görüntüleri solup değiştirin ve işiniz bittiğinde çıkarın.

122
00:08:23,970 --> 00:08:26,640
Tamam, bir sorunun hızlı önizlemesi yapıldı.

123
00:08:26,730 --> 00:08:29,100
Şimdi bir sonraki videoya yazmaya başlayalım.