WEBVTT

00:00:00.200 --> 00:00:04.200
[Následující překlad vyhotovila služba Bing Translator]


00:00:09.100 --> 00:00:13.700
Hi, mé jméno je Pranav Rastogi a pracuji v týmu technologie ASP.NET v sadě Microsoft.

00:00:14.440 --> 00:00:20.290
V dnešní době I se zobrazením nové technologie ASP.NET
šablony v aplikaci Visual Studio 2013.

00:00:21.040 --> 00:00:24.710
Při procházení stále více uživatelů
jejich weby pomocí telefonů,

00:00:24.760 --> 00:00:28.600
tablety a různých zařízení, je
Další důležité pro webové vývojáře

00:00:28.650 --> 00:00:31.740
k vytváření webů, které mohou být aplikovány
různých velikostech.

00:00:32.410 --> 00:00:35.530
Uvnitř šablony jsme začali
Chcete-li používat rámec s názvem

00:00:35.580 --> 00:00:38.260
Bootstrap, což je obrovské zlepšení
zkušenostech,

00:00:38.310 --> 00:00:41.110
jsme dodali v posledních Visual
Vydává Studio.

00:00:42.050 --> 00:00:44.860
Bootstrap je opravdu snadné.
k vytváření webů, které lze

00:00:44.910 --> 00:00:49.340
cíl různých velikostech a
Toto úvodní video bude

00:00:49.390 --> 00:00:53.990
pouze zobrazit, jak vytvořit šablony
využívání Bootstrap a nastavit

00:00:54.040 --> 00:00:57.190
projekt, který můžete sestavit váš
aplikace v. Tedy

00:00:57.240 --> 00:01:01.210
být zobrazena Bootstrap integrace
v šablonách technologie ASP.NET

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

00:01:03.900 --> 00:01:08.040
Jak může být s jistotou jako webové vývojáře
nyní stále více uživatelů

00:01:08.090 --> 00:01:11.430
přístup k webům pomocí
jejich různých zařízení.

00:01:11.480 --> 00:01:14.240
Máte přístup k prostřednictvím jejich
telefony, přes jejich tablety

00:01:14.590 --> 00:01:19.250
prostřednictvím svých počítačů prostřednictvím jejich
phablets, takže se stává mnohem

00:01:19.300 --> 00:01:22.760
důležitější jako webový vývojář
aby bylo možné všechny tyto cílové

00:01:22.810 --> 00:01:25.790
ve všech různých cílových
těchto zařízení.

00:01:26.520 --> 00:01:31.390
A jak je můžeme řadit z posunout vpřed
vývoj mobilních webových aplikací se stane

00:01:31.440 --> 00:01:35.180
důležitou součástí rozvoj
pracovní postup. A to vše při

00:01:35.730 --> 00:01:38.430
Tyto druhy aplikací, psaní
byly pevné. Bylo

00:01:38.480 --> 00:01:43.810
Chcete-li vytvořit vlastní šablony stylů CSS. Bylo nutné
Přenést velké množství logiky do

00:01:43.860 --> 00:01:46.650
Aplikace která
bylo založeno na logiku uživatelského rozhraní.

00:01:47.270 --> 00:01:51.030
Tak co jsme učinili v Visual
Studio 2013 časový rámec pro

00:01:51.080 --> 00:01:55.920
Weboví vývojáři ASP.NET je vše
Naše výchozí šablony jsou

00:01:55.970 --> 00:01:58.210
nyní vychází Bootstrap.

00:01:58.730 --> 00:02:03.940
Bootstrap je CSS framework
který z sort usnadňuje

00:02:03.990 --> 00:02:05.480
Chcete-li webový vývoj.

00:02:06.210 --> 00:02:08.960
Ano, pokud si myslíte o všechny rutinní
úkoly, které je třeba

00:02:09.010 --> 00:02:12.540
jako weboví vývojáři jako styl
obraz stylování tabulek,

00:02:12.590 --> 00:02:16.420
stylování formulářů a zajištění, že
všechny tyto styly vypadat a

00:02:16.470 --> 00:02:20.560
stejný pocit v různých prohlížečích
na různých zařízeních.

