1
00:00:00,240 --> 00:00:03,200
Bu derste tekrar hoş geldiniz, size nasıl yazabildiğimizi göstereceğim.

2
00:00:03,210 --> 00:00:03,990
Hm

3
00:00:04,020 --> 00:00:09,420
Ayrı bir dosyada ve biz redstart göndererek şimdiye kadar yaptığımız yerine

4
00:00:09,420 --> 00:00:12,000
o dosyayı yanıtta geri gönderebiliriz.

5
00:00:12,090 --> 00:00:13,880
Burada üç ana hedef vardır.

6
00:00:13,890 --> 00:00:20,400
Birincisi, onu her dosyadan bir dosya geri göndermek için render etmek için redstart render'ı kullanmak ve her

7
00:00:20,400 --> 00:00:23,150
birimiz hakkında konuştuktan sonra daha mantıklı olacak.

8
00:00:23,460 --> 00:00:24,740
Ve bir sonraki hedef budur.

9
00:00:24,780 --> 00:00:27,340
Ejaz'ın ne olduğunu ve onu neden kullandığımızı açıklayın.

10
00:00:27,360 --> 00:00:30,920
Ve son olarak, değişkenleri Ejay'e şablon olarak geçirirler.

11
00:00:30,930 --> 00:00:35,760
Buradan başlamak için yeni bir Express uygulamasına ihtiyacım olacak ve temel ekspres

12
00:00:35,760 --> 00:00:41,640
uygulamasını her videoda yapmaya devam etmeyeceğim ama yine de kursta oldukça erken başlayacak olan sıfırdan

13
00:00:41,640 --> 00:00:42,440
yaratacağım. .

14
00:00:42,480 --> 00:00:46,440
Ve sadece bunu görmeye alıştığınızdan ve bunu yapmaya alıştığınızdan emin olmak istiyorum

15
00:00:46,440 --> 00:00:48,280
çünkü bunu yapacağınız şey kesintisiz.

16
00:00:48,300 --> 00:00:54,210
ve içinde yeni bir dizin yapacağım ve biz sadece bu Ejay demo olarak adlandıracağız.

17
00:00:55,110 --> 00:01:01,130
Bu yüzden daha fazla ifade olarak adlandırılan bir dizinim var bu birim için çalışacağım

18
00:01:02,290 --> 00:01:10,540
Sonra Ejaz demosu yerine NPM'yi çalıştıracağız ve bunu sadece hızlandıracağız.

19
00:01:10,560 --> 00:01:11,990
Böylece ad gayet iyi.

20
00:01:12,000 --> 00:01:14,800
Versiyon güzel açıklamalar boş.

21
00:01:14,880 --> 00:01:16,700
Bunu her zaman uygulamaya değiştirmek isterim.

22
00:01:16,830 --> 00:01:17,490
Evet.

23
00:01:17,490 --> 00:01:19,690
Sadece bir kişisel tercih.

24
00:01:20,070 --> 00:01:21,580
Birkaç kez daha vurun Hit.

25
00:01:21,660 --> 00:01:25,100
Onların hiçbirini doldurmanız gerekmiyor ve oraya gidiyoruz.

26
00:01:25,470 --> 00:01:32,940
Ve şimdi bize izin verirsek, Jason'ın J hareketimizi yaratmasına izin veren bir paketimiz

27
00:01:32,940 --> 00:01:39,120
var ve NPM kurulumunu ek çizgi tire çizgi kaydetmek de yapacağız.

28
00:01:39,150 --> 00:01:41,360
Oraya gidiyoruz.

29
00:01:41,400 --> 00:01:45,780
Şimdi caz dosyasını açalım ve orada bazı kodlar eklemeye başlayalım.

30
00:01:45,780 --> 00:01:52,410
Ve sadece ls yapmaktan ve daha sonra J.'yi tıklamaktan ziyade. S. ve son zamanlarda açık bir şekilde tıklayarak bunu yapmanın

31
00:01:52,410 --> 00:01:53,350
başka bir yolunu buldum.

32
00:01:53,460 --> 00:02:00,570
Bulut 9 son zamanlarda C9 boşluğunu yazıp yazıp eklediğiniz dosyayı veya dosyanın adını ekledi.

33
00:02:00,570 --> 00:02:01,290
Bu

34
00:02:01,380 --> 00:02:03,040
Yani C9 taban uygulaması.

35
00:02:03,060 --> 00:02:07,090
J Evet, bunu sizin için editörde açılacaktır.

36
00:02:07,200 --> 00:02:11,760
Ls yazıp daha sonra dosyayı tıklatıp Aç'ı tıklamaktan daha hızlıdır.

37
00:02:11,760 --> 00:02:22,380
Şimdi temel ekspres kodunu şimdiye kadar elde edelim, ekspres eşitlikleri ekspres gerekiyor ve var app ekspres eşittir,

