WEBVTT

00:00:00.200 --> 00:00:04.200
[Aşağıda yer alan tercüme Bing Translator tarafından sağlanmıştır]


00:00:09.100 --> 00:00:13.700
Selam, benim adım Pranav Rastogi olduğunu ve Microsoft ASP.NET takım için çalışırım.

00:00:14.440 --> 00:00:20.290
Bugün ben yeni ASP.NET gösterilmesi
Visual Studio 2013 şablonları.

00:00:21.040 --> 00:00:24.710
Daha fazla ve daha fazla kişi göz gibi
kendi Web siteleri aracılığıyla telefonları

00:00:24.760 --> 00:00:28.600
tabletler ve farklı aygıtlara olduğunu
web geliştiriciler için daha önemli

00:00:28.650 --> 00:00:31.740
Hedef siteleri oluşturmak için
farklı bir form faktörleri.

00:00:32.410 --> 00:00:35.530
Şablonları içinde biz başlamış olması
olarak adlandırılan bir çerçeve kullanmak için

00:00:35.580 --> 00:00:38.260
Çok büyük bir gelişme olan önyükleme
deneyimi için

00:00:38.310 --> 00:00:41.110
Biz geçmişte görsel sevk edildi
Studio serbest bırakır.

00:00:42.050 --> 00:00:44.860
Önyükleme gerçekten kolay hale getirir
için Web siteleri oluşturmak için

00:00:44.910 --> 00:00:49.340
farklı form faktörleri, hedef ve
Bu Tanıtım videosunu biz göreceksiniz.

00:00:49.390 --> 00:00:53.990
sadece nasıl şablonları bkz
Önyükleme kullanın ve ayarlanmış bir

00:00:54.040 --> 00:00:57.190
Siz yapı projesi,
uygulamaları. Bu nedenle yapacağım

00:00:57.240 --> 00:01:01.210
Bootstrap tümleştirme gösterilmesi
ASP.NET şablonları

00:01:01.260 --> 00:01:03.380
Visual Studio 2013.

00:01:03.900 --> 00:01:08.040
Web geliştiricileri de bilerek gibi
Şimdi daha da fazla kişi

00:01:08.090 --> 00:01:11.430
Web siteleri aracılığıyla erişme
bunların farklı aygıtlar.

00:01:11.480 --> 00:01:14.240
Aracılığıyla eriştiğiniz kendi
telefonlar, kendi tabletler aracılığıyla

00:01:14.590 --> 00:01:19.250
kendi PC aracılığıyla yoluyla kendi
böylece onu olma phablets çok

00:01:19.300 --> 00:01:22.760
bir web Geliştirici daha önemli
Tüm bunlar hedef yapabilmek için

00:01:22.810 --> 00:01:25.790
tüm farklı form faktörleri
Bu farklı aygıtlar.

00:01:26.520 --> 00:01:31.390
Ve tür ilerledikçe
Mobil web geliştirme olur

00:01:31.440 --> 00:01:35.180
kritik bir parçası geliştirme
İş akışı. Ve bu

00:01:35.730 --> 00:01:38.430
Bu tür uygulamaları yazma
Sabit olmuştur. Siz vardı

00:01:38.480 --> 00:01:43.810
Özel CSS yazmak için. Zorunda kaldı
çok fazla mantık getirin

00:01:43.860 --> 00:01:46.650
Uygulamanızın hangi
Kullanıcı Arabirimi mantığını dayanır.

00:01:47.270 --> 00:01:51.030
Bu nedenle ne biz görsel yapmış olduğunuz
Studio 2013 zaman dilimi için

00:01:51.080 --> 00:01:55.920
tüm ASP.NET web geliştiricileri
Bizim varsayılan şablonları

00:01:55.970 --> 00:01:58.210
Şimdi önyükleme üzerinde temel.

00:01:58.730 --> 00:02:03.940
Bu nedenle bir CSS çerçeve önyükleme olduğu
hangi tür kolaylaştırır

00:02:03.990 --> 00:02:05.480
web geliştirme için.

