1
00:00:00,390 --> 00:00:06,210
Bu birime hoş geldiniz, sana jumbotron ve önyükleme biçimlerini ve girdilerini içeren birkaç

2
00:00:06,210 --> 00:00:07,420
başka bileşeni göstereceğim.

3
00:00:07,530 --> 00:00:12,120
Ancak bunu yapmadan önce, bootstrap gibi yeni araçlar öğrenirken gerçekten önemli olan bir

4
00:00:12,120 --> 00:00:14,520
şeyle ilgilenmek için biraz zaman ayırmak istiyorum.

5
00:00:14,760 --> 00:00:19,620
İnsanları web geliştiricileri haline getirme eğitimi deneyimimde, bir önyüklemenin öğrencilerin

6
00:00:19,620 --> 00:00:25,230
bazılarının huzursuz olmaya başladıkları ilk yerlerden biridir ve yaptıklarını bilmiyor gibi hissediyorlar

7
00:00:25,230 --> 00:00:29,820
ve o zaman aniden bir başkası tarafından başvurumuza yazılmış bir

8
00:00:29,820 --> 00:00:31,200
sürü kod içeriliyoruz.

9
00:00:31,200 --> 00:00:36,810
Ancak burada dokümanlara bakarsanız çok uzun sürdükleri için kapsamlıdır, ancak bunlar çok

10
00:00:36,810 --> 00:00:42,810
işe yarıyor ve bunu her şeyi anlamak için okumanız gereken bir kılavuz olarak

11
00:00:42,810 --> 00:00:43,550
değil.

12
00:00:43,560 --> 00:00:47,980
Bu önyükleme kullanmadan önce bitirmek zorunda olduğunuz konusunda yol gösterici bir şey değildir.

13
00:00:48,300 --> 00:00:53,790
Bir referanstır, eğer bir forma ihtiyacınız varsa, tabloya ihtiyacınız varsa form bölümüne bakarsınız.

14
00:00:53,850 --> 00:00:56,780
Bir nav çubuğuna ihtiyacınız varsa tablo bölümüne basarsınız.

15
00:00:56,850 --> 00:01:01,920
burada, tek tek kod bitlerini referans alarak kendi kod parçalarını kopyalamak örnekleri

16
00:01:02,100 --> 00:01:08,310
okumaya yönelik bazı gösterimleri kontrol etmeye başlamıştır. Önceden açılmış olarak kullandım. Bu noktada yıl.

17
00:01:08,310 --> 00:01:12,810
NFR bölümüne bakarsınız, ancak dokümanlara onları kullanacağınızmış gibi davranmanız önemlidir;

18
00:01:12,930 --> 00:01:14,630
Ve çoğu için oldukça iyi hissediyorum.

19
00:01:14,760 --> 00:01:18,220
Ancak, önyüklemeyle ilgili herhangi bir şey üzerinde çalışırken dokümanları açık bırakıyorum.

20
00:01:18,330 --> 00:01:24,450
Bu derste, bir web geliştiricisinin nasıl olacağı hakkında konuştuğum ilk videolardan birinde,

21
00:01:24,450 --> 00:01:26,900
örnekleri sürekli olarak referans gösteriyorum.

22
00:01:27,060 --> 00:01:32,490
Ezberlemede ve bilginin her bir parçasını bilmede bir uzman olmuyorsunuz.

23
00:01:32,730 --> 00:01:33,960
Evet, şeyleri bilmelisin.

24
00:01:33,960 --> 00:01:38,700
Evet, bazı şeyleri anlamalı ve ezberlemelisiniz, ancak bir uzman ya da ezberleşmeyeceksiniz.

25
00:01:39,210 --> 00:01:41,990
Bilgiye erişme konusunda uzmanlaşıyorsunuz.

26
00:01:42,120 --> 00:01:48,180
Ve ezberleyeceğiniz bazı bilgilerin yanı sıra birçoğunun dokümantasyonunda veya örnek

27
00:01:48,450 --> 00:01:52,410
videolar kitaplarında her türlü kaynağa çevrimiçi olacak.