38
00:02:22,410 --> 00:02:25,160
onu bir işlev olarak yürütelim.

39
00:02:25,170 --> 00:02:33,710
Bazen göreceğiniz bir şey, birisinin Savar uygulamasının açık ifade etmeye eşit derecede eşit olduğunu söylediği ve daha

40
00:02:33,840 --> 00:02:36,720
sonra hemen bir işlev olarak çalıştırmasıdır.

41
00:02:36,720 --> 00:02:43,410
Çoğu insan bunu iki ayrı adımda yapacak ve en sık Xpress'i ve uygulamanın

42
00:02:43,500 --> 00:02:45,660
bir şey olabileceğini göreceksiniz.

43
00:02:45,660 --> 00:02:46,950
Şimdi, harekete geçelim.

44
00:02:46,950 --> 00:02:53,450
Sunucuyu başlatacak en alttan dinleyin, böylece EMV bağlantı noktasını işleyen ve

45
00:02:53,800 --> 00:03:02,280
ardından D-NV IP'yi işleyen bağlantı noktasına ihtiyaç duyarız ve bunlar, bulut 9'un limana girdiğimizi

46
00:03:02,280 --> 00:03:06,250
ayarladığı çevre değişkenleridir ve IP adresi.

47
00:03:06,510 --> 00:03:13,230
Ve sonra, sunucu dinlendikten sonra kurulduktan sonra çalışacak olan geriçağırımımı ekledim ve yalnızca

48
00:03:13,230 --> 00:03:15,840
günlügün hakkında ne olacağını göreceğiz.

49
00:03:16,060 --> 00:03:21,540
Sunucu sadece böyle dinliyor ve kurtaracak.

50
00:03:21,540 --> 00:03:25,350
Şimdi ilk rotamızı ekleyelim ve rota rotasını yapacağız.

51
00:03:25,350 --> 00:03:30,090
Her zaman orada olmayı severim ve bu bazı öğrencilerime kafa karıştırıcı bir

52
00:03:30,090 --> 00:03:34,130
deyimdir, çünkü bazıları telaffuz ettiğim bu kelime kök olarak telaffuz edecektir.

53
00:03:34,410 --> 00:03:36,830
Kökleri söylediğimde çok netleştirmeye çalışıyorum.

54
00:03:36,900 --> 00:03:41,250
Ben sadece R O T'den bahsediyorum.

55
00:03:41,280 --> 00:03:42,870
Kök yolu.

56
00:03:43,140 --> 00:03:53,040
nesnenin yanıt olarak isteğini alacak ve biz de ilerleyip sadece rez gönder ve biz sadece basit bir şey yapacağız.

57
00:03:53,040 --> 00:04:00,450
Tamam o halde apt'a kök ya da eğik çizgi ekleyelim ve sonra geri çağırma

58
00:04:00,450 --> 00:04:06,500
işlevi, isteklerin alınması için bir istek yapıldığında çalıştırılacak ve sonra bu iki

59
00:04:06,540 --> 00:04:08,700
Ana sayfaya hoşgeldiniz.

60
00:04:08,730 --> 00:04:11,730
Tıpkı herkesin bu noktada gözden geçirmesi gerekiyor.

61
00:04:12,090 --> 00:04:16,020
Sunucuya, yani düğüm j'ye başlayalım.

62
00:04:16,890 --> 00:04:18,280
Her şey yolunda gidiyor gibi görünüyor.

63
00:04:18,390 --> 00:04:22,500
Şimdi kök sayfaya gidip yenileyelim.

64
00:04:22,500 --> 00:04:23,710
Ana sayfaya hoşgeldiniz.

65
00:04:23,890 --> 00:04:28,580
Açıkçası bu tür içerik tek satırlık bir metin oldukça sıkıcıdır.

66
00:04:28,610 --> 00:04:34,890
Biraz daha serpiştirmek için ne yapabiliriz, buraya geri dönüp bunu bazı H-2A Mel yapabiliriz.

67
00:04:34,950 --> 00:04:43,640
Buna benzer bir şey istediysek, bunun altında ve H-2 de ekleyebiliriz.

68
00:04:43,770 --> 00:04:45,910
Aynen böyle.

69
00:04:46,020 --> 00:04:46,760
Oraya gidiyoruz.

70
00:04:46,920 --> 00:04:50,730
Ve biz bunu kaydedip sunucuyu yeniden başlatırsak.

71
00:04:51,120 --> 00:04:53,980
Ve sonra buraya geri dönüp tazeliyoruz.

72
00:04:53,980 --> 00:05:00,070
verilen HVM albümleri olsun, ancak tüm sayfayı gerçekten yazmanız inanılmaz acı vericidir.

73
00:05:00,070 --> 00:05:00,850
Bize