00:02:06.210 --> 00:02:08.960
Tüm sýradan hakkında düşünüyorsanız, bunu
sahip olduğunuz görevleri

00:02:09.010 --> 00:02:12.540
web geliştiricilerinin stil ekleme gibi olarak yapın
Tablo stil ekleme bir resim,

00:02:12.590 --> 00:02:16.420
dikkat ederek ve formlar stil ekleme
Tüm bu stilleri arayın ve

00:02:16.470 --> 00:02:20.560
aynı farklı tarayıcılarda düşünüyorsanız,
farklı aygıtlar arasında.

00:02:20.610 --> 00:02:23.520
Kod çok sizin
yazmanız gerekir. Şimdi ile

00:02:23.570 --> 00:02:27.880
Önyükleme giriş sahiptir
daha kolay, Web siteleri oluşturmak için

00:02:27.930 --> 00:02:32.810
alan bu tür bir çerçeve üzerinde
dikkat, tüm bu sorunları

00:02:32.860 --> 00:02:37.180
sizin için. Bunu, Visual Studio 2013
tüm ASP.NET şablonları

00:02:37.230 --> 00:02:42.630
LIKE MVC için Web formlarına, Spar uygulamaları,
Web API uygulamaları;

00:02:43.120 --> 00:02:45.810
Tüm bizim şablonları artık bağlı
Önyükleme üzerinde böylece zaman

00:02:45.860 --> 00:02:48.990
uygulama oluşturma ve ne zaman
ile Başlarken, biz gerekir

00:02:49.040 --> 00:02:52.580
tür bir en iyileştirilmiş doğru yol
hangi olacak deneyimi

00:02:52.630 --> 00:02:55.820
uygulamalar geliştirmelerine yardımcı olmak,
farklı aygıtlar hedefleyebilirsiniz.

00:02:56.890 --> 00:02:59.150
Bu nedenle önyükleme gerçekten nedir?

00:02:59.890 --> 00:03:05.840
Bootstrap temel olarak bir CSS yapıdır
sayesinde geliştirme web.

00:03:05.890 --> 00:03:09.050
Önyükleme yapar böylece
daha önemli web bölümleri

00:03:09.100 --> 00:03:11.310
alan geliştirme. Hızlı yanıt verir.

00:03:11.890 --> 00:03:17.370
Mobil ilk yaklaşım vardır. Sahiptir
ön uç olarak metro bir tasarım

00:03:18.220 --> 00:03:21.990
Bu nedenle bu kez geliştirme deneyimi,
Web uygulamalarý oluþturmaya Baþlamak

00:03:22.040 --> 00:03:23.600
Tüm bu faydaları alın.

00:03:24.510 --> 00:03:27.330
Ve ben söylemek oldukça gurur sanırım
yararlı şeylerden birinin

00:03:27.380 --> 00:03:29.880
ile önyükleme yaptıktan
vs biz tümleştirmedir

00:03:29.930 --> 00:03:34.500
Önyükleme 3 ile tümleşik hale
Visual Studio 2013 RTM.

00:03:34.550 --> 00:03:38.830
Ve önyükleme 3 çok büyük bir gelişme
üzerinden Bootstrap 2 çünkü

00:03:38.880 --> 00:03:42.780
Mobil Geliştirme ön getirdi
ve merkezi. Optimize edilmiştir

00:03:42.830 --> 00:03:46.460
Mobil ilk için. Ve başlayın
küçük bir aygıtı ve ardından

00:03:46.510 --> 00:03:51.500
Ölçek yukarı ve site, sıralama
çok iyi bu platformda ölçeklendirir.

00:03:52.270 --> 00:03:55.280
Bu nedenle önemli özelliklerinden biri
Biz sıralama gibi bu sürümüdür

00:03:55.330 --> 00:03:57.910
en son ve en büyük verin
Web'de olmuyor

00:03:57.960 --> 00:04:01.030
Böylece başlattığınızda geliştirme
ile uygulama geliştirme

00:04:01.080 --> 00:04:05.320
ASP.NET Visual Studio'da başlamadan
en son bulunmaktadır.