28
00:01:52,410 --> 00:01:54,350
Pekâlâ, bütün konuşmaları özetlemek için.

29
00:01:54,450 --> 00:01:58,890
Temel olarak, yalnızca evet önyükleme yapmak için bir sürü şey olduğunu ve bunun yüzde 20'sini 30 oranında

30
00:01:58,920 --> 00:02:01,430
göreceğinizi aklında tutmanızı istiyorum ve orada çok daha fazlası var.

31
00:02:01,440 --> 00:02:03,210
Ancak buna korkmayın.

32
00:02:03,240 --> 00:02:07,110
yapacağınızı göstermediğim bir şey yapmanız gerekiyorsa dokümanlara rahatlıkla erişmeniz gerekir.

33
00:02:07,110 --> 00:02:07,800
Size nasıl

34
00:02:07,860 --> 00:02:09,480
Dokümanları açın ve arayın.

35
00:02:09,600 --> 00:02:13,760
Ve önyüklemeli dotcom'u almaya ilişkin harika örnekler ve açıklamalar daima vardır.

36
00:02:14,120 --> 00:02:19,130
Tamam, bu yüzden önemli unsurlardan bazıları hakkında konuşmaya

37
00:02:19,140 --> 00:02:22,110
devam edelim ve Jumbotron'u göstereceğim.

38
00:02:22,500 --> 00:02:28,170
Resmi dokümanlara göre bir Jumbotron, isteğe bağlı olarak sitenizdeki önemli içeriği sergilemek için isteğe bağlı

39
00:02:28,170 --> 00:02:31,680
olarak tüm görünüm alanını genişleten hafif, esnek bir bileşendir.

40
00:02:31,680 --> 00:02:37,670
Burada bir örneğini burada görebilir ve bir Jumbotron kullanmak istiyorsanız gerçekten çok kolay.

41
00:02:37,680 --> 00:02:43,680
Tek yapmamız gereken div sınıfı jumbotron yazmak ve sonra içine koyduğumuz her şey Jumbotron'un

42
00:02:43,680 --> 00:02:44,750
bir parçası olacak.

43
00:02:44,970 --> 00:02:46,680
Haydi deneyelim.

44
00:02:47,190 --> 00:02:58,940
Aşağıdaki düğmeleri, Jumbotron jumbo tron ​​sınıfına sahip bir div olacak düğmeler olacak ve orada bir

45
00:02:59,370 --> 00:03:09,630
H1 yaparsanız veya H-1, bunun bir jumbotron olduğunu ve oradaki gibi bir düğme

46
00:03:09,630 --> 00:03:17,300
ekleyeceğini söyleyelim paragrafımıza bir paragraf eklemek de jibber olacaktır.

47
00:03:17,790 --> 00:03:19,420
Şu an için yeterince iyi.

48
00:03:20,310 --> 00:03:21,060
olacak.

49
00:03:24,330 --> 00:03:28,460
Ve bir düğme ve düğmesi sadece selam orada

50
00:03:28,800 --> 00:03:29,250
TAMAM.

51
00:03:29,250 --> 00:03:31,830
Ve sonra bir düğme birkaç seçeneğe sahibiz.

52
00:03:31,980 --> 00:03:39,680
Bir düğme başarısı yapacağız ve onu büyük kılacak ve tasarruf edeceğim.

53
00:03:39,940 --> 00:03:41,620
Şimdi neye sahip olduğumuza bir göz atalım.

54
00:03:41,790 --> 00:03:47,400
Ve tarayıcı pencerenizin tüm genişliğini kapladığını görebileceğiniz bir Jumbotron var ve bu genellikle

55
00:03:47,400 --> 00:03:48,740
bizim istediğimiz değil.

56
00:03:49,050 --> 00:03:54,840
ne oluyor JumboTron, içindeki konteynerin yüzde 100'ünü almak üzere kurulmuş olması.

57
00:03:54,840 --> 00:03:55,510
Ve