00:02:20.610 --> 00:02:23.520
Existuje velké množství kódu, které
nemusíte psát. Nyní se

00:02:23.570 --> 00:02:27.880
Úvod Bootstrap má
snadnější vytváření vašich webů

00:02:27.930 --> 00:02:32.810
na rámec, který přebírá
péče o všechny tyto problémy

00:02:32.860 --> 00:02:37.180
pro vás. Tak v aplikaci Visual Studio 2013
všechny šablony ASP.NET

00:02:37.230 --> 00:02:42.630
pro obdobný MVC, webových formulářích, aplikace Spar
Webové rozhraní API aplikace;

00:02:43.120 --> 00:02:45.810
nyní všechny naše šablony jsou založeny
v Bootstrap tak, aby při

00:02:45.860 --> 00:02:48.990
Vytvoření aplikace a při
začít pracovat s ním, bude

00:02:49.040 --> 00:02:52.580
sort z vás směrem optimalizaci
Funkce, která bude

00:02:52.630 --> 00:02:55.820
umožňují vytvářet aplikace, které
můžete zaměřit různých zařízení.

00:02:56.890 --> 00:02:59.150
A co je Bootstrap Opravdu?

00:02:59.890 --> 00:03:05.840
Bootstrap je v podstatě CSS framework
který umožňuje webu, vývoj.

00:03:05.890 --> 00:03:09.050
Tak má na starosti zavádění
Další důležitou částí webu

00:03:09.100 --> 00:03:11.310
vývoj místa. Je reagovat.

00:03:11.890 --> 00:03:17.370
Má první mobilní přístup. Má
návrh metra jako front-end

00:03:18.220 --> 00:03:21.990
tak to jednou zkušeností vývojáře je
Vytvoření webové aplikace

00:03:22.040 --> 00:03:23.600
všechny tyto výhody získáte.

00:03:24.510 --> 00:03:27.330
A myslím, že jsem poměrně hrdostí říci
že jedna z nejlepších věcí

00:03:27.380 --> 00:03:29.880
jsme provedli s Bootstrap
Integrace s vs je můžeme

00:03:29.930 --> 00:03:34.500
jste spojili Bootstrap 3 s
Visual Studio 2013 RTM.

00:03:34.550 --> 00:03:38.830
A Bootstrap 3 je obrovské zlepšení
přes Bootstrap 2, protože

00:03:38.880 --> 00:03:42.780
zavedla jej přední mobilní vývoj
a ve středu. Je optimalizován

00:03:42.830 --> 00:03:46.460
pro první mobilní. A začněte
Malé zařízení a poté

00:03:46.510 --> 00:03:51.500
stupnice nahoru a Server řazení z
velmi dobře se přizpůsobí na této platformě.

00:03:52.270 --> 00:03:55.280
Jednou z nejvýraznějších výhod
Tato verze je jako můžeme řadit

00:03:55.330 --> 00:03:57.910
poslední a nejvyšší
že se děje v sadě webových souborů

00:03:57.960 --> 00:04:01.030
vývoj tak, aby při spuštění
vývoj aplikace s

00:04:01.080 --> 00:04:05.320
Technologie ASP.NET v aplikaci Visual Studio, můžete začít
s nejnovějšími provozovně.

00:04:05.370 --> 00:04:08.220
Tak I budete být zobrazení několika způsoby.
že máme sort z integrované

00:04:08.610 --> 00:04:11.710
Bootstrap do našich šablon a
I bude poskytnout stručný přehled

00:04:11.760 --> 00:04:15.780
jaké Bootstrap integrace
je tak, aby bylo možné rychle

00:04:15.830 --> 00:04:22.380
Začínáme. Pokud jste vytvořili všechny projekt
v technologii ASP.NET... V mém případě

00:04:22.430 --> 00:04:25.160
Vytvořil jsem MVC aplikace technologie ASP.NET.

00:04:25.810 --> 00:04:30.420
A pokud se spuštění aplikace v
v prohlížeči, uvidíte

00:04:30.470 --> 00:04:35.310
Web má sort z metra návrhu
k němu. A nejlepších věcí

00:04:35.360 --> 00:04:39.500
o tuto aplikaci, je-li spuštění
Pokud chcete změnit velikost mé aplikace

