1
00:00:00,200 --> 00:00:01,200
Tekrar hoş geldin.

2
00:00:01,200 --> 00:00:04,380
Şimdi de geri kalan dinlendirici rotalarımızı alacağız.

3
00:00:04,470 --> 00:00:09,360
İndeks yaptık ve mantık yapmaya biraz ara verdik. e. üstbilgi ve altbilgi Parshall's.

4
00:00:09,360 --> 00:00:15,330
Şimdi yeni yapacağım ve yeni mesaja tıkladığımda bu videonun sonuna kadar bir form görmeliyiz

5
00:00:15,330 --> 00:00:19,990
ve daha sonra bu formu doldurup daha sonra göndermek için gidebiliriz.

6
00:00:20,010 --> 00:00:23,970
Beni dizine geri götürecek ve başka bir yazı görmeliyim.

7
00:00:24,000 --> 00:00:25,210
Öyleyse başlayalım.

8
00:00:25,530 --> 00:00:30,710
Yapmamız gereken ilk şey, yeni şovları bir form olarak hatırlayan yeni rotayı yaratmaktır.

9
00:00:30,770 --> 00:00:37,110
Bu bir GET isteğidir eğik çizgi köpekler veya eğik çizgi bloglar yeni eğik çizgi ve sadece bir form gösterir.

10
00:00:37,380 --> 00:00:39,440
O halde oradan başlayalım.

11
00:00:40,590 --> 00:00:43,620
Bunu dizinimizden sonra yapacağız ve onu buraya ekleyelim.

12
00:00:43,650 --> 00:00:45,670
İndeks yazdı.

13
00:00:45,960 --> 00:00:51,980
Şimdi yeni rotayı yapalım ve create da ekleyeceğim.

14
00:00:52,050 --> 00:01:00,730
Dolayısıyla yeni rotamız için ve eğik çizgi blog'ları yeni ve yeni olarak indirdikten sonra gerçekten basittir.

15
00:01:00,760 --> 00:01:06,790
Gerçekten en kısa olan bu, yapmamız gereken her şey aynı formda her zaman oluşturulmasıdır.

16
00:01:06,930 --> 00:01:09,280
Veritabanında bir şey aramak zorunda değiliz.

17
00:01:09,450 --> 00:01:11,730
Forma veri göndermek zorunda değiliz.

18
00:01:11,730 --> 00:01:16,490
Tek yapmamız gereken şey yeni sunmak.

19
00:01:17,190 --> 00:01:19,110
Ve o dosyayı elbette yapmamız gerekiyor.

20
00:01:19,110 --> 00:01:28,340
Bu nedenle, görüşlere dokunarak yeni Ejay Evet C-9 görünümleri yeni bir eğik çizgi oluşturuyor.

21
00:01:29,100 --> 00:01:30,970
Tamam ve basit başlayalım.

22
00:01:31,380 --> 00:01:34,150
Ve hepimiz burada biraz semantik UI kullanıyor.

23
00:01:34,200 --> 00:01:43,400
Dolayısıyla bir div yapacağız ve bu cihaz basit olacak, yalnızca bir sınıf UI ana metin konteyneri segmenti var.

24
00:01:43,400 --> 00:01:44,720
Yani bir sürü şey var.

25
00:01:44,760 --> 00:01:46,270
Bir dakika içinde parçalayacağım.

26
00:01:46,530 --> 00:01:54,930
Bunun yerine bunun yerine bir üstbilgi ekleyerek bir UI büyük bir başlık yapabiliriz

27
00:01:54,930 --> 00:01:58,520
ve bu yeni günlüğü ararız.

28
00:01:59,300 --> 00:02:02,310
Ve bunu görürsek başardığımızı bileceğiz.

29
00:02:03,030 --> 00:02:04,180
Bu yüzden uygulamayı başlatın.

30
00:02:04,300 --> 00:02:07,760
Oh ve aslında bizim paylarımızı da eklemeliyiz.