00:04:05.370 --> 00:04:08.220
Bu nedenle ben, birkaç yolla gösterilmesi
Biz tür Tümleştirildi

00:04:08.610 --> 00:04:11.710
Bootstrap bizim şablonlarına ve
Ben size hızlı bir genel bakış vermek

00:04:11.760 --> 00:04:15.780
Bootstrap tümleştirme
böylece hızlı bir şekilde yapabilirsiniz

00:04:15.830 --> 00:04:22.380
başlayın. Herhangi bir proje oluşturursanız
ASP... Benim durumda

00:04:22.430 --> 00:04:25.160
Ben bir ASP.NET MVC uygulama oluşturdunuz.

00:04:25.810 --> 00:04:30.420
Ve ben de uygulama Başlat
tarayıcı olduğunu göreceksiniz

00:04:30.470 --> 00:04:35.310
tür bir metro tasarıma sahiptir
ona. Ve en yararlı şey

00:04:35.360 --> 00:04:39.500
Ben başlatırsanız bu uygulamasıdır hakkında
Uygulamam yeniden boyutlandırmak için

00:04:39.550 --> 00:04:46.220
tam genişlikli gitmeliyim, bu nedenle olduğunu göreceksiniz
Sitenin tamamını yer kaplar.

00:04:46.270 --> 00:04:50.080
Ancak geri kaydırma başlatırsanız,
Ne güzel işleyeceğinizi göreceksiniz tüm

00:04:50.130 --> 00:04:54.160
öğeleri Sonbahar ve ne kadar duyarlı
sitesidir. Ben inerseniz

00:04:54.210 --> 00:04:57.010
Belirli genişlik, şunları yapacaksınız:
açılan için aldığını görmek

00:04:57.060 --> 00:05:00.860
Bana verdiği benim uygulama
tüm gezinti bağlantıları.

00:05:01.580 --> 00:05:05.770
Bu nedenle tüm bu işlevselliği düşünün
Almakta olduğunuz ve

00:05:05.820 --> 00:05:09.670
Ben CSS tutarda bakarsanız,
Ben benim uygulama için yazma vardı,

00:05:10.270 --> 00:05:15.150
oldukça en az oldu. Böylece eğer ı
Benim site .cs, göreceğiniz açın

00:05:15.200 --> 00:05:20.140
Benim uygulama düzeyi CSS olduğunu
kod satırları yaklaşık 30-40

00:05:20.190 --> 00:05:23.990
doğrulama çoğunlukla olduğu
ve bazı içerik etrafında yerleştirme

00:05:24.040 --> 00:05:25.320
Benim CSS.

00:05:25.990 --> 00:05:29.370
Bu nedenle çok az CSS ile
yazmanız gerekirdi, sıralama

00:05:29.420 --> 00:05:32.830
harika bir işlevi var
kutunun dışındadır. Ve siz

00:05:33.400 --> 00:05:37.310
site ettiğiniz şeklinize en bak
Windows Store üzerinde görünüyordu

00:05:37.360 --> 00:05:42.810
Windows yüzey, gördüğünüz
siteyi yeniden oldukça snazzy arar.

00:05:42.860 --> 00:05:47.290
İyi bir görünüm var. BEN
farklı modlar tür olabilir

00:05:47.340 --> 00:05:50.200
siteye. Dikey şekilde
mod. Sizin göreceğiniz nasıl

00:05:50.250 --> 00:05:54.140
site dikkatlice düşer. Yoksa ben
Ben hala kayıt bağlantı isabet

00:05:54.190 --> 00:05:57.610
Benim doğrulama hatalarıyla
Burada. Başa Yasla.

00:05:58.460 --> 00:06:01.830
Böylece, görebilirsiniz tüm farklı
sahip olduğum Sitem modları

00:06:01.880 --> 00:06:07.490
tür görünüyor oldukça iyi de benim
Tablet. Nicest İşte bu yüzden

00:06:07.540 --> 00:06:12.880
Alma şeydir önyükleme hakkında
deneyim başladı ve nasıl