58
00:03:55,640 --> 00:03:57,740
Bu durumda hiçbir şeyin dışında değil.

59
00:03:57,900 --> 00:04:02,550
Ancak kısa bir süre size grid sistemini ve önyüklemeyi göstereceğim ve merkezileştirilmesini ve

60
00:04:02,550 --> 00:04:07,620
ekranın üçte birini almasını isterseniz bunun ekranın ne kadarını almasını istediğinizi tam olarak kontrol edebilelim.

61
00:04:07,650 --> 00:04:12,180
Ekranın üçte ikisi ekranın dörtte biri kadar bootstrap ızgara sistemini kullanarak

62
00:04:12,180 --> 00:04:14,150
yapabileceğimiz tüm farklı seçeneklere sahibiz.

63
00:04:14,310 --> 00:04:21,480
Şimdilik sınıfa konteynerle eşit olan ve hangi kabın yapacağı bir div olan yapamayacağımız başka

64
00:04:23,600 --> 00:04:25,140
bir öğe göstereceğim.

65
00:04:25,140 --> 00:04:31,800
Sadece div sınıfı konteynırların içine malzeme koyarsak, biraz boşluk bırakır ve etrafına dolgu verir

66
00:04:31,800 --> 00:04:32,950
ve nesneleri merkezleştirir.

67
00:04:33,360 --> 00:04:35,130
Böylece konteyner görebildiğiniz

68
00:04:38,550 --> 00:04:46,750
tüm bu alanı kapladığını inceliyor ancak bunun üzerinde bir miktar marj var.

69
00:04:46,750 --> 00:04:50,860
Konuşmadığımız ızgara sistemini kullanmak zorunda kalmadan hızlı bir gelişme

70
00:04:50,860 --> 00:04:55,990
istiyorsanız, div sınıfı konteyner ekleyebilir ve şimdi bu güzel görünüşlü Jumbotron'u alıyoruz.

71
00:04:55,990 --> 00:05:01,720
Ve eğer bu kodu zaten kaplara koyduk ama

72
00:05:01,720 --> 00:05:03,230
Jumbotron'a koymayacağız.

73
00:05:03,310 --> 00:05:07,890
Söz konusu konteynerden hala etkilenmiş olduğunu göreceksiniz.

74
00:05:08,020 --> 00:05:15,640
Jumbotron'un dışında, ancak konteynırın içinde saklamak ve yenilemek, konteynırın içinde olduğunu da görüyor ve

75
00:05:15,640 --> 00:05:18,120
bunu görsel olarak yansıtıyor.

76
00:05:18,400 --> 00:05:22,320
Tamam, bileşenlere ve bir sonraki sana göstereceğim şeylere geri dönelim.

77
00:05:22,330 --> 00:05:23,950
Biz en üste gidiyoruz.

78
00:05:24,280 --> 00:05:28,760
Değerlendirmeyi görmeye gitmeliyiz, formları ve bunların nasıl çalıştığını göstereceğim.

79
00:05:28,990 --> 00:05:33,030
Böylece formları tıklarsınız ve epeyce farklı türde ve farklı örnekler var.

80
00:05:33,070 --> 00:05:35,710
Ve ben bir şey yazmadan önce önce tarayacağım.

81
00:05:35,980 --> 00:05:39,910
İşte bir önyükleme biçimi için temel bir örnek.

82
00:05:39,910 --> 00:05:42,540
Oluşturan pazarı görebilirsiniz.

83
00:05:42,760 --> 00:05:49,930
Ardından, satır içi form olarak bilinen olanı kullanırız ve satır içi formun başka bir türüne ve farklı

84
00:05:49,930 --> 00:05:55,320
girdi türlerine ve başka bir form türüne sahip olduğumuz başka bir biçime sahibiz.

85
00:05:55,480 --> 00:05:59,140
Ve şimdi, tüm farklı form türleri hakkındaki bu konuşmalar, desteklenen

86
00:05:59,140 --> 00:06:00,420
farklı girdi türlerini denetler.

87
00:06:00,430 --> 00:06:03,280
Yani şu renklerin hepsi.