00:04:39.550 --> 00:04:46.220
takže pokud přejít celou šířku uvidíte
Web má celý prostor.

00:04:46.270 --> 00:04:50.080
Ale pokud začnu Posun zpět, je
jak řádně uvidí všechny

00:04:50.130 --> 00:04:54.160
na podzim prvky a jak reagovat
Web je. Pokud přesunu pomocí posuvníku

00:04:54.210 --> 00:04:57.010
překročí určitou bude
v části, která se zobrazí rozevíracím seznamu pro

00:04:57.060 --> 00:05:00.860
Moje aplikace, kterou mi poskytuje
všechny navigační odkazy.

00:05:01.580 --> 00:05:05.770
Takže Představte si všechny tyto funkce
která vám, a

00:05:05.820 --> 00:05:09.670
Pokud vypadají výši CSS,
Došlo k zápisu pro aplikaci,

00:05:10.270 --> 00:05:15.150
byl poměrně minimální. Pokud tedy I
Otevřete Moje cs server, by se

00:05:15.200 --> 00:05:20.140
že je můj CSS na úrovni aplikace
30 až 40 řádků kódu

00:05:20.190 --> 00:05:23.990
což je většinou kolem ověření
a část obsahu kolem

00:05:24.040 --> 00:05:25.320
Moje šablony stylů CSS.

00:05:25.990 --> 00:05:29.370
Proto opět s velmi málo CSS,
musela napsat, řazení

00:05:29.420 --> 00:05:32.830
o máte úžasné funkce
vybalení. A pokud jste byli

00:05:33.400 --> 00:05:37.310
Podívejte se jak by jste mít na webu
Prohledat úložiště systému Windows

00:05:37.360 --> 00:05:42.810
Plocha systému Windows, viděli byste
Web opět vypadá poměrně snazzy.

00:05:42.860 --> 00:05:47.290
To má Hezký vzhled. I
sort z může mít různé režimy

00:05:47.340 --> 00:05:50.200
na webu. Tak to je výšku
režim. Byste jak

00:05:50.250 --> 00:05:54.140
Web řádně spadá. Pokud I
přístupů do rejstříku odkazů, I nadále

00:05:54.190 --> 00:05:57.610
získat mé chyby ověření.
v tomto poli. I možné přichytit zpět.

00:05:58.460 --> 00:06:01.830
Takže můžete vidět, že všechny různé
režimy, které mám, osobní web

00:06:01.880 --> 00:06:07.490
sort z vypadá poměrně dobře v mé
Tablet. Tak, aby se nicest

00:06:07.540 --> 00:06:12.880
o Bootstrap je získání
zahájení práce a jak

00:06:12.930 --> 00:06:16.200
snadno je seřadíte různé cíle
faktory formuláře bez nutnosti

00:06:16.250 --> 00:06:22.100
psaní mnohem kód CSS. Jiné
vynikající věc týkající zaváděcí

00:06:22.150 --> 00:06:26.420
Integrace je Bootstrap ekosystému.
Takže Představte si scénář

00:06:26.470 --> 00:06:28.470
aby bylo na motiv webu.

00:06:29.100 --> 00:06:32.130
A z historického hlediska má vždy themeing
byl jedním z hlavních bolest

00:06:32.180 --> 00:06:33.680
body pro webové vývojáře.

00:06:34.220 --> 00:06:37.900
Integrací Bootstrap
je poměrně snadné začít

00:06:37.950 --> 00:06:41.820
z šablony a motivů je. Tak
Můžete přejít web s názvem

00:06:41.870 --> 00:06:46.040
Bootswatch.com, což je agregaci
různých motivů, které

00:06:46.090 --> 00:06:49.650
jsou zdarma, některé jsou placené a pak
můžete snadno nainstalovat

00:06:49.700 --> 00:06:54.630
do vaší aplikace. Tak v této ukázce
Provedu výběr tohoto motivu.

00:06:55.220 --> 00:06:59.450
Kliknu tedy pouze ke stažení
Bootstrap CSS. Proto nyní otevřít.

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

00:07:02.050 --> 00:07:03.260
Zkopírujte obsah.