74
00:05:00,850 --> 00:05:04,290
Teknik olarak mümkündür, ancak bu çok zor olurdu.

75
00:05:04,450 --> 00:05:05,720
Bu iyi bir fikir değil.

76
00:05:05,920 --> 00:05:10,870
Bu yüzden şans eseri, tüm kodlarımızı ayrı bir dosyada yazabilmemiz için daha kolay bir

77
00:05:10,960 --> 00:05:17,070
yol var, tüm C Ss'leri istediğimiz her zaman ve evet, kullanıcıya geri göndermek istediğimiz tüm ön uç

78
00:05:17,530 --> 00:05:23,920
javascripti var, böylece bir yöntem kullanabiliriz çağırılan render ve render yöntemi çağırdığımız ne olursa olsun yanıt nesnesinde

79
00:05:23,920 --> 00:05:24,430
yaşar.

80
00:05:24,430 --> 00:05:26,730
Bizim durumumuzda revs, böylece dinlenme olmaz.

81
00:05:26,730 --> 00:05:35,170
Ve sonra ona ev sayfası gibi bir dosyanın adını veriyoruz ya da evde yaşadığı nokta ya da Dogstar onu yaşlandırdı ya

82
00:05:35,170 --> 00:05:36,950
da öyle bir şey.

83
00:05:37,270 --> 00:05:40,950
Ve elbette ki dosyanın yaratılmasına ihtiyaç duyuyoruz ve içeriğinde bir şeyler olması gerekiyor.

84
00:05:41,230 --> 00:05:46,840
Ancak bunu yapmadan önce küçük bir sorun var, bu çizgiden kurtulacağım ve Express'i

85
00:05:46,840 --> 00:05:50,810
kullandığımızda düz h m l dosyası yazmadığımız bir sorun var.

86
00:05:50,950 --> 00:05:52,400
Bunu yapmanın yolları var.

87
00:05:52,420 --> 00:05:58,060
Biraz daha fazla kurulum gerektirir, ancak web uygulamalarımızın çoğu geri gönderilen standart statik

88
00:05:58,060 --> 00:05:59,410
statik dosyalar olmayacak.

89
00:05:59,590 --> 00:06:05,290
Aradığımız şey, şablonlar adı verilen dinamik html dosyalarıdır ve bu videonun

90
00:06:05,290 --> 00:06:07,080
ikinci yarısında bunları tanıtacağız.

91
00:06:07,270 --> 00:06:13,360
Ama şu an için buraya gideceğim ve bunu E.'e değiştireceğim. J. s ve E hakkında söyleyeceğim her şey. J. gömülü javascript'in yanında

92
00:06:13,360 --> 00:06:18,280
olması ve kodumuzu kesmek için istekte bulunulduğunda yaklaşık beş dakika içinde

93
00:06:18,280 --> 00:06:23,250
Dogstar adlı bir dosya oluşturacağına dair daha fazla bilgi edineceğinizdir.

94
00:06:23,380 --> 00:06:23,990
Evet.

95
00:06:24,060 --> 00:06:28,060
Ve gidelim, çünkü bu yol rotasıyla daha mantıklı oluyor.

96
00:06:28,330 --> 00:06:33,580
yüzden bu dosyayı oluşturmamız gerekir ve biz aslında bizimle aynı dizinde oluşturmuyoruz.

97
00:06:33,580 --> 00:06:34,340
Ve bu

98
00:06:34,570 --> 00:06:41,560
Yapmamız gereken şey, views adında yeni bir dizin oluşturmak ve bunun, ifade edilecek bir dizin olan

99
00:06:41,560 --> 00:06:43,380
keyfi bir ad değil.

100
00:06:43,540 --> 00:06:49,360
Dolayısıyla, ne olursa olsun bir dosyayı oluşturduğumuzda, ilk önce views dizinine bakıp bu

101
00:06:49,360 --> 00:06:52,650
tam dosyayı bir sigorta içinde bulmaya çalışacağız.

102
00:06:52,660 --> 00:06:54,790
Şimdi onu yaratalım.

103
00:06:54,790 --> 00:07:01,520
Bu yüzden Ejay'mizin hoşuna gittiği bir dokunuşla bakmak istiyorum.

104
00:07:01,780 --> 00:07:04,380
Ve sonra yapmak istediğim bir sonraki şey biraz içerik eklemek.

105
00:07:04,420 --> 00:07:10,320
Bu dosyayı C-9 görünümleri yeni bir C9 komutu ile açalım eve.

106
00:07:10,360 --> 00:07:10,610
E. J. Evet ve bir şeyler burada ekleyelim.

107
00:07:10,610 --> 00:07:14,800
Bu ana sayfadır.

108
00:07:14,890 --> 00:07:17,530
Bunu düzeltelim.

109
00:07:17,890 --> 00:07:19,100
Ve ayrıca bir resim ekleyelim ve burada kullanmak istediğim bir resmim var.