88
00:06:03,310 --> 00:06:13,450
bırakılmış radyo düğmeleri satır içi onay kutuları satır içi radyo düğmeleri açılır menüleri devam etmeyi seçer.

89
00:06:13,450 --> 00:06:24,940
E-posta numarası hafta içi saat ve benzeri metin alanları farklı onay kutuları devre dışı bırak onay kutuları devre dışı

90
00:06:24,970 --> 00:06:26,780
Diğer forum durumlarımız var.

91
00:06:26,780 --> 00:06:28,370
Odak noktamız var.

92
00:06:28,470 --> 00:06:30,910
Bu mavinin çevresinde vurgulamayı görebilirsiniz.

93
00:06:31,060 --> 00:06:34,420
Bu varsayılan önyükleme odak stilidir.

94
00:06:34,420 --> 00:06:43,750
Engellilere ekleyerek girdileri de devre dışı bırakabiliriz ve yapabileceğimiz başka şeyler de var, ancak

95
00:06:43,780 --> 00:06:49,780
yedeklemeye devam edip temel örneklemeye odaklanacağız ve bu formun

96
00:06:50,200 --> 00:06:54,610
tamamını kopyalayarak başlayacağız. bittikten sonra biraz inceleyelim.

97
00:06:54,610 --> 00:06:59,200
O halde buraya dönelim ve biz de bu formu her şeyden sonra ekleyelim.

98
00:06:59,200 --> 00:07:01,420
Ama kap içinde yapacağım.

99
00:07:01,420 --> 00:07:03,290
Bu tam ekrana bir dakika izin vereyim.

100
00:07:03,340 --> 00:07:08,580
Formumuz var ve bu formun içinde biraz içerik var.

101
00:07:08,590 --> 00:07:11,900
Tarayıcıya geri dönelim ve neye benzediğine bir göz atalım.

102
00:07:12,460 --> 00:07:17,170
Muhtemelen fark edeceğiniz ilk şey, formumuzun bu konteynerin her tarafına geçmesidir.

103
00:07:17,230 --> 00:07:21,060
Bunun yüzde 100'ünü alıyor ve bunu kontrol edebileceğimiz bir şey.

104
00:07:21,100 --> 00:07:27,360
önyükleme ızgaraları sisteminden bahsedip, bu yolun yüzde 50'sine gitmesi gerektiğini kolayca söyleyebiliyoruz.

105
00:07:27,380 --> 00:07:28,470
Bir zamanlar

106
00:07:28,480 --> 00:07:32,920
Bu, önyükleme ızgara sisteminden bahsedecek birşey veya biz henüz orda değiliz, kolayca

107
00:07:32,920 --> 00:07:34,090
değiştirebileceğimiz bir şey.

108
00:07:34,120 --> 00:07:35,510
Bu yüzden sadece onunla gideceğiz.

109
00:07:35,530 --> 00:07:37,080
Şimdilik yüzde 100 kadar sürüyor.

110
00:07:37,120 --> 00:07:39,670
Bu devasa garip bir forum arıyor, ancak sorun yok.

111
00:07:39,820 --> 00:07:41,320
Nasıl olduğuna bayılıyoruz.

112
00:07:41,470 --> 00:07:45,290
Bu nedenle yüce saymaya geri dönüp bir kerede bu parçayı keselim.

113
00:07:45,550 --> 00:07:48,730
Bu forum etiketinin içinde bir forum etiketi var.

114
00:07:48,910 --> 00:07:54,880
Bir div sınıfı form grubu vardır ve önyükleme belgelerine geri dönüp form grubunu

115
00:07:54,880 --> 00:08:01,840
ararsanız bunun ne hakkında daha fazla bilgi edinmek isterseniz, rap grubu etiketlerini ve kontrollerini optimum

116
00:08:01,840 --> 00:08:04,010
aralık için form grubunda görebilirsiniz.

117
00:08:04,300 --> 00:08:11,140
Dolayısıyla, bu form grubunun sınıf formundan kurtulursak ve birincisi ve ikisi arasında