31
00:02:07,770 --> 00:02:11,980
Aksi takdirde fark görürüz fakat semantik stillerden hiçbirini görmeyeceğiz.

32
00:02:12,150 --> 00:02:22,470
Parshall'ın eğik çizgi başlığını, alt Parshall'ın eğik çizgisinde kaydetmek için aynı çizgiyi içermesine ihtiyacımız var.

33
00:02:22,600 --> 00:02:25,410
Dolayısıyla, Ejay'ımıza, nokta çarpıntısı

34
00:02:25,950 --> 00:02:29,830
Bu sayfayı yenileyin ve yeni blog başlığına geçin.

35
00:02:30,840 --> 00:02:32,070
Ve iki problemimiz var.

36
00:02:32,070 --> 00:02:34,550
İlki, aralıklı bir sorundur.

37
00:02:34,650 --> 00:02:37,540
Bunu kolayca düzeltebiliriz, ancak doğru şablonu alıyoruz.

38
00:02:37,800 --> 00:02:43,980
Ancak, biraz garip bir şey fark ettim. Bu da ikonumuzun ana sayfasında küçük olmasına yol açtı.

39
00:02:44,010 --> 00:02:47,170
Bu sayfada küçük boyutlu.

40
00:02:47,370 --> 00:02:51,760
Ve bir süre bunun için bir ot hatası olarak baktım.

41
00:02:51,840 --> 00:02:52,490
Bunu anladım.

42
00:02:52,500 --> 00:02:57,540
Gerçekten o sinir bozucu olanlardan biri, o anda ortaya çıkan şey, başlangıçta

43
00:02:57,540 --> 00:03:01,990
çok açık olmayan bir şey, ancak fark ettiğim şeyleri kısaca anlatacağım.

44
00:03:02,160 --> 00:03:04,320
Konsolda yazdığını görebilirsiniz.

45
00:03:04,320 --> 00:03:11,740
Stil sayfasını C S S'yi devre dışı bırakmak yüklenemedi, ancak kesilmiş blogların altında çizgi stilindeki C

46
00:03:11,740 --> 00:03:16,250
S S çizgisinde uygulama arıyordu ve nereye bakması gerekmiyordu.

47
00:03:16,290 --> 00:03:23,130
Ve böylece üstbilgi dosyasında kurduğumuz bağlantıya baktım ve küçük bir şeyin eğik çizgi olduğunu unuttum

48
00:03:24,020 --> 00:03:25,030
fark ettim.

49
00:03:25,080 --> 00:03:29,080
Şimdi taze iseniz, şimdi onu bulduğunu göreceksiniz.

50
00:03:29,310 --> 00:03:31,680
Ve burada bir hata yapmıyoruz.

51
00:03:31,680 --> 00:03:38,640
Ve eğer Kaynaklar sekmesine baktıysanız, blogların içine bakmadığını görebilirsiniz; bu, daha önce

52
00:03:38,640 --> 00:03:41,820
olduğu için stil sayfalarının dışındadır.

53
00:03:41,850 --> 00:03:44,990
Ve şimdi de değil de daha büyük kod simgesiyle bitiyoruz.

54
00:03:45,390 --> 00:03:51,900
Şimdi konunun üstesinden gelelim, şimdi içeriğimizin geri kalan kısmıyla çakışıyor ve bu stil sayfasını hazırladığımız için

55
00:03:51,990 --> 00:03:54,690
neyse ki bunu düzeltmek çok kolay.

56
00:03:54,900 --> 00:04:01,590
Tek yapmamız gereken konteyner öğesi olan bu öğenin üst kısmına biraz kenar boşluk eklemektir.

57
00:04:02,250 --> 00:04:04,520
Yaptığımız her şey bu konteynırın içinde olacak.

58
00:04:04,710 --> 00:04:14,430
Bu nedenle, değerlendirmeden sonra stil sayfamızda bunu seçeceğiz ve yalnızca konteyner yapacağız ve daha sonra yapmak istediğimiz tek şey,