110
00:07:19,480 --> 00:07:24,850
Bu palmiye kayağı denilen bir şey.

111
00:07:24,850 --> 00:07:26,960
Bu bir Pomeranya ve kaba bir karışım.

112
00:07:27,080 --> 00:07:29,230
İddiaya göre bu tam yetişen bir Köpekçik, bu doğruysa oldukça delidir.

113
00:07:29,230 --> 00:07:33,700
Minyatür kokuşmuş ya da yalnızca kalıcı bir kabadayı köpek gibi görünüyor.

114
00:07:33,910 --> 00:07:38,240
Her neyse, bu URL'yi kopyalayacağız ve geri döneceğiz.

115
00:07:38,350 --> 00:07:41,720
Ve elbette istediğiniz herhangi bir resmi yapabilirsiniz.

116
00:07:41,800 --> 00:07:44,380
Bunu bulmaya gitmek zorunda değilsiniz ya da tipsiz Ellaby sizsiniz ve kendiniz de kurtulacaksınız.

117
00:07:44,380 --> 00:07:48,670
Şimdi de bundan kurtulacağız ve gitmemiz iyi olacak.

118
00:07:49,060 --> 00:07:52,880
Bir şeyi kaçırmamak ve aslında ne eksik olduğumuzu ifade etmesine izin vereceğim.

119
00:07:53,050 --> 00:07:58,030
Bir hata mesajı alacağız.

120
00:07:58,030 --> 00:07:59,310
Bu yüzden sana biraz daha yer açmak için bunu temizleyeceğim.

121
00:07:59,530 --> 00:08:02,940
Ve şimdi sunucuya başlayacağım.

122
00:08:03,160 --> 00:08:05,510
Ve güzergah rotasına gidince, ev arayacak render yöntemini çağıracağız.

123
00:08:06,910 --> 00:08:12,110
Evet.

124
00:08:12,270 --> 00:08:12,950
Görünümler adlı bir dizininin içinde.

125
00:08:13,150 --> 00:08:15,650
Ve sonra onu bulduğunda içeriği alıp yanıtta

126
00:08:15,790 --> 00:08:21,580
geri göndereceğiz, böylece uygulamamıza geri dönüp yenileneceğiz ve burada Montreuil'i bulamayacağımıza dair bir hata mesajı alacağız.

127
00:08:21,580 --> 00:08:28,690
E. J. Evet.

128
00:08:28,690 --> 00:08:28,940
arıyor olması.

129
00:08:29,020 --> 00:08:29,780
Bunun anlamı, ifade Ejay olarak adlandırılan ve Ejaz dosyası oluşturmak için kullanması gereken bir paket

130
00:08:30,160 --> 00:08:36,340
Dolayısıyla NPM'ye Ejay'ımızı kurmamız gerekiyor ve bu, neden sadece birkaç dakika içinde Ejaz'ı kullandığımıza mantıklı gelecektir.

131
00:08:36,340 --> 00:08:39,630
Fakat şimdilik NPM'nin bize Ejay'ı kurduğuna güven ve çizgi çizgi kaydetmek için elimizden geleni yapacağız.

132
00:08:39,670 --> 00:08:46,570
Ve iş bittikten sonra düğüm yapabiliriz.

133
00:08:46,600 --> 00:08:52,440
J. S. tekrar sayfayı yenileyin ve bunun ana sayfa olduğunu ve sevimli

134
00:08:53,230 --> 00:08:57,080
yavrularımızın son yetişen Tomsky olduğunu öğreniyoruz.

135
00:08:57,160 --> 00:09:04,570
Şimdi kullanıcıya geri gönderdiğimiz ve tarayıcıda görüntülenmekte olduğunu

136
00:09:04,570 --> 00:09:06,020
yazdığımız bir dosyamız var.

137
00:09:06,130 --> 00:09:11,530
Ve bu harika ama bu hala web uygulamaları için sınırlı.

138
00:09:11,530 --> 00:09:12,820
Bu, her seferinde

139
00:09:13,030 --> 00:09:17,900
aynı sayfayı ve yalnızca istemediğimiz çoğu web uygulamasını geri gönderir.

140
00:09:17,920 --> 00:09:23,980
Belki ana sayfa aynıdır veya oturum açma sayfası aynıdır.

141
00:09:23,980 --> 00:09:24,530
Fakat kullanıcı bir

142
00:09:24,670 --> 00:09:28,260
kez giriş yaptıktan sonra genellikle hoş geldiniz geri aramaları söyleyen bir mesaj var ya da geri hoş geldiniz diyor.

143
00:09:28,330 --> 00:09:33,850
Sevimli Parsky köpek yavrusu yetişkin.

144
00:09:34,300 --> 00:09:35,370
Size hızlı bir örnekle ne demek istediğimi göstereceğim.