118
00:08:11,140 --> 00:08:13,800
yaparsak, sonuçta ne olduğunu göreceksin.

119
00:08:13,870 --> 00:08:21,520
Kaydedip yenileyeceğim, boşlukların bu girdiler arasında nasıl değiştiğini görüyorsun.

120
00:08:22,150 --> 00:08:27,040
gerçekten bir girdiniz olduğu yerde nasıl kullandığınız ve etiketin birlikte gruplandırılmasını istiyorsanız oluşur.

121
00:08:27,250 --> 00:08:30,640
Bu yüzden geri dönüp form grubunu ekleyebiliriz ve bu

122
00:08:30,940 --> 00:08:35,320
Dikkat edin, burada biraz boşluk eklenir.

123
00:08:35,320 --> 00:08:40,330
Burada sadece bu ikisini birlikte görsel olarak gruplayan biraz boşluk ekliyor ve ardından Grip'in bunları

124
00:08:40,330 --> 00:08:43,660
görsel olarak bir araya getirdiği gibi burada bunlar da burada.

125
00:08:43,660 --> 00:08:45,390
Bu da form grubu.

126
00:08:46,000 --> 00:08:47,860
Sonra etiketler normaldir.

127
00:08:47,860 --> 00:08:54,610
Hiçbir Boucek sınıfını etiketlemek için fantezi bir şey eklemek zorunda değiliz, ancak girdi sınıf form kontrolü içeriyor.

128
00:08:55,300 --> 00:08:57,470
Öyleyse, ondan kurtulduğumda neler olacağını görelim.

129
00:08:57,700 --> 00:09:03,670
Bu yüzden sadece birincisinde yapacağım ve e-posta girdisini koyup geri dönüp yenileyeyim.

130
00:09:03,670 --> 00:09:08,590
Bunun tamamen normal bir varsayılan tarayıcı girdisine dönüştüğünü unutmayın.

131
00:09:08,590 --> 00:09:10,050
Yani yuvarlak köşeler elde etmiyorsunuz.

132
00:09:10,060 --> 00:09:12,800
Aynı doldurma ve boşlukları alamıyoruz.

133
00:09:13,000 --> 00:09:18,010
Ayrıca tıkladığımızda aynı odak efekti elde etmiyoruz, çünkü mavi bir çizgi elde edersek, ancak bunun dışında

134
00:09:18,010 --> 00:09:19,010
bir farklılık gösterir.

135
00:09:19,180 --> 00:09:23,860
görsel değişiklikler ama aslında grid sistemiyle çalıştıklarında göreceğiniz bazı önemli farklılıklar

136
00:09:23,860 --> 00:09:28,750
ve bunların davranışları ve diğerleriyle etkileşim kurma biçimi var. elementler.

137
00:09:28,750 --> 00:09:33,430
Önyükleme anahattı biraz daha ince ve bunlar sadece ikisi arasındaki hemen

138
00:09:33,620 --> 00:09:36,170
Geri dönüp form kontrolü tekrar ekleyecektir.

139
00:09:36,400 --> 00:09:45,880
Gerçekten, damılamak isteseydik burada her şey kaynar ve grup ve şekil kontrolü oluşturur.

140
00:09:46,150 --> 00:09:49,840
Bu iki sınıf, şeylerin güzel görünmesi için gerçekten sorumludur.

141
00:09:49,840 --> 00:09:55,680
Şimdi bu paragraf sınıf yardım bloğu var ve bundan ne elde ettiğimize bir göz atalım.

142
00:09:55,690 --> 00:10:01,910
ile ilgili bazı şeyler hakkında sadece küçük bir ipucu veren bu metin burada normal bir Pucelle düğmesi

143
00:10:01,910 --> 00:10:07,680
olan ya da a ile b arasında eğilimli olan düğmemiz var. düşer ve daha büyük ya

144
00:10:08,120 --> 00:10:13,570
da daha küçük hale getirebiliriz ekstra küçük herhangi bir diğer düğme gibi rengi değiştiririz.