00:06:12.930 --> 00:06:16.200
hedefi farklı sıralama yapmak kolaydır
kalmadan form faktörleri

00:06:16.250 --> 00:06:22.100
fazla CSS kod yazmak için. Başka bir
önemli bir şey önyükleme hakkında

00:06:22.150 --> 00:06:26.420
Tümleştirme Bootstrap ekosistem olur.
Bu nedenle senaryoyu düşünün

00:06:26.470 --> 00:06:28.470
sizin için tema siteniz olduğunu.

00:06:29.100 --> 00:06:32.130
Ve tarihsel olarak themeing her zaman
önemli pain birini edildi

00:06:32.180 --> 00:06:33.680
web geliştiriciler için puan.

00:06:34.220 --> 00:06:37.900
Önyükleme tümleşme
başlamak oldukça kolaydır

00:06:37.950 --> 00:06:41.820
bir şablon ve tema onu. Bu nedenle
Adlı siteye gitmek

00:06:41.870 --> 00:06:46.040
Bir toplama olan Bootswatch.com
farklı temaları,

00:06:46.090 --> 00:06:49.650
Bazı ödenmiş, boş olan ve daha sonra
onları kolayca yükleyebilirsiniz

00:06:49.700 --> 00:06:54.630
uygulamanıza yerleştirirsiniz. Bu gösteride bunu
Bu tema seçmek için gidiyorum.

00:06:55.220 --> 00:06:59.450
Yalnızca karşıdan yükleme söyleyin gidiyorum
Bootstrap CSS. Şimdi Aç

00:07:00.530 --> 00:07:01.120
dosya.

00:07:02.050 --> 00:07:03.260
İçeriğini kopyalayın.

00:07:03.920 --> 00:07:07.880
Ve tür Projem için geri dönmek,
ve geçersiz kılmak için gidiyorum

00:07:07.930 --> 00:07:12.170
Bootstrap çerçevesiyle
yalnızca karşıdan tema.

00:07:12.220 --> 00:07:15.990
Ve ben Sitem Başlat yeniden,
Sitem artık olduğunu görürsünüz

00:07:16.040 --> 00:07:21.650
Görünüm yeni yeniden var
Bootswatch seçtiğim tema.

00:07:21.700 --> 00:07:26.720
Aynı mavi tema vardır,
Burada ve tüm seçtim benim

00:07:26.770 --> 00:07:30.530
bağlantılar, tüm düğmeleri Değişikliğimi değiştirme
ve ben kaydederseniz alıyorum

00:07:30.580 --> 00:07:33.370
aynı doğrulama hataları
önce alıyorum olduğunu.

00:07:33.980 --> 00:07:38.560
Bunu sağlasa da, birkaç saniye içinde
Ben temayı değiştirebilirsiniz

00:07:38.610 --> 00:07:41.550
Sitem, oldukça kolay.

00:07:42.170 --> 00:07:45.140
Bunlar, kim merak ediyor
Önyükleme içine alma

00:07:45.190 --> 00:07:51.300
Projenizi, biz tür yeniden dağıtma
NuGet paket olarak bootstrap.

00:07:51.350 --> 00:07:56.190
Proje şablonları zaten bu nedenle
Paketi yüklü önyükleme denir.

00:07:56.790 --> 00:08:00.590
Ve size yeni bir başlatıyorsanız değildir
ASP.NET proje eklediğiniz

00:08:00.640 --> 00:08:04.010
Bu önyükleme paketini karşıdan yükle
Projenize.

00:08:04.820 --> 00:08:09.020
Ve bu NuGet paketi getirir
Aşağıdaki dosyaları: taşır

00:08:09.070 --> 00:08:13.500
form klasörüne taşır
tüm önyükleme için CSS

00:08:13.550 --> 00:08:18.450
JavaScript Framework ve onu getirir
Bootstrap çerçevesi.

00:08:19.200 --> 00:08:23.120
Ve En İyileştir şablonları sıralama
Burada onlar araya toplamak bir deneyim

00:08:23.170 --> 00:08:28.010
CSS ve JavaScript
ayrı bir paket içine böylece