145
00:09:35,380 --> 00:09:37,960
Bu yüzden geri dönüp yeni bir rota ekleyeceğim ve rota Slash gibi bir şey olacak.

146
00:09:37,960 --> 00:09:39,870
Aşık ve sonra Rustie gibi bir şeyle düşüp, palmiye kayağına aşık olabiliyoruz.

147
00:09:40,060 --> 00:09:45,960
Bence o böyle hecelendi.

148
00:09:46,060 --> 00:09:54,100
Ve biz, bize yol parametresinden gelen değişkeni içeren bir mesaj gösterecek bir HMO

149
00:09:54,550 --> 00:09:55,780
dosyası istiyoruz.

150
00:09:55,990 --> 00:10:01,780
Bu yüzden paslı aşık bir şey söyleyebilirim, böylece Slash şey ile aşık sonbahar tanımlamak veya almak

151
00:10:01,780 --> 00:10:02,480
gerekir yapmak.

152
00:10:02,590 --> 00:10:14,900
Ona böyle diyoruz.

153
00:10:15,290 --> 00:10:18,560
Ardından, geri arama içinde istek ve yanıtımıza ihtiyaç duyuyoruz.

154
00:10:18,570 --> 00:10:19,600
Tıpkı son

155
00:10:19,940 --> 00:10:24,440
egzersiz VAR'ın şeyinin harams şeyini talep etmesi gibi bir

156
00:10:24,440 --> 00:10:32,480
şey yakalaması gibi, sonra da hayvan konuşan alıştırmada yaptığımız gibi bu basit kırmızı noktadan başlayabiliriz.

157
00:10:32,960 --> 00:10:39,290
Domuz cilalı diyor.

158
00:10:39,290 --> 00:10:39,950
İnek, moo'nun aynı şeyi burada yapabileceğini söylüyor.

159
00:10:39,960 --> 00:10:41,770
Dolayısıyla yalnızca artı bir âşık olduğunuzu söyleyeceğiz.

160
00:10:41,900 --> 00:10:44,050
Tamam.

161
00:10:44,060 --> 00:10:51,130
Dolayısıyla bu bir incelemedir ve şimdi sunucuyu yeniden başlatıp geri dönersem ve şimdi Slash ske'ye aşık olan

162
00:10:51,890 --> 00:10:52,310
eğik

163
00:10:52,340 --> 00:11:00,890
çizgiye giderseniz, sizi tam olarak gramatik olarak doğru olmayan Tomsky'ye aşık olurum, ancak o zaman yine de pomps sözcüğü yoktur.

164
00:11:01,280 --> 00:11:10,820
Bu yüzden geri döneceğim ve şimdi yapmak istediğim şey ona nasıl bir H gönderebileceğimizi bulmak. Ona bir H gönderebileceğimizi anlamaya çalışıyorum,

165
00:11:10,820 --> 00:11:12,850
dosyayı artıya çevirdiğini söylüyor; artı

166
00:11:13,070 --> 00:11:18,770
aşık ve daha sonra dosyayı oluşturarak başlayabileceğimiz bir şey var Bu dosyayı görüntüler

167
00:11:18,950 --> 00:11:25,850
dizininin içinden çağırıp, tabii ki ne istersen onu ararım, fakat sadece aşk E ile gideceğim. J. kısa tutmak için, sonra bunu dolduracağız.

168
00:11:25,850 --> 00:11:31,490
Dolayısıyla C-9 görünümüne eğik çizgiye ihtiyacımız var.

169
00:11:31,490 --> 00:11:36,380
Bunu sevdim.

170
00:11:36,380 --> 00:11:40,520
Evet, açık alanımız var ve başlayalım sadece eklemeyle başlayalım size aşık oluyor ve daha sonra

171
00:11:40,940 --> 00:11:41,840
boşluğu doldurmamız gerekiyor.

172
00:11:41,950 --> 00:11:51,110
Fakat burada ne yazacağımızı bilmiyoruz, öylece bırakacağız ve burada P yazan bir not

173
00:11:51,110 --> 00:11:51,910
yazalım. S. Ejaz dosyasından geldiğini bildiğiniz için Ejay'ın dosyaladığı aşk budur.

174
00:11:52,010 --> 00:11:56,780
Şu an sahip olduğumuz kırmızı başlangıç ​​hareketi değil.

175
00:11:56,780 --> 00:12:07,500
Aslında ondan kurtulmak için.

176
00:12:07,500 --> 00:12:10,430
Yani yapmak istediğimiz, o dosyayı okunur hale getirmek değil hale getirmektir.

177
00:12:10,490 --> 00:12:12,270
Dosyanın adı da E. aşktı. J. Evet, otomatik olarak orada bulunan görünümler dizinine bakar.

178
00:12:13,100 --> 00:12:18,230
İşte iki dosyamız var, sunucuyu Düğüm başlayalım.