145
00:10:13,570 --> 00:10:16,080
Formunuzun bir kısmı ve sınıf yardım bloğu

146
00:10:16,090 --> 00:10:21,910
Böylece, bunun, Lego'ya bir jumbotrona ekleyebileceğimiz bir düğmesi olduğumuz Legos'a biraz

147
00:10:21,910 --> 00:10:23,270
benzediğini zaten görebilirsiniz.

148
00:10:23,320 --> 00:10:27,360
Ayrıca kendi başınıza ekleyebiliriz veya bir form yerine ekleyebiliriz.

149
00:10:27,430 --> 00:10:31,840
Bu, uygulamanızın farklı bölümlerine ekleyebileceğimiz küçük bir tak ve çalıştır bileşenidir.

150
00:10:32,500 --> 00:10:36,990
Şimdi geri dönelim ve satır içi form olan başka bir form türünü inceleyelim.

151
00:10:37,450 --> 00:10:39,120
Bu biraz farklı görünüyor.

152
00:10:39,340 --> 00:10:44,800
formunda bir açıklama ekleyelim ve işleri düzgün biçimde girelim.

153
00:10:46,020 --> 00:10:53,860
Bu kodu yalnızca kopyalayıp, farklılıklara bir göz atarsak, ilk formdan ayrılıp satır

154
00:10:54,880 --> 00:10:56,200
İyi görünüyor.

155
00:10:56,200 --> 00:10:58,360
Her şeyin aynı olduğuna dikkat edin.

156
00:10:58,360 --> 00:11:04,290
Form grubumuzdaki girdiler üzerinde halen bir form kontrolü var, ancak büyük bir fark var.

157
00:11:04,360 --> 00:11:09,070
Her şey bir formun içindeyken sınıf formuyla aynı satıra sahiptir.

158
00:11:09,490 --> 00:11:11,550
Şimdi sana başlangıç ​​neye benzediğini göstereceğim.

159
00:11:11,640 --> 00:11:15,450
Geri dönersek bize bu güzel çizgi formunu verir.

160
00:11:15,850 --> 00:11:24,870
Ve bundan kurtulup kurtardığım anda artık burada olduğumuz gibi düzenli bir forma dönüyor.

161
00:11:25,210 --> 00:11:29,330
Bu yüzden sadece bir sınıfda onu kontrol edecek tüm stiller bulunur.

162
00:11:29,470 --> 00:11:31,340
Dolayısıyla onu Form satırında tutacağız.

163
00:11:31,540 --> 00:11:34,270
Ve yine boşluk ideal değil.

164
00:11:34,270 --> 00:11:37,130
Izgara sistemi hakkında konuştuğumuzda bu giderilecektir.

165
00:11:37,150 --> 00:11:40,090
Önyükleme strap formları hakkında daha fazla şey konuşabilirdik.

166
00:11:40,090 --> 00:11:46,060
Muhtemelen 30 45 dakikalık bir konferans verebiliriz sadece karmaşık formlar oluşturmak için önyükleme yaparak bu

167
00:11:46,060 --> 00:11:51,640
farklı parçaların ve farklı şeylerin tümünü öğrenebiliriz ve farklı şeyler ile çalışabileceğimiz her çeşit

168
00:11:51,970 --> 00:11:53,750
stilleri özel boyutlandırma doğrulamaları yapabiliriz.

169
00:11:53,830 --> 00:11:55,120
Ama bunu yapmayacağım.

170
00:11:55,210 --> 00:11:56,880
Önemli temel bilgileri aldık.

171
00:11:56,940 --> 00:12:01,540
Boucek formlarının bir çeşit ekmek ve tereyağı çeşidi olan iki tür form var,

172
00:12:01,600 --> 00:12:07,150
bunlar temel düzenli formumuz ve daha sonra bir satıriçi formumuz var ve formların etrafında kullandığımız

173
00:12:07,150 --> 00:12:09,730
önyükleme farklı yönlerinde birkaç başka özellik olacak.