00:08:28.060 --> 00:08:32.590
tür minimum istekte
ve sonra

00:08:32.640 --> 00:08:35.930
ağ için sitenizi en iyi duruma getirme
aynı zamanda performans. Bu nedenle yalnızca

00:08:35.980 --> 00:08:39.070
tidbit bilgilerin nasıl
Proje şablonları ayarlama

00:08:39.120 --> 00:08:42.480
Önyükleme için en iyi duruma getirilmesi ve
net karşıya yükleme için en iyi duruma getirilmiş

00:08:42.530 --> 00:08:42.940
aynı zamanda.

00:08:42.990 --> 00:08:50.810
Bu nedenle Bootstrap şeye bir tema olarak
Kılavuz sistemi çağırır. Bu nedenle

00:08:50.860 --> 00:08:54.760
yolu tam önyükleme çerçevesi
tasarlanmış olan açısından,

00:08:54.810 --> 00:09:00.020
bir kılavuz. Ve sistem önyükleme yapacak
yanıt veren tüm kılavuz deneyimi.

00:09:00.490 --> 00:09:03.200
Bu nedenle bu şablonda açıklamaktansa
Ben üç sütun olduğunu,

00:09:03.450 --> 00:09:06.500
ve ben bakmak nasıl ı sıralayabilirsiniz
Kullanım Kılavuzu için gittiği

00:09:06.550 --> 00:09:08.330
şöyle bir şey olabilir.

00:09:09.090 --> 00:09:13.080
Bu nedenle tüm sayfa ayrılmıştır
12 kümesi sütunları ve ben

00:09:13.130 --> 00:09:19.750
hangi her sütunun genişliğini belirtin
olur. Ve her benim örnek

00:09:19.800 --> 00:09:23.580
sahip olduğum sütun genişliği 4 olduğundan
3 sütun ve sonra bunlar toplamları

00:09:23.630 --> 00:09:28.500
12'ye. Bu nedenle istediğim diyelim
biraz son sütunu yeniden boyutlandır

00:09:28.550 --> 00:09:31.660
Farklı orta sütundan.
Yapmam gereken şey temel olarak

00:09:31.710 --> 00:09:36.520
Kılavuz boyutlandırma değiştirmek için
Tüm ızgara boyutlandırma ekler

00:09:36.570 --> 00:09:37.490
12'ye.

00:09:38.100 --> 00:09:41.000
6 İle 8-10 böylece ve

00:09:42.960 --> 00:09:47.170
4, Koymak, bunu yapabilirsiniz
Benim uygulama ve gider geri.

00:09:47.220 --> 00:09:50.980
Denetim F5 söyleyin. Sizin göreceğiniz şekilde nasıl
bölme, sütunları sıralayın.

00:09:51.030 --> 00:09:54.420
Bu bir 2 sütun haline geldi. Bu
6 sütun ve bu biri haline geldi

00:09:54.470 --> 00:09:55.490
4 biri oldu.

00:09:56.050 --> 00:10:00.200
Ve hatta ben olsaydı bu yeniden boyutlandırmak için
Şablon, bakın nasıl

00:10:00.250 --> 00:10:05.790
dikkatlice site sıralama düştüğünde bu nedenle
Ben farklı bir çözünürlük hedefleyebilirsiniz.

00:10:06.680 --> 00:10:09.900
Ve yararlarını hala yeniden alıyorum
hızlı tepki veren bir çatısı.

00:10:11.220 --> 00:10:15.500
Başka bir anahtar özelliği, bu deneyimi
görüntüleri postalarla sıralama olur.

00:10:16.130 --> 00:10:22.850
Tüm farklı görüntülerini sunuyoruz
boyutları, oldukça zor ve

00:10:22.900 --> 00:10:26.270
deneyimi için görüntü oluşturmak için
duyarlı olabilir. Bu nedenle diyelim ki

00:10:26.320 --> 00:10:30.960
Benim uygulamasına bu resim eklerim
ve ben tür geri dön