00:07:03.920 --> 00:07:07.880
A sort z přejít zpět do projektu,
a kliknu na přepsání

00:07:07.930 --> 00:07:12.170
Bootstrap framework s
motiv, který právě stáhli.

00:07:12.220 --> 00:07:15.990
A pokud spuštění webu můžete znovu
uvidí, že web je nyní

00:07:16.040 --> 00:07:21.650
znovu má vzhled nového
motiv, který byl vybrán z Bootswatch.

00:07:21.700 --> 00:07:26.720
Má stejný motiv blue,
Vybrali jste zde a všechny moje

00:07:26.770 --> 00:07:30.530
změnit odkazy, Moje tlačítka změnit,
a pokud registrace získat

00:07:30.580 --> 00:07:33.370
stejné chyby ověření
aby bylo se zobrazuje před.

00:07:33.980 --> 00:07:38.560
Tak během několika pár sekund
Bylo možné změnit motiv

00:07:38.610 --> 00:07:41.550
webu poměrně snadno.

00:07:42.170 --> 00:07:45.140
Pro ty z vás, kteří se ptáte
Jak získat Bootstrap do

00:07:45.190 --> 00:07:51.300
do projektu jsme sort z Redistribuce
Bootstrap jako balíček NuGet.

00:07:51.350 --> 00:07:56.190
Takže šablony projektu již to
balíček s názvem Bootstrap nainstalován.

00:07:56.790 --> 00:08:00.590
A pokud nejsou při spuštění nový
Projekt technologie ASP.NET, jste právě

00:08:00.640 --> 00:08:04.010
Stáhnout balíček Bootstrap
do projektu.

00:08:04.820 --> 00:08:09.020
A přichází tento balíček NuGet
v následujících souborech: přináší

00:08:09.070 --> 00:08:13.500
ve složce formuláře zobrazí
všechny CSS pro Bootstrap

00:08:13.550 --> 00:08:18.450
rámec a přináší do jazyka JavaScript
Bootstrap Framework.

00:08:19.200 --> 00:08:23.120
A šablony druh optimalizace
Možnosti kde se váže.

00:08:23.170 --> 00:08:28.010
všechny CSS a JavaScript
do samostatného svazku tak, aby

00:08:28.060 --> 00:08:32.590
sort z vytvářejí minimální požadavky
k síti a potom

00:08:32.640 --> 00:08:35.930
optimalizace webu pro síť
také výkon. Tak, aby

00:08:35.980 --> 00:08:39.070
tidbit informací jak
šablony projektu jsou nastaveny.

00:08:39.120 --> 00:08:42.480
Chcete-li optimalizovat pro zaváděcí a
potom optimalizované pro čisté nahrávání

00:08:42.530 --> 00:08:42.940
také.

00:08:42.990 --> 00:08:50.810
Takže Bootstrap jako motiv, jaké it
volá distribuční soustavy. Proto

00:08:50.860 --> 00:08:54.760
způsobem zcela Bootstrap framework
je navržen tak, je z hlediska

00:08:54.810 --> 00:09:00.020
Mřížka. A zaváděcí systém
reagovat zkušenosti celé tabulky.

00:09:00.490 --> 00:09:03.200
Takže v této šabloně při zobrazení
že mám tři sloupce

00:09:03.450 --> 00:09:06.500
a pokud vypadají jak mám seřadit
Použití mřížky se bude

00:09:06.550 --> 00:09:08.330
být něco jako tato.

00:09:09.090 --> 00:09:13.080
Takže celá stránka je rozdělena do
Sada 12 sloupců a mohou

00:09:13.130 --> 00:09:19.750
Určuje šířku jednotlivých sloupců
je. A my vzorku každé

00:09:19.800 --> 00:09:23.580
sloupec je o šířce 4, takže mám
3 sloupce a poté přidat

00:09:23.630 --> 00:09:28.500
12. Takže Řekněme, že chci
poslední sloupec velikost o něco

00:09:28.550 --> 00:09:31.660
jinak než v prostředním sloupci.
Stačí je v podstatě

00:09:31.710 --> 00:09:36.520
změnit velikost tabulky tak, aby
sečte všechny velikosti mřížky

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