179
00:12:18,500 --> 00:12:21,420
Evet, yeniden başlatılacak ve yenilenecek.

180
00:12:21,420 --> 00:12:27,080
TAMAM.

181
00:12:27,110 --> 00:12:31,980
Dosyamız burada.

182
00:12:32,110 --> 00:12:36,260
Aşık oldunuz ve boşluğu burada doldurmamız gerekiyor.

183
00:12:36,590 --> 00:12:36,920
geri gelen verilerle

184
00:12:36,950 --> 00:12:38,520
bir şablon doldurabildiğimizde önemlidir. bir kullanıcının statik öldürme dosyası olmadığı yerlerde sağlamış olması.

185
00:12:38,540 --> 00:12:41,700
Ve bunun gerçekten basit bir örnek olduğunu biliyorum ki bu sizi henüz deli bir şeyle karıştırmak istemiyorum ama bu tür bir mantık gerçekten bir veritabanından veya verilerden

186
00:12:41,990 --> 00:12:46,250
Her zaman aynı şey budur.

187
00:12:46,250 --> 00:12:51,860
Temelde HTL'ye değişken eklemek istiyoruz ve her Evet'in yapmamıza izin verdiği şey budur.

188
00:12:51,860 --> 00:12:57,950
Yani E. J. S gömülü javascript'in kısaltmasıdır.

189
00:12:57,980 --> 00:13:00,220
İfadeler H Timo'nun içinde dönerse javascript kod değişkenlerini yerleştirmemizi sağlar.

190
00:13:00,260 --> 00:13:05,770
Bu şekilde böyle bir şey yapabiliriz.

191
00:13:06,080 --> 00:13:09,380
Aşık olmuştun

192
00:13:09,380 --> 00:13:18,520
ve daha sonra işe yaramayacaktı, ama bizim değişkene "şey" denilen şeyi koyalım, bunu sadece tüm değişkenlerin değişkenine yapalım.

193
00:13:18,560 --> 00:13:20,450
Ancak bu işe yaramayacak

194
00:13:20,840 --> 00:13:26,970
çünkü sadece düzenli HMO olarak değerlendirilecek ve bize sadece kelime değişkeni göstereceğiz.

195
00:13:27,640 --> 00:13:30,650
Her birimize şunu söylemek için bir şeyler

196
00:13:30,650 --> 00:13:36,430
yapmamız gerekiyor: Bu javascript kodunun kendisine öğretilmediğini söylerken buna javascript gibi davranacağım.

197
00:13:36,440 --> 00:13:37,700
Neyse ki, bize bunu yapmanın bir yolunu sunuyor.

198
00:13:37,700 --> 00:13:43,010
İlk kez gördüğünüzde biraz tuhaf.

199
00:13:43,010 --> 00:13:44,200
Öyle görünüyor.

200
00:13:44,390 --> 00:13:47,160
buluyoruz ve burada bu iki parantez arasına giren her şey Javascript olarak değerlendirilecektir.

201
00:13:47,210 --> 00:13:49,600
Böylece parantezlerimiz, ardından yüzdelik işaretlerimiz var ve ardından açılış parantezinde eşit işareti

202
00:13:49,790 --> 00:13:51,220
Dolayısıyla ne demek istediğimi

203
00:13:51,830 --> 00:13:58,640
göstereceğim, normalde H M L'de beş artı beş gibi bir şey kullanabiliriz ve bunu size aslında beş artı göstermek için yapacağız.

204
00:13:58,640 --> 00:14:03,150
Bu Ejay Olmazsa, parantezler beş artı

205
00:14:03,320 --> 00:14:10,580
beş sayı basacak, ancak bunu burada yaparsak, aslında 10'u yazdırılacaktır.

206
00:14:10,580 --> 00:14:14,010
Bu yüzden bu şablonu bırakacağım veya J'den sonra

207
00:14:14,450 --> 00:14:20,480
sunucuyu tekrar başlatıp sayfayı yenileyeceğim ve beş artı beş onla aşık olmanızı sağlayacağız.

208
00:14:20,480 --> 00:14:22,000
Ve ben tamamen anlıyorum.

209
00:14:22,130 --> 00:14:33,230
Beş duraklatırsam tam bir av alırsınız.

210
00:14:33,230 --> 00:14:36,920
Böylece geri döneceğiz.

211
00:14:37,130 --> 00:14:38,010
Dolayısıyla, orada beş artı beş tane yazdırılmasını istemiyoruz.

212
00:14:38,030 --> 00:14:41,270
Ancak aslında bir şey değişkeni istiyoruz.

213
00:14:41,270 --> 00:14:42,220
Buna sadece VAR olayı diyeceğiz ya da uzaktaki bir şeyi yapalım.

214
00:14:42,350 --> 00:14:44,980
Ve bunun bizim kodumuzdan gelmesi gerekiyor.