00:10:31.010 --> 00:10:35.590
Sitem. Bu nedenle başlatma istiyorum
Benim uygulamayı yeniden.

00:10:35.640 --> 00:10:42.110
Bu nedenle resmi sıralanma görür
tam ekran yukarı alır

00:10:42.480 --> 00:10:47.950
ve benim site düzenini kurma messes sıralayın.
Ve çok çirkin görünüyor.

00:10:48.970 --> 00:10:52.480
Önyükleme ile şimdi ben, sıralayabilirsiniz
Bu benim görüntü özniteliği

00:10:52.530 --> 00:10:58.590
bir sınıf eşittir yanıt veren resim
hızlı tepki veren bir davranış ekler

00:10:58.640 --> 00:11:02.960
Bu görüntü ve emin olun
güzelce yapar.

00:11:03.010 --> 00:11:08.280
Bu nedenle bu deneyimi görürsünüz
artık görüntü alınıyor

00:11:08.330 --> 00:11:10.450
düzgün bir şekilde işlenir. Aslında

00:11:12.830 --> 00:11:15.730
Ben olsaydı bu konuda bu görüntü yerleştirmek için

00:11:17.150 --> 00:11:22.070
div, ı 'D görür
yanıt niteliği Al

00:11:22.120 --> 00:11:24.970
Aynı zamanda önyükleme. Bu nedenle bu nedir
resim gibi görünen bir

00:11:25.020 --> 00:11:29.450
Tam görünüm. Ben olsaydı, sıralamak için
sizin göreceğiniz boyutlandırmak nasıl

00:11:29.500 --> 00:11:34.950
Resmi yapıştırır ve hala oldukça benzer
hatta bir küçük form faktörü içinde serin

00:11:35.000 --> 00:11:38.570
Bu gibi. Bu nedenle nasıl,
Site bir telefon üzerinde görünecektir.

00:11:38.620 --> 00:11:42.990
Bu nedenle ben yazmak zorunda gelmedi
tüm CSS kullanıyorum; tüm

00:11:43.040 --> 00:11:48.020
Ben yapmak zorunda olan önyükleme framework
ve yanıt alıyorum

00:11:48.070 --> 00:11:50.470
Doğa benim görüntüleri
Benim görüntüleri de.

00:11:51.460 --> 00:11:55.590
Başka bir yaygın senaryo tabloların kullanılmasıdır.

00:11:57.380 --> 00:12:01.970
Bu nedenle nasıl önyükleme yardımcı görelim
Bize de tablo stili.

00:12:02.500 --> 00:12:06.350
Böylece bir tabloyu buraya girdiğim
uygulamamda vardır.

00:12:07.470 --> 00:12:12.660
Ben, burada, gidin geri taşıyabilirsiniz
Sitem için Denetim F5.

00:12:13.760 --> 00:12:18.030
Bu nedenle bunu nasıl Tablom görünüyor
temel olarak: adı, Soyadı.

00:12:18.080 --> 00:12:21.360
Oldukça sıradan görünüyor. Bu nedenle edelim
nasıl biz Hızlı Stil ekleyebilirsiniz bakın

00:12:21.410 --> 00:12:26.370
biraz daha güzel görünmesi için tablo.
Ben tablo bu nedenle öznitelik

00:12:26.420 --> 00:12:32.730
Bu sınıf ile sıralama tablosu eşittir
biri çok minimalistic sağlar

00:12:32.780 --> 00:12:36.920
Benim bütün tablo için anahat. Miyim
çok süslü olabilir. Söyleyebilirim ben

00:12:36.970 --> 00:12:42.580
istediğiniz kenarlıklı bir tablo ya da ı
Şeritler tabloyla istiyor.

00:12:43.500 --> 00:12:49.130
Vurgulu işlevsellik istiyorum
Bu nedenle vurgulu tablosu.

00:12:54.460 --> 00:12:57.140
IntelliSense de ekledik
Bootstrap, bu nedenle, fark edeceksiniz

00:12:57.190 --> 00:13:00.590
yazmaya gibi gibi IntelliSense alıyorum
tüm önyükleme için sınıflar.