59
00:04:14,430 --> 00:04:18,440
piksel sayısına bakmak yerine kenar boşluğunun üstünde olmasıdır.

60
00:04:18,450 --> 00:04:23,280
E-M'yi daha sık görmenizi sağlayacak şekilde de kullanacağım.

61
00:04:23,280 --> 00:04:29,700
Gerçekten çok şey görmedik ve incelediğimiz konteynerin aynı zamanda nav çubuğunun içinde olduğu

62
00:04:29,910 --> 00:04:32,640
başka bir sorunun olduğunu görüyoruz.

63
00:04:32,640 --> 00:04:34,640
Unutmayın orada bir konteyner var.

64
00:04:34,830 --> 00:04:40,440
aynı zamanda segmentin veya başka bir şey olan genel konteynırları hedeflemek istiyoruz.

65
00:04:40,440 --> 00:04:43,800
Dolayısıyla, yalnızca ana veya konteyner olan ve

66
00:04:44,040 --> 00:04:46,060
Bu başka kolay bir düzeltme.

67
00:04:46,170 --> 00:04:48,370
Geri dönüp sadece yapacağız.

68
00:04:48,390 --> 00:04:49,520
Yani bu bir anlam taşıyor.

69
00:04:49,520 --> 00:04:55,070
Artık yenilediğim bu iki sınıfım vardı ve daha iyi görünüyor.

70
00:04:55,100 --> 00:04:56,170
Bu yüzden onunla uğraşmadık.

71
00:04:56,210 --> 00:05:02,250
Bu kaptaki kenar boşlukları Nav içinde. sadece burada ve şimdi stil için oynadığımız

72
00:05:02,270 --> 00:05:02,930
menü.

73
00:05:02,930 --> 00:05:05,050
Şimdi formu işe koyalım.

74
00:05:05,150 --> 00:05:16,700
Yani yeni babamız evet yapmak isteriz ve formumuz böyle olur bu tür çizelgelere giderek,

75
00:05:18,020 --> 00:05:25,940
dinlendirici rotalarımızı unuttuğumuzu unuttuysanız ve oluşturduğunuz flaş köpekleri dizininki

76
00:05:25,940 --> 00:05:28,460
ile aynıdır. sonrası.

77
00:05:29,120 --> 00:05:37,760
Dolayısıyla bu formun, metnin gönderildiği alanlara bölü çizelgesine gitmesi gerekiyor ve daha sonra bir formun içinde

78
00:05:37,760 --> 00:05:45,170
bir kaç girdi isteyen ilk metin yalnızca metne eşit ve metin yazmak ve blog

79
00:05:45,170 --> 00:05:52,090
başlığına eşit bir ad verecek ve daha sonra başlık eşittir bir yer tutucu.

80
00:05:52,850 --> 00:06:00,550
Ve sonra o istisna, resim için bunu yapmak yerine tekrarlarız.

81
00:06:01,350 --> 00:06:07,430
Ve bu, gitmesi gereken birkaç videodan gönderilen isteklerden sonra gözden geçirilmelidir ve

82
00:06:07,430 --> 00:06:10,750
beden olarak adlandırdığımız içerik için de aynı

83
00:06:13,340 --> 00:06:19,940
şeyi yapacağız ve yalnızca log yazısı koyarsak, buraya bir yer tutucu olarak gideriz.

84
00:06:19,940 --> 00:06:27,050
Pekâlâ, bu işi bitirelim ve daha sonra göndermek için bir yola ihtiyacımız var, böylece giriş türünü uygulayacak

85
00:06:29,480 --> 00:06:35,680
ve bunun gibi bir şekilde göndermek ve sonra ne elde ettiğimizi kaydetmek ve görmek.

86
00:06:35,770 --> 00:06:38,230
İşte formumuz gerçekten tarzsız.

87
00:06:38,300 --> 00:06:39,600
Buna yakında başlayacağız.

88
00:06:39,740 --> 00:06:46,550
Ancak gönderirsek blog'ları kesmek için gönderemediğini söyleyen bir hata almamız iyi olur.