00:09:38.100 --> 00:09:41.000
Takže 6 až 8 až 10 a

00:09:42.960 --> 00:09:47.170
Můžete sdělit, že 4, ji umístit do
Moje aplikace a přejít zpět.

00:09:47.220 --> 00:09:50.980
Vyslovte F5 ovládacího prvku. Tak se uvidí jak
sloupce řadit o rozdělení nahoru.

00:09:51.030 --> 00:09:54.420
Tento stal 2 sloupce. To
jedna se stala 6 sloupců a to

00:09:54.470 --> 00:09:55.490
jedna se stala 4.

00:09:56.050 --> 00:10:00.200
A i kdyby to velikost
šablony, viděli byste, jak

00:10:00.250 --> 00:10:05.790
řádně webu seřazení pádům
I mohou být aplikovány jiné rozlišení.

00:10:06.680 --> 00:10:09.900
A znovu stále získat výhody
reagovat rámce.

00:10:11.220 --> 00:10:15.500
Další klíčové funkce této zkušenosti
je řazení se zabývá obrazy.

00:10:16.130 --> 00:10:22.850
Všichni máme různé obrazy
velikosti a to poměrně obtížné

00:10:22.900 --> 00:10:26.270
aby byl obraz zkušenosti
Buďte citlivé. Takže Řekněme, že

00:10:26.320 --> 00:10:30.960
Přidat obrázek do mé aplikace
a sort z přejít zpět na

00:10:31.010 --> 00:10:35.590
osobní web. Tak Manuální spuštění
aplikaci znovu.

00:10:35.640 --> 00:10:42.110
Tak by se zobrazil způsob řazení obrazu
z bere na celou plochu obrazovky

00:10:42.480 --> 00:10:47.950
a je doprovázejícími nahoru Můj rozložení webu.
A vypadá velmi ugly.

00:10:48.970 --> 00:10:52.480
S Bootstrap nyní můžete řazení z
Obrázek s tímto atributem

00:10:52.530 --> 00:10:58.590
třídy se rovná image reagovat, které
Přidá odpovídající chování

00:10:58.640 --> 00:11:02.960
k tomuto obrázku a ujistěte se, že
obrázek vykreslí úhledně zarovnány.

00:11:03.010 --> 00:11:08.280
Tak uvidíte tyto zkušenosti
Nyní je získání obrazu

00:11:08.330 --> 00:11:10.450
správně vykreslit. Ve skutečnosti

00:11:12.830 --> 00:11:15.730
kdyby umístit obrázek v tomto

00:11:17.150 --> 00:11:22.070
div, viděli byste, že by I
získat citlivé povahy

00:11:22.120 --> 00:11:24.970
Také Bootstrap. To je to co
obraz vypadá

00:11:25.020 --> 00:11:29.450
úplné zobrazení. Kdyby o řazení
velikost, viděli byste, jak

00:11:29.500 --> 00:11:34.950
obraz přitáhne a stále vypadá poměrně
i v malé faktor se ochladí

00:11:35.000 --> 00:11:38.570
takto. Tak to je jak v
Web bude vypadat na telefonu.

00:11:38.620 --> 00:11:42.990
Proto opět nebyly nutné psát
všechny šablony stylů CSS v aplikaci; všechny

00:11:43.040 --> 00:11:48.020
Musel jsem udělat byl používání rámci Bootstrap
a zobrazí reagovat

00:11:48.070 --> 00:11:50.470
obrázky k rázu
obrázky také.

00:11:51.460 --> 00:11:55.590
Jiným běžným scénářem je tabulek.

00:11:57.380 --> 00:12:01.970
Takže Podívejme jak pomáhá Bootstrap
nám stylu tabulky i.

00:12:02.500 --> 00:12:06.350
Tak zde je tabulka infor
v mé aplikaci.

00:12:07.470 --> 00:12:12.660
Lze jej přesunout, přejděte zpět
Můj web Control F5.

00:12:13.760 --> 00:12:18.030
Tak to je, jak vypadá tabulka
v podstatě: jméno, příjmení.

00:12:18.080 --> 00:12:21.360
Vypadá poměrně běžné. Můžeme
Viz Jak jsme můžete rychle stylu