00:13:00.640 --> 00:13:03.200
Bu nedenle tüm bu sınıfların tanımlanır
Bootstrap çerçevesinde

00:13:03.500 --> 00:13:07.270
ve Visual Studio'da web Geliştirici
Biz aydınlatma deneyimi

00:13:07.320 --> 00:13:13.470
, IntelliSense size. Bu nedenle
Denetim F5, göreceksiniz, nasıl

00:13:13.520 --> 00:13:18.480
Şeritler var. Kenarlık var.
Kenar boşluğu var. Bu nedenle miyim

00:13:18.530 --> 00:13:23.730
çok hızlı bir şekilde benim tablo stilini sıralayın.
Ve yeniden çok bunlar

00:13:23.780 --> 00:13:28.560
kullanılan CSS işlemleri,
Uygulamamda yapmam.

00:13:28.610 --> 00:13:32.060
Bu nedenle önyükleme sadece kolaylaştırır
Tüm bu işlevleri kullanır.

00:13:32.110 --> 00:13:36.590
Önyükleme adlı başka bir özellik vardır.
Glyphicons. Bu nedenle diyelim ki

00:13:36.640 --> 00:13:41.670
Posta simgesi koymak istedi
Burada, ve bir sınıf belirtebilirsiniz

00:13:44.480 --> 00:13:46.520
çağrılan glyphicon-Zarf.

00:13:48.920 --> 00:13:53.780
Ve ben benim uygulamayı yeniden çalıştırın,
Git geri başvurmak için şunları yapacaksınız:

00:13:53.830 --> 00:13:55.920
nereden bakın bir

00:13:57.460 --> 00:14:00.370
Zarf veya posta simgesini
üzerinde kullanıyorum.

00:14:01.010 --> 00:14:04.360
Bu nedenle yollarından biri, burada Bootstrap
tür gerçekten kolaylaştırır

00:14:04.410 --> 00:14:09.480
Bu işlevselliği eklemek kolay
uygulamanıza yerleştirirsiniz. Mükemmel

00:14:09.530 --> 00:14:14.970
Önyükleme hakkında öğrenme yolu
kendi Web sitesine, gitme

00:14:15.020 --> 00:14:19.520
Eğitimler Başlat
CSS için. Bir practical sahip oldukları

00:14:19.570 --> 00:14:23.210
öğretici yazma yaklaşım
Bu nedenle tablolarda tıklatmanız yeterlidir.

00:14:23.480 --> 00:14:26.960
Sahip oldukları bir çok temel örnekler
tablolar ve sonra sıralama o yapı

00:14:27.010 --> 00:14:30.100
Bunun daha fazla bilgi vermek için
nasıl özelleştirebileceğiniz hakkında

00:14:30.150 --> 00:14:34.000
Tablonuzun şeritler, çok var
Kenarlıklar, nasıl, yap

00:14:34.050 --> 00:14:38.360
Bu formlar yapmak nasıl yanıt,
vb. benzeri.

00:14:38.410 --> 00:14:43.140
Önyükleme başka bir özelliği olan
JavaScript alanı nerede bunlar

00:14:43.190 --> 00:14:48.070
kalıcı bırakmalar oldukça yapmanıza olanak sağlar
kolay. Bu nedenle bu bir örnektir

00:14:48.120 --> 00:14:51.410
nasıl bir kalıcı iletişim kutusunda,
aşağıdaki gibidir

00:14:53.140 --> 00:14:57.050
Önyükleme içinde. Bunu gerçekten yapar
Bu işlevselliği eklemek kolay

00:14:57.100 --> 00:14:58.860
Uygulamanız için de.

00:14:58.910 --> 00:15:04.360
Bu nedenle başka bir yaygın senaryo,
etkisiz insanların resimleri ile nasıl

00:15:04.410 --> 00:15:07.930
küçük resim oluşturur
Uygulamanız için.

00:15:08.470 --> 00:15:14.330
Bu nedenle bu uygulama için yapacağım
FaceBook'ta Hesabımı oturum açma