89
00:06:47,060 --> 00:06:49,660
Bunun nedeni, oluşturma rotamızın bulunmaması.

90
00:06:50,150 --> 00:06:53,960
Şimdi de bunu köpeklerle görevlendirme yapalım.

91
00:06:54,110 --> 00:07:05,870
Dolayısıyla, Yol oluşturma rolünde aslında evet yerine, bir uygulama sonrası eğik yazı blogları veya Colback yapacağız.

92
00:07:07,700 --> 00:07:13,160
Mükemmel ve burada aslında o yeni blogu yaratmamız gerekiyor.

93
00:07:13,160 --> 00:07:22,710
Dolayısıyla iki adımla blog oluşturduktan sonra yeniden yönlendirme yapıyoruz ve şu anda dizine yönlendireceğiz.

94
00:07:23,780 --> 00:07:30,220
Bu yüzden blog yaratmak için bir bloga ihtiyacımız var ve ilk şey veri.

95
00:07:30,230 --> 00:07:31,990
Dolayısıyla bu henüz işe yaramaz.

96
00:07:32,060 --> 00:07:34,140
Ve ikinci şey geri arama.

97
00:07:34,580 --> 00:07:38,450
Yani geri aramamıza başlayabiliriz, bir hatamız var.

98
00:07:38,510 --> 00:07:47,360
Ve işe yararsa, yeni bir bloga sahibiz ve geçmekte olduğumuz veriler, post isteklerindeki videodan hatırlanıyor; bu

99
00:07:47,360 --> 00:07:54,200
taleplerin hepsi, istek dot body dot'un içinde ve formumuzda formumuzda adlandırdığımız her

100
00:07:54,740 --> 00:07:55,600
şeyi içeriyor.

101
00:07:55,610 --> 00:07:58,890
Her şey bir blogda, bir grupta ve birlikte.

102
00:07:58,940 --> 00:08:05,120
Dolayısıyla, sadece vücut dökümü blogunu talep edersek, otomatik olarak bir başlık imajı ve gövdesi vardır.

103
00:08:05,120 --> 00:08:10,160
Ona bir vücut darbe isteği veriyoruz Ağustos ilk argüman bu verileri alır bittiğinde yeni bir blog

104
00:08:10,160 --> 00:08:10,530
oluşturur.

105
00:08:10,530 --> 00:08:11,950
Çünkü bu geri arama.

106
00:08:12,140 --> 00:08:14,760
Ve hata yaparsak standartlarımızı yaparız.

107
00:08:15,030 --> 00:08:26,510
Günlük hakkında saymak yerine bir izin yapalım, yoksa yeni formu oluşturalım, aksi halde bölü çizelgelerine bir

108
00:08:26,840 --> 00:08:27,620
rez

109
00:08:30,110 --> 00:08:35,870
yönlendirme yapacağız ve yeni blogun burada gösterildiğini görmeliyiz.

110
00:08:36,020 --> 00:08:43,410
İşe yarasa, bu yorumu değiştirelim ve bir şans verelim ne olacağını görelim.

111
00:08:43,520 --> 00:08:44,660
Böylece biz kurtaracağız.

112
00:08:44,870 --> 00:08:52,540
resim URL'sinin bir kopyasını oluşturmamız yeterlidir, böylece blog gönderisinin bir resmini veya başlığını almış oluruz.

113
00:08:52,540 --> 00:08:57,460
Sunucuyu yeniden başlatmalı ve kök dizinine geri dönmeliyiz, bu

114
00:08:57,620 --> 00:09:00,230
İşte blog yazımızdaki görüntü.

115
00:09:00,350 --> 00:09:03,740
Gönder ve mükemmel çalışıyor.

116
00:09:03,800 --> 00:09:11,330
Ve bir başlığa sahip olduğumuzu görebilirsiniz. Oluşturduğumuz tarihe kadar vücudumuzun çok kısa bir blog yazısı da

117
00:09:11,330 --> 00:09:12,020
görüntülendiğini görüyoruz.