00:12:21.410 --> 00:12:26.370
tabulka vypadat o něco lépe.
Tak I atribut tabulky

00:12:26.420 --> 00:12:32.730
s touto třídou se rovná řazení tabulky
aplikace poskytuje velmi minimalistic

00:12:32.780 --> 00:12:36.920
osnovy k celé tabulce. Nemohu
být velmi ozdobné. Lze říci, I

00:12:36.970 --> 00:12:42.580
ohraničených tabulky nebo I
Chcete-li tabulku s pruhy.

00:12:43.500 --> 00:12:49.130
Chcete, aby funkce přechodu.
To tabulka přechodu.

00:12:54.460 --> 00:12:57.140
Také jsme přidali technologie IntelliSense pro
Bootstrap, tak zjistíte

00:12:57.190 --> 00:13:00.590
Podobně jako při psaní zobrazuje technologie IntelliSense
pro všechny Bootstrap třídy.

00:13:00.640 --> 00:13:03.200
Takže všechny tyto třídy jsou definovány
v rámci zaváděcí

00:13:03.500 --> 00:13:07.270
a v aplikaci Visual Studio web developer
zkušenosti, které jsme se osvětlení

00:13:07.320 --> 00:13:13.470
Po této technologie IntelliSense pro vás. Tak
Pokud ovládací prvek F5 uvidíte jak

00:13:13.520 --> 00:13:18.480
Mám pruhy. I mít ohraničení.
Mám rozpětí. Takže nemohu

00:13:18.530 --> 00:13:23.730
velmi rychle seřaďte stylu tabulek.
Znovu jsou velmi

00:13:23.780 --> 00:13:28.560
běžně používané operace CSS,
Dělat v mé aplikaci.

00:13:28.610 --> 00:13:32.060
Takto zaváděcímu pouze usnadňuje
všechny tyto funkce použijte.

00:13:32.110 --> 00:13:36.590
Bootstrap má jinou funkci
Glyphicons. Takže Řekněme, že

00:13:36.640 --> 00:13:41.670
Vy jste chtěli umístit ikonu Pošta
Zde a zadám třída

00:13:44.480 --> 00:13:46.520
Obálka-s názvem glyphicon.

00:13:48.920 --> 00:13:53.780
A v případě spuštění aplikace znovu,
Přejít zpět do kontaktu, budou

00:13:53.830 --> 00:13:55.920
v části Jak získat

00:13:57.460 --> 00:14:00.370
Obálka nebo ikonu Pošta
let v mé aplikaci.

00:14:01.010 --> 00:14:04.360
Proto opět jeden ze způsobů kde Bootstrap.
řadit značek je opravdu

00:14:04.410 --> 00:14:09.480
Chcete-li přidat tuto funkci snadno
do vaší aplikace. Skvělá

00:14:09.530 --> 00:14:14.970
způsob získání informací o Bootstrap
bude na jejich webu, pokud

00:14:15.020 --> 00:14:19.520
Začněte sledovat kurzy
pro šablony stylů CSS. Mají praktických

00:14:19.570 --> 00:14:23.210
přístup pro zápis kurzů
takže klepnutí na tabulkách.

00:14:23.480 --> 00:14:26.960
Mají velmi jednoduché ukázkové příklady
tabulky a potom klepněte na příkaz Seřadit o sestavení

00:14:27.010 --> 00:14:30.100
na to vám poskytnou další informace
na jak lze přizpůsobit

00:14:30.150 --> 00:14:34.000
Tabulka s pruhy, na
mít ohraničení, jak vytvořit

00:14:34.050 --> 00:14:38.360
to nebude reagovat, jak formuláře,
tak dále a tak dále.

00:14:38.410 --> 00:14:43.140
Bootstrap má ve výbavě
JavaScript oblasti kde jejich

00:14:43.190 --> 00:14:48.070
vám umožní provádět poměrně modální rozevíracích seznamů
snadné. Tak toto je příklad

00:14:48.120 --> 00:14:51.410
o jak modalem dialog
vypadat

00:14:53.140 --> 00:14:57.050
v Bootstrap. Díky tomu ve skutečnosti
Chcete-li přidat tuto funkci snadno