00:15:14.380 --> 00:15:17.870
ve bilgi almak için gidiyorum
Benim arkadaş hakkında onların resimleri.

00:15:18.170 --> 00:15:20.270
Ve göstermek için gidiyorum
düzenlemek istediğiniz UI.

00:15:21.060 --> 00:15:24.040
Bu nedenle bu özelliklerden biridir
ASP.NET sahibiz

00:15:24.090 --> 00:15:27.190
Burada oturum içinde şablonları
VIA gibi sosyal içerik sağlayıcısı

00:15:27.240 --> 00:15:32.630
FaceBook'ta, Google, Microsoft hesap
Böylece geliştiriciler

00:15:32.680 --> 00:15:34.020
bir Netleştir deneyim.

00:15:37.610 --> 00:15:39.120
FaceBook'ta oturum açmak istiyorum.

00:15:40.150 --> 00:15:43.440
Bu nedenle FaceBook'ta için gider. Bu kimlik doğrulaması yapar
Bana. Geri geliyor

00:15:43.490 --> 00:15:48.690
uygulama için. Sonra authenticated
Profil Resmim alır.

00:15:49.070 --> 00:15:50.650
Ve ben benim adını tıklatın.

00:15:52.530 --> 00:15:55.590
göreceksiniz listesi
arkadaş açılır. Ve ı 'M

00:15:55.640 --> 00:15:58.450
Tüm Resimlerim görüntülüyor. Ve
göreceğiniz nasıl resimleri

00:15:58.500 --> 00:16:01.850
tür güzelce biçimlendirilir
küçük resimler ve bu nedenle düşünün

00:16:01.900 --> 00:16:04.500
kodu yazmanız gerekmektedir
Bunu oluşturmak için bir tür

00:16:04.550 --> 00:16:09.640
işaretle. Bunu geri geçerseniz
Uygulamam ve için giderseniz

00:16:09.690 --> 00:16:11.770
Benim FaceBook'ta bilgi sayfası

00:16:13.970 --> 00:16:16.530
ı 'D kod miktarını budur
küçük resim oluşturmak yazılacak.

00:16:16.580 --> 00:16:20.150
Bu nedenle çok az CSS yoktur.
Bunlar CSS sınıflar

00:16:20.200 --> 00:16:23.880
Bootstrap Framework'ten geliyor.
Yazmak zorunda gelmedi

00:16:23.930 --> 00:16:29.350
küçük resim oluşturmak için herhangi bir özel CSS
Tüm benim görüntüleri görüntüleyin.

00:16:29.400 --> 00:16:34.510
Bu nedenle üzerinde kapatmak için tam
onu: Bootstrap ASP tümleştirme

00:16:34.560 --> 00:16:39.640
Şablonları kolaylaştırır gerçekten
bir şablonla başlama

00:16:39.690 --> 00:16:43.720
hangi mobil olduğu yanıt,
kolay, metro olduğu

00:16:43.770 --> 00:16:47.370
temalı, hangi gerçekten kolaylaştırır
uygulamalar oluşturmak için

00:16:47.420 --> 00:16:51.220
Böylece farklı bir form hedefleyebilirsiniz.
Etkenler ve farklı tarayıcılar.

00:16:51.690 --> 00:16:54.390
Ve çoğu zaman harcamak yerine
uygulamaya özel oluşturma

00:16:54.510 --> 00:16:57.220
mantık ve endişe değil
UI çerçevesi.

00:16:57.730 --> 00:17:00.560
Umarım şekilde keyif. Teşekkür ederiz
Sen bu videoyu izlemek için.

00:17:00.610 --> 00:17:03.870
Umarım önyükleme keyif
Visual Studio Tümleştirme

00:17:03.920 --> 00:17:07.640
ve ASP.NET ve ben, olur Umarım
Bu şablonlar oluşturmak için kullanın

00:17:07.690 --> 00:17:11.440
uygulamaları. Daha fazla bilgi için
ASP.NET sitesine gidebilirsiniz

00:17:11.490 --> 00:17:17.300
ve nasıl tümleştirebilir çıkış onay
Önyükleme daha iyi.