215
00:14:45,020 --> 00:14:48,830
Bu yüzden, yapmamız gereken şey bu değerli şeyi E'nin sevgisine geçirmek. J. şablon olarak kullanırız ve onu basmak isteriz ve

216
00:14:48,890 --> 00:14:52,780
biz burada olunca da beş artı beşten kurtulun.

217
00:14:52,940 --> 00:14:56,180
Bu yüzden sizi sevgiye uđrattýrdýktan sonra ţeyi uzak bir ţekilde tanýmlamamýz gerekiyor

218
00:14:56,180 --> 00:15:02,820
ve sadece bu var olan ţeyi yapabileceđimizi düţünebilirsin.

219
00:15:02,820 --> 00:15:07,290
Var eşittir yuvası şey talep.

220
00:15:07,490 --> 00:15:12,980
Ve ifade edilen kişilerin bu değişkenleri bir şekilde bu şablona otomatik olarak gönderdiğini umuyor olabilirsiniz.

221
00:15:12,980 --> 00:15:15,400
Ve sadece var olanı biliyor.

222
00:15:15,410 --> 00:15:18,200
Ne yazık ki böyle çalışmıyor.

223
00:15:18,440 --> 00:15:24,320
Ve sana sunucuyu yeniden başlatacağım göstereceğim bir hata mesajı alacağım ve var tanımlı

224
00:15:24,410 --> 00:15:26,410
hiçbir şey olmadığını söylüyor.

225
00:15:26,750 --> 00:15:28,550
Şimdi geri dönüp bir şey çubuğu tanımam lazım.

226
00:15:28,670 --> 00:15:37,790
Ve bunu yapmamın yolu aslında onu sevdiğim E'ye geçirmektir. J. s şablonu oluştururken bunu bir nesne olarak geçirdikten sonra nokta çizgi çizgi üzerinde

227
00:15:37,790 --> 00:15:38,590
yaparım.

228
00:15:38,930 --> 00:15:41,800
Ve bu nesnede şablonuma sahip olmak istediğim çok sayıda veri koyabilirim.

229
00:15:41,960 --> 00:15:48,230
Bunun yerine, işler daha çok bunun netleştirilmesi için bir

230
00:15:48,230 --> 00:15:52,170
şey diyeceğim ve sonra burada veri geçireceğim ve şablonda söyleyeceğim şey var eşit olması gereken şey.

231
00:15:52,340 --> 00:15:57,210
Bunun ne yapılması bir şeyin değerini alıp onu burada soplamaktır.

232
00:15:57,440 --> 00:16:03,230
Bu yüzden Rusty'ye eşit bir şeymiş gibi görünüyor.

233
00:16:03,230 --> 00:16:10,910
Ve sonra burada var değişecek.

234
00:16:11,330 --> 00:16:15,420
Bunların hepsinin yerine paslı olurdu.

235
00:16:15,560 --> 00:16:19,450
Tamam, o halde bırakacağız.

236
00:16:19,610 --> 00:16:22,760
Geri dönün ve neden sadece resti gibi sabit kodlarla başlayalım ve

237
00:16:22,760 --> 00:16:25,810
sunucuyu yeniden başlatacağız ve sayfayı yenileyeceğim ve sizi Rusty'ye aşık yapacağım.

238
00:16:26,460 --> 00:16:29,600
Bir dize yapmaktan ziyade bir sonraki

239
00:16:29,600 --> 00:16:35,900
adım sadece sahip olduğumuza geri dönmek ve böylece tüm değişkenleri kaydetmek

240
00:16:35,900 --> 00:16:42,240
ve bunu isim barıyla geçmek ve daha sonra burada oraya sunmaktır.

241
00:16:42,350 --> 00:16:48,560
E. J. Bu hantal görünüşlü şeyi etiketledi.

242
00:16:48,560 --> 00:16:55,850
Sunucuyu yeniden başlatın tekrar geri dönün.

243
00:16:55,850 --> 00:16:56,000
Şimdi seni Parsky'ye aşık kılmaya başlıyorum.

244
00:16:56,010 --> 00:16:58,350
Ve eğer sana gideceksem, burada da yansıtılan Tater Tots'a aşık oluyorsun.

245
00:16:58,610 --> 00:17:02,200
Bu, kullanacağımız çok güçlü bir konsepttir.

246
00:17:02,390 --> 00:17:05,910
Dediğim gibi ve bu dinamik sayfalara

247
00:17:06,070 --> 00:17:13,440
sahip olmaktan neredeyse her uygulama, kullanıcının talep üzerine verilerin belirli bölümlerinde sorduklarına göre

248
00:17:13,520 --> 00:17:16,510
değişebilen tüm yanıtları altüst etti.

249
00:17:16,520 --> 00:17:21,190
Göstereceğim diğer şey bunun normal bir Javascript olması.