118
00:09:12,170 --> 00:09:12,860
Olağanüstü.

119
00:09:13,010 --> 00:09:19,790
Bütün bunları yeni yollara özetlemek ve yeni oluşturmak, modelin adı ne olursa olsun çizgi çizmektir.

120
00:09:19,790 --> 00:09:24,910
Davamızdaki köpekler aslında blogların eğik çizgileri ve istekleri var.

121
00:09:24,920 --> 00:09:32,580
Form oluşturmanın göstergesi, flaş köpeklerin yalnızca bir indeks talebi olması dışında olduğu gibi gösteriliyor.

122
00:09:32,600 --> 00:09:35,350
Ve yeni formun veriyi buraya gönderdiği yer.

123
00:09:35,430 --> 00:09:39,080
Veritabanına eklemek için yeni köpek oluşturun, daha sonra yeniden yönlendirecektir.

124
00:09:39,080 --> 00:09:43,820
Çoğu zaman endeks olmak zorunda değildir, aslında bir sonraki videoda göreceğiniz sayfayı

125
00:09:43,820 --> 00:09:44,660
göstermek için.

126
00:09:45,140 --> 00:09:47,550
Uygulamamızı hızla şekillendirelim.

127
00:09:47,580 --> 00:09:49,820
Formu yapalım.

128
00:09:50,570 --> 00:10:02,000
olarak vermek ve daha sonra bu girdilerin her biri bir div'de olacak ve div alanlara eşit sınıfa sahip olacaktır.

129
00:10:02,000 --> 00:10:10,070
Dolayısıyla, yapacağımız anlamsal ilk şey kullanmak için formumuzu bir sınıfı UI formuna eşit

130
00:10:10,550 --> 00:10:13,330
Ve daha sonra henüz sahip olmadığımız etikete nasıl bakacağım.

131
00:10:13,730 --> 00:10:19,860
Ve ilk etiket başlığa sahip olacak ve sonra başlığımızı alıp oraya koyacağız.

132
00:10:20,390 --> 00:10:21,450
Mükemmel.

133
00:10:21,470 --> 00:10:24,630
Ve bunu birkaç kez daha yapacağız.

134
00:10:24,770 --> 00:10:32,120
Etiket görüntüsünü değiştiren görüntü değişikliği için bunlardan birine ihtiyacımız var ve daha sonra yapmak istediğim

135
00:10:34,840 --> 00:10:42,770
bir değişiklik, blogumuzun böyle bir girdi oluşturmasını sağlamak yerine, bir kullanıcının bir miktar daha metin yazabileceği

136
00:10:42,770 --> 00:10:47,470
bir metin alanı yapmak istiyorum Gerçek bir blog yazısı gibi.

137
00:10:48,050 --> 00:10:54,920
Ve bunu bir girdi yapmaktanse düzeltmek için bir div Chrisfield'in hala etiketinde kalacağız

138
00:10:54,920 --> 00:11:03,140
ve blog içeriği olarak adlandıracağız ancak bu girdiden ziyade görmüş olduğumuz bir metin alanı etiketi

139
00:11:03,140 --> 00:11:06,560
ekleyeceğiz erken ama gerçekten fazla kullanmadık.

140
00:11:06,830 --> 00:11:10,280
Ve girişlerden biraz farklı, yine de bir isim veriyoruz.

141
00:11:10,400 --> 00:11:19,280
Dolayısıyla yine de blog gövdesi ve daha sonra kaydediyoruz ancak bir metin türü vermiyoruz çünkü bu bir girdi değil, kendi açma

142
00:11:19,280 --> 00:11:24,590
ve kapama etiketine sahip belirlenmiş etiketi ve aynı şekilde biraz daha farklı davranıyor.

143
00:11:24,830 --> 00:11:26,130
Onu eklediğimizde.

144
00:11:26,270 --> 00:11:30,650
Dolayısıyla bunu bir an önce atlatacağımızı göreceğiz ve sonra düğmemizi biçimlendireceğiz.