174
00:12:09,910 --> 00:12:14,680
Ancak şu an zaman harcamak yerine, PRICHEP formlarının tüm ayrıntılarını ve

175
00:12:14,680 --> 00:12:19,540
ayrıntılarını süpürmektense, aslında bootstrap kullanırken onlara ihtiyacım olduğunda bu küçük parçalara

176
00:12:19,540 --> 00:12:20,310
atacağım.

177
00:12:20,530 --> 00:12:27,280
Dolayısıyla, formlar hakkında iki paketler, gerçekten önemli form kontrolü ve form olan grup olacak. Form

178
00:12:27,280 --> 00:12:33,480
kontrolü, girdileri bootstrap rafine edilmiş form grubu sadece güzel bir boşluk ekleyerek yapar.

179
00:12:33,550 --> 00:12:40,660
Yani her ne koyarsanız yapın, bir form grubunun biraz boşluk kazandığını ve daha sonra tek satırlık bir çizgiyle çizgi oluşturduğunu söyledi.

180
00:12:40,960 --> 00:12:44,160
Bir formu sarmalarsanız, formun tamamı sıraya girer.

181
00:12:44,520 --> 00:12:46,570
Sonra da Jumbotron hakkında konuştuk.

182
00:12:46,900 --> 00:12:50,020
Çok basit sınıf Jumbotron'a eşittir.

183
00:12:50,110 --> 00:12:51,650
Böylece bir akran görüyorsunuz.

184
00:12:51,970 --> 00:12:54,230
Ve sonra her şeyi bir kabın içine koyduk.

185
00:12:54,460 --> 00:12:59,140
Ve ne olduğunu göstermek için o konteynırdan kurtulursak.

186
00:12:59,880 --> 00:13:04,950
Bu boşluğu güzel kenar boşluğunun ortadan kalktığı şekilde yenileyin.

187
00:13:05,200 --> 00:13:11,500
Bu nedenle, konteynırlar, uygulamanızda biraz hızlı boşluk elde etmek için işleri güzelce görünmesini sağlar.

188
00:13:12,140 --> 00:13:17,620
Tamam, bu yüzden bu videoyu bitirmeden önce 10 saniye geçireceğim, size bir düğüm noktası ve express ve

189
00:13:17,620 --> 00:13:23,680
Mongo ile mongoose ve bir grup teknoloji kullanarak bağlanmış bir arka uç veritabanına sahip bir uygulama oluşturacağımızı gösteren

190
00:13:23,680 --> 00:13:28,780
bir site gösteren bir site göstereceğim ve kullandığımız Arabirimi prototip olarak hazırlamak için önyükleme yaparak oldukça

191
00:13:28,780 --> 00:13:33,160
hızlı bir şekilde oldukça iyi görünmesini sağlayın ve burada bir Jumbotron bulunduğunu görebilirsiniz.

192
00:13:33,160 --> 00:13:37,820
Daha sonra açıklayacağımız ızgara sistemini kullandığımız düğmelerden bazılarını kullanıyoruz.

193
00:13:37,960 --> 00:13:40,950
Ve sonra giriş yaparsam bir formumuz olduğunu görebilirim.

194
00:13:41,260 --> 00:13:46,360
Dolayısıyla bunlar, ekranın tüm genişliğini almamak için ızgara sistemini kullanarak stil

195
00:13:46,360 --> 00:13:47,610
oluşturduğum form kontrolleridir.

196
00:13:47,680 --> 00:13:50,070
Aksine, bu küçük orta bölümü kaplar.

197
00:13:50,170 --> 00:13:52,700
Bu yüzden, ızgaralı sistem hakkında konuştuğumuz zaman göreceğiz.

198
00:13:52,950 --> 00:13:57,490
Ancak sana sadece bunun gerçek bir uygulama olduğunu ve bunun prototipi hazırlamamıza ve çabucak iyi görünmesine

199
00:13:57,610 --> 00:14:00,460
yardımcı olması için önyüklemeyi kullanacağımız bir şey olduğunu göstermek istiyorum