00:14:57.100 --> 00:14:58.860
do aplikace také.

00:14:58.910 --> 00:15:04.360
Tak jiný běžný scénář,
lidí s obrázky je jak

00:15:04.410 --> 00:15:07.930
Generovat miniatury
pro vaši aplikaci.

00:15:08.470 --> 00:15:14.330
V této aplikaci tedy na
Přihlaste se pomocí účtu služby Facebook

00:15:14.380 --> 00:15:17.870
a přejdu k načtení informací o
o mých přátel, jejich obrázky.

00:15:18.170 --> 00:15:20.270
A kliknete na zobrazení
je v uživatelském rozhraní.

00:15:21.060 --> 00:15:24.040
Tak to je opět jednou z funkcí
Máme v technologii ASP.NET

00:15:24.090 --> 00:15:27.190
Pokud jste přihlášení šablony
přes zprostředkovatele, jako sociální

00:15:27.240 --> 00:15:32.630
Účet služby Facebook, Google, Microsoft
takže vývojáři mohou poskytovat

00:15:32.680 --> 00:15:34.020
Rozšířené možnosti.

00:15:37.610 --> 00:15:39.120
Manuální přihlásit přes Facebook.

00:15:40.150 --> 00:15:43.440
Tak to přejde na Facebook. Ověřování
mě. Je vrácen

00:15:43.490 --> 00:15:48.690
do aplikace. Po I 'm ověření
načte obrázek profilu.

00:15:49.070 --> 00:15:50.650
A kliknutím na mé jméno

00:15:52.530 --> 00:15:55.590
uvidíte seznam
Přátelé bude spuštěna. A Já jsem

00:15:55.640 --> 00:15:58.450
zobrazení všech obrázků. A
uvidíte, jak obrázky

00:15:58.500 --> 00:16:01.850
sort z úhledně zarovnány jsou ve formátu
miniatury a tak Představte si,

00:16:01.900 --> 00:16:04.500
množství kódu, který musel jsem napsat
Generovat tento druh na

00:16:04.550 --> 00:16:09.640
Označte. Ano, je-li přepnout zpět na
Moje aplikace a přejít na

00:16:09.690 --> 00:16:11.770
informace o stránce Facebook

00:16:13.970 --> 00:16:16.530
Toto je množství kódu, které jsem měl
zápis generují miniatury.

00:16:16.580 --> 00:16:20.150
Je to opět velmi málo CSS.
Jedná se o CSS třídy,

00:16:20.200 --> 00:16:23.880
pochází z Bootstrap framework.
Není nutné psát

00:16:23.930 --> 00:16:29.350
jakékoli vlastní CSS generovat miniatury
Zobrazit všechny obrázky.

00:16:29.400 --> 00:16:34.510
Právě proto opět zavřít na
to: Bootstrap integrace technologie ASP.NET

00:16:34.560 --> 00:16:39.640
šablony je skutečně snadné
začít se šablonou

00:16:39.690 --> 00:16:43.720
což je citlivé, což je mobilní
popisný, což je metro

00:16:43.770 --> 00:16:47.370
s motivem, který je skutečně snadné
k sestavení aplikace

00:16:47.420 --> 00:16:51.220
tak, že vyberete jiný formulář
faktory a různých prohlížečích.

00:16:51.690 --> 00:16:54.390
A trávíte většinu času
vytváření aplikace určené

00:16:54.510 --> 00:16:57.220
Logika a bez obav
uživatelské rozhraní framework.

00:16:57.730 --> 00:17:00.560
Tak doufám, že ho mají. Děkujeme vám, že
je pro sledování tohoto videa.

00:17:00.610 --> 00:17:03.870
Doufám, že náležejí Bootstrap
integrace v sadě Visual Studio

00:17:03.920 --> 00:17:07.640
a ASP.NET a snad že vám bude
Pomocí těchto šablon můžete vytvořit

00:17:07.690 --> 00:17:11.440
nahoru aplikací. Chcete-li získat další informace
můžete přejít na web technologie ASP.NET

00:17:11.490 --> 00:17:17.300
a zkontrolovat, jak lze integrovat
Bootstrap lépe.