145
00:11:30,650 --> 00:11:32,540
Şimdi sahip olduğumuz şeylere bir göz atalım.

146
00:11:32,740 --> 00:11:36,610
Düğme biraz daha güzel bir tasarıma sahip olmak dışında oldukça iyi görünüyor.

147
00:11:36,790 --> 00:11:43,670
Ve anlamsal UI'yı çekip düğmeye gidersem, önyükleme desteğindekinden daha fazla semantik düğme vardır.

148
00:11:43,910 --> 00:11:51,780
Çok farklı tipler var, aynı zamanda çok sayıda renkte temel düğmeler ve daha sonra ters düğmeler de var.

149
00:11:52,310 --> 00:12:00,680
Dolayısıyla bunlardan birini seçin ve en sevdiğinizle giderseniz mor mor yapalım ve kaynak koda bir

150
00:12:00,680 --> 00:12:04,890
göz atarsanız, ihtiyacınız olan şey sınıfa eşit olur.

151
00:12:05,250 --> 00:12:07,950
Renkli basit düğme.

152
00:12:08,480 --> 00:12:12,780
Bunu yaparken bunun neden anlamsal UI olarak adlandırıldığını açıklayacağım.

153
00:12:12,920 --> 00:12:21,910
Ve asıl sebep, örneğin bootstrap'tan farklı olarak, bu tür garip jargonu ETN ETN çizgi LGBT'ye

154
00:12:21,910 --> 00:12:28,880
ve çizgi varsayılana sahip olduğumuz, örneğin bootstrap'ı gerçekten çalıp atmadığı ancak

155
00:12:28,880 --> 00:12:40,470
sematicin yaratılmasının nedeni bu tür biçimlendirmeye tepki vermenin olduğu yerde olduğu yerdir biz UI temel düğmesini ihlal olabilir veya

156
00:12:41,150 --> 00:12:44,590
UI Violet ters düğmesini yapabilirsiniz.

157
00:12:45,050 --> 00:12:46,820
Şu an için basit temel iyi.

158
00:12:47,060 --> 00:12:48,050
Ve gereken tek şey bu.

159
00:12:48,050 --> 00:12:49,630
Çok basit.

160
00:12:49,760 --> 00:12:51,530
Daha az karakter olması değil.

161
00:12:51,560 --> 00:12:52,840
Kısa olmak değil.

162
00:12:53,030 --> 00:12:58,340
Nereye kolayca bakacağınıza ve bunun ne anlama geldiğini anlamak anlamlılıkla ilgilidir.

163
00:12:58,340 --> 00:13:01,420
Şimdi dönüp yenilersek.

164
00:13:01,690 --> 00:13:06,900
Bu düğmeye sahibim ve büyük yapmak istiyorsanız bu gerçekten kolay.

165
00:13:06,930 --> 00:13:09,050
Tek yapmam gereken büyük yazmaktır.

166
00:13:09,050 --> 00:13:16,910
Bu yüzden BT yapmak zorunda değilim ve Elgie'yi sadece yenilemekle yetinmeyelim ve daha büyük bir düğme alıyoruz ve hepsi bu kadar.

167
00:13:16,910 --> 00:13:18,740
Bu yüzden tekrar deneyelim.

168
00:13:18,740 --> 00:13:26,770
Yani aynı cesur tartışmayı kullanıyorum, buna yeni köpek derim.

169
00:13:27,980 --> 00:13:32,350
Daha fazla blog Contac submit ve işe yarıyor.

170
00:13:32,420 --> 00:13:33,110
Harika.

171
00:13:33,110 --> 00:13:38,240
Tamam, bu yüzden Yeni'yi kapattık ve yarattığım endeksi kapattık ve sana biraz semantik

172
00:13:38,240 --> 00:13:41,480
gösterdik Bir sonraki videoda formları ve düğmeleri alabilirsin.

173
00:13:41,510 --> 00:13:42,650
Gösteri sayfasında çalışacağız