250
00:17:21,190 --> 00:17:26,870
Yani burada, büyük harf gibi şeyleri yapabilirim ve bu önce çalıştırılacak ve daha sonra paslı gibi basılacak olan

251
00:17:26,870 --> 00:17:27,950
bir şeyi döndürecektir.

252
00:17:27,950 --> 00:17:31,630
Yani sadece normal javascript ve burada ne girmeli ve ne olmaması gerektiği konusunda daha fazla konuşacağız.

253
00:17:31,730 --> 00:17:39,590
Çünkü bazı kurallar var ki, yaşınızı onu Ejaz şablonunuzun tamamına, tonlarca ve

254
00:17:39,650 --> 00:17:42,100
ton javascript'le karmaşıklaştırmak istemiyorsunuz.

255
00:17:42,470 --> 00:17:46,880
Minimumda tutmak istersiniz, ancak şu an bunu yapacağım ve kurtaracağım.

256
00:17:47,150 --> 00:17:51,650
Ve bu yaptığımız son şey olacak.

257
00:17:51,650 --> 00:17:53,200
Sunucuyu yenilemeyi yeniden başlatın.

258
00:17:53,300 --> 00:17:57,070
Ve şimdi büyük harflerle yazılmış bir sürüm elde ediyorum.

259
00:17:57,230 --> 00:17:58,990
Pekâlâ, şimdi konuştuğumuz herşeyi tekrar edelim.

260
00:17:59,270 --> 00:18:01,860
Bu derste biraz var.

261
00:18:02,180 --> 00:18:04,280
Birincisi, burada ve burada yaptığımız gibi redstart işleyişini kullanarak bir dosyanın içeriğini

262
00:18:04,280 --> 00:18:06,600
geri gönderebilmemiz ve bu şablonların, otomatik olarak oraya bakan görünümler dizininde olması gerekir.

263
00:18:06,620 --> 00:18:08,330
Gömülü javascript'in yer aldığı Ejaz

264
00:18:08,360 --> 00:18:14,180
hakkında konuştuğumuz bir sonraki şey ve sağladığımız bazı verilere bağlı olarak değişecek olan HDMI dinamik şablonlarının olmasını sağlayan şey.

265
00:18:14,180 --> 00:18:20,600
Her birini evet yapmamız gerektiğini gördük ve dosyamıza DOD Ejay Yes diye bir şey çağrılmasını istedik.

266
00:18:20,600 --> 00:18:26,570
Ve sonra da NPM kurulumunu Ejay'i çalıştırmak zorundaydık ve sonuncusu,

267
00:18:26,570 --> 00:18:31,440
ilk başta tuhaf olan Ejay bize parantezlerini kullanabilmemiz.

268
00:18:31,640 --> 00:18:37,730
Muhtemelen klavyenin bu bölümünü kullanmaya alışkın değilsiniz, ancak parantez içinde yüzde işareti ve eşittir

269
00:18:37,940 --> 00:18:44,140
ve sonra diğer tarafta yalnızca yüzdendir ve içeriye giren her şey JavaScript kodu olarak

270
00:18:44,240 --> 00:18:47,230
kabul edilir ve daha sonra bu kod

271
00:18:47,360 --> 00:18:52,040
döndürürse ne olursa olsun, HMO'ya yazdırılır ve üzerinden veri aktarılır.

272
00:18:52,040 --> 00:18:57,140
Anahtar nokta çiftlerine sahip olduğumuz kırmızı nokta oluşturma çağrısında bir nesne geçirebiliriz.

273
00:18:57,140 --> 00:19:03,650
Sadece normal bir javascript nesnesi.

274
00:19:03,850 --> 00:19:07,270
Ve şablonda nesnenin özelliklerini tanımladığımız değişkenlere erişebiliyoruz.

275
00:19:07,760 --> 00:19:12,500
Bu durumda, şey, her zaman değişen şeyin değeri ne olursa olsun eşittir.

276
00:19:12,500 --> 00:19:14,660
Ve burada, için bir şey kullanabiliriz.

277
00:19:14,660 --> 00:19:19,790
Tamam, bu videoda sindirilebilecek çok şey olduğunu çok iyi biliyorum.

278
00:19:19,910 --> 00:19:26,330
Özellikle bu kavramlarla daha fazla uygulama alacağız.

279
00:19:26,570 --> 00:19:29,510
E. J. Evet ve o E. J. köşeli ayraçlara sahipse ve verileri bir şablona

280
00:19:29,780 --> 00:19:32,830
iletmek, buradan her videoda yapacağımız bir şeydir

281
00:19:32,840 --> 00:19:36,280
 

282
00:19:36,320 --> 00:19:36,590
 

283
00:19:36,590 --> 00:19:42,320
 

284
00:19:42,320 --> 00:19:43,740