WEBVTT

00:00:00.200 --> 00:00:04.200
[Poniższe tłumaczenie jest zapewniane przez Bing Translator]


00:00:09.100 --> 00:00:13.700
Witaj Nazywam się Rastogi Jacek i pracuję w zespole ASP.NET w programie Microsoft.

00:00:14.440 --> 00:00:20.290
Dziś będę pokazywać nowy program ASP.NET
Szablony w 2013 programu Visual Studio.

00:00:21.040 --> 00:00:24.710
Przeglądania i coraz więcej osób
swoich witryn sieci Web za pośrednictwem telefonów,

00:00:24.760 --> 00:00:28.600
rysownice i różnych urządzeń, to
bardziej krytyczne dla deweloperów sieci web

00:00:28.650 --> 00:00:31.740
do tworzenia serwisów, które mogą współpracować z
Czynniki innego formularza.

00:00:32.410 --> 00:00:35.530
Wewnątrz szablonów Rozpoczęliśmy
Aby użyć ramy o nazwie

00:00:35.580 --> 00:00:38.260
Bootstrap, który jest ogromny postęp
wrażenia że

00:00:38.310 --> 00:00:41.110
Mamy dostarczany w ciągu ostatnich Visual
Zwalnia Studio.

00:00:42.050 --> 00:00:44.860
Bootstrap czyni go bardzo łatwo
do tworzenia witryn sieci Web, które można

00:00:44.910 --> 00:00:49.340
docelowa innej formie czynników, i
Będziemy to wideo wprowadzające

00:00:49.390 --> 00:00:53.990
po prostu Zobacz jak utworzyć szablony
Użyj bootstrap i ustawianie

00:00:54.040 --> 00:00:57.190
Projekt, który można zbudować sieci
aplikacje na. Więc jestem

00:00:57.240 --> 00:01:01.210
być wyświetlono Bootstrap integracji
w szablonach programu ASP.NET

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

00:01:03.900 --> 00:01:08.040
Jak może być poznanie jako deweloperów sieci web
teraz coraz więcej osób

00:01:08.090 --> 00:01:11.430
uzyskują dostęp do witryn sieci Web za pośrednictwem
ich różnych urządzeń.

00:01:11.480 --> 00:01:14.240
One uzyskiwany jest dostęp za pośrednictwem ich
telefony, poprzez ich tabletki,

00:01:14.590 --> 00:01:19.250
poprzez ich komputerów za pośrednictwem ich
phablets, więc staje się dużo

00:01:19.300 --> 00:01:22.760
ważniejsze Projektant sieci web
Aby móc kierować wszystkie te

00:01:22.810 --> 00:01:25.790
Czynniki innej formie we wszystkich
te różne urządzenia.

00:01:26.520 --> 00:01:31.390
I jak rodzaju ruch do przodu
rozwój sieci komórkowej staje się

00:01:31.440 --> 00:01:35.180
krytyczne częścią opracowania
przepływ pracy. I w tym samym czasie

00:01:35.730 --> 00:01:38.430
pisania tych rodzajów aplikacji
ciężko. Trzeba było

00:01:38.480 --> 00:01:43.810
Aby zapisać niestandardowe CSS. Trzeba było
Przesuń w wielu logiki do

00:01:43.860 --> 00:01:46.650
Aplikacja która
oparto na logikę interfejsu użytkownika.

00:01:47.270 --> 00:01:51.030
Więc co możemy zrobić w wizualne
Harmonogram Studio 2013

00:01:51.080 --> 00:01:55.920
Deweloperzy sieci web ASP.NET to wszystkie
z naszych domyślne szablony są

00:01:55.970 --> 00:01:58.210
teraz na podstawie Bootstrap.

00:01:58.730 --> 00:02:03.940
Tak więc Bootstrap jest strukturą CSS
rodzaj ułatwia

00:02:03.990 --> 00:02:05.480
do sieci web, rozwoju.

00:02:06.210 --> 00:02:08.960
Tak, jeśli myślisz o wszystkich przyziemnych
zadania, które musisz

00:02:09.010 --> 00:02:12.540
czy jako deweloperów sieci web związanych ze stylami
obraz, style tabel,

00:02:12.590 --> 00:02:16.420
Formularze stylizacji i upewniając się, że
wygląd wszystkich tych stylów i

00:02:16.470 --> 00:02:20.560
czuć się tym samym w różnych przeglądarkach
przez różne urządzenia.

00:02:20.610 --> 00:02:23.520
Istnieje wiele kod ten użytkownik
trzeba napisać. Tak więc teraz z

00:02:23.570 --> 00:02:27.880
wprowadzenie Bootstrap ma
ułatwia tworzenie stron internetowych

00:02:27.930 --> 00:02:32.810
w tych ramach, które uwzględniają
opieka nad wszystkie te problemy

00:02:32.860 --> 00:02:37.180
dla Ciebie. Tak więc w Visual Studio 2013
wszystkie szablony programu ASP.NET

00:02:37.230 --> 00:02:42.630
dla podobnego MVC, formularzy sieci Web, aplikacji dźwigar
Aplikacje sieci Web API;

00:02:43.120 --> 00:02:45.810
wszystkie z naszych szablonów są teraz oparte
na Bootstrap tak, że gdy

00:02:45.860 --> 00:02:48.990
Tworzenie aplikacji i kiedy
Rozpoczęcie pracy z nim, My

00:02:49.040 --> 00:02:52.580
rodzaj Cię w kierunku zoptymalizowane
doświadczenie, które będzie

00:02:52.630 --> 00:02:55.820
pomocne w tworzeniu aplikacji który
mogą współpracować z różnych urządzeń.

00:02:56.890 --> 00:02:59.150
Czym jest Bootstrap naprawdę?

00:02:59.890 --> 00:03:05.840
Bootstrap jest w zasadzie ramy CSS
który umożliwia web rozwoju.

00:03:05.890 --> 00:03:09.050
Więc Bootstrap dba o
więcej krytycznych części sieci web

00:03:09.100 --> 00:03:11.310
rozwijanie przestrzeni. Jest to elastyczne.

00:03:11.890 --> 00:03:17.370
Ma ona mobilnych pierwsze podejście. Ma on
metro projekt jako fronton

00:03:18.220 --> 00:03:21.990
doświadczenia deweloperów, dzięki czemu po użytkownik
rozpocząć tworzenie aplikacji sieci web

00:03:22.040 --> 00:03:23.600
Pobierz wszystkie te korzyści.

00:03:24.510 --> 00:03:27.330
I myślę, że jestem dość dumny
że jednym z najciekawszych rzeczy

00:03:27.380 --> 00:03:29.880
Zrobiliśmy z Bootstrap
Integracja z vs jest firma Microsoft

00:03:29.930 --> 00:03:34.500
zintegrowany Bootstrap 3 z
Visual Studio 2013 RTM.

00:03:34.550 --> 00:03:38.830
I Bootstrap 3 jest ogromny postęp
nad Bootstrap 2, ponieważ

00:03:38.880 --> 00:03:42.780
ma wyrażać mobilnych przodu rozwijających się
Centrum i. Jest zoptymalizowany

00:03:42.830 --> 00:03:46.460
dla pierwszej mobilnych. I zacząć od
z małym urządzeniem a następnie

00:03:46.510 --> 00:03:51.500
Użytkownik skali, a witrynę rodzaju
Skaluje bardzo dobrze na tej platformie.

00:03:52.270 --> 00:03:55.280
To jeden z najważniejszych funkcji
Ta wersja jest jak sortowane

00:03:55.330 --> 00:03:57.910
daje najnowsze i najlepsze
to się dzieje w sieci web

00:03:57.960 --> 00:04:01.030
rozwijanie tak, że podczas uruchamiania
opracowywanie aplikacji z

00:04:01.080 --> 00:04:05.320
Program ASP.NET w programie Visual Studio, rozpoczęcie pracy
z najnowszymi tam.

00:04:05.370 --> 00:04:08.220
Tak, będę pokazywać można na kilka sposobów
że mamy rodzaju zintegrowane

00:04:08.610 --> 00:04:11.710
Bootstrap do naszych szablonów i
Dam szybki przegląd

00:04:11.760 --> 00:04:15.780
jakie Bootstrap integracji
jest tak, że można szybko

00:04:15.830 --> 00:04:22.380
Rozpoczęcie pracy. Jeśli tworzysz jakiegokolwiek projektu
w programie ASP.NET... W moim przypadku

00:04:22.430 --> 00:04:25.160
Powstał aplikacji ASP.NET MVC.

00:04:25.810 --> 00:04:30.420
A jeśli mogę uruchomić aplikację w
można zobaczyć, że przeglądarki

00:04:30.470 --> 00:04:35.310
witryna ma rodzaj metra projektu
do niego. I najfajniejsze

00:04:35.360 --> 00:04:39.500
o tej aplikacji jest, gdy uruchamiam
Aby zmienić rozmiar mojej aplikacji

00:04:39.550 --> 00:04:46.220
więc jeśli go całą szerokość zostanie wyświetlone
witryny zajmuje całej przestrzeni.

00:04:46.270 --> 00:04:50.080
Ale jeśli rozpocząć przewijania wstecz, możesz
jak bezpiecznie zobaczą wszystkie

00:04:50.130 --> 00:04:54.160
spadek elementy i jak elastyczne
witryna jest. Jeśli przewijania

00:04:54.210 --> 00:04:57.010
poza szerokość będzie
Zobacz Aby uzyskać listy rozwijanej w celu

00:04:57.060 --> 00:05:00.860
Moja aplikacja, która daje mi
wszystkie łącza nawigacji.

00:05:01.580 --> 00:05:05.770
Tak więc wyobrazić sobie wszystkie te funkcje
które otrzymujesz, i

00:05:05.820 --> 00:05:09.670
Jeśli spojrzeć na kwotę arkusza CSS, który
Miałem zapisu dla mojej aplikacji

00:05:10.270 --> 00:05:15.150
to było dość minimalnie. Więc jeśli I
Otwórz CS mojej witryny, które chcesz zobaczyć

00:05:15.200 --> 00:05:20.140
że jest Mój CSS na poziomie aplikacji
około 30 do 40 linii kodu

00:05:20.190 --> 00:05:23.990
co jest głównie wokół sprawdzania poprawności
i wprowadzenie część zawartości wokół

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

00:05:25.990 --> 00:05:29.370
Tak więc ponownie z niewielkiej ilości kodu CSS który
miał pisać, sortowania

00:05:29.420 --> 00:05:32.830
z dostał niesamowite funkcje
Po wyjęciu z pudełka. A jeśli były

00:05:33.400 --> 00:05:37.310
Przyjrzyj się jak już mieć witryny
wyglądał na magazyn systemu Windows

00:05:37.360 --> 00:05:42.810
Windows powierzchni, można by zobaczyć, że
Strona ponownie wygląda całkiem Modny.

00:05:42.860 --> 00:05:47.290
Ma ładny wygląd i działanie. JA
rodzaju mogą mieć różne tryby

00:05:47.340 --> 00:05:50.200
do witryny. Co to jest pionowa
tryb. Chcesz zobaczyć jak

00:05:50.250 --> 00:05:54.140
witryny zmniejsza się bezpiecznie. Jeżeli I
Hit link rejestr, nadal

00:05:54.190 --> 00:05:57.610
przedostawać Moje błędy sprawdzania poprawności
w tym miejscu. Mogą być przyciągane Wstecz.

00:05:58.460 --> 00:06:01.830
Tak aby było widać, że wszystkie różne
tryby, które mam, Moja witryna

00:06:01.880 --> 00:06:07.490
rodzaj wygląda dość dobrze w moim
komputera typu Tablet. Tak że jest najlepszym

00:06:07.540 --> 00:06:12.880
rzeczą Bootstrap jest wprowadzenie
rozpoczynania pracy i w jaki sposób

00:06:12.930 --> 00:06:16.200
łatwo jest sortowanie innego obiektu docelowego
Czynniki formularz bez potrzeby

00:06:16.250 --> 00:06:22.100
Aby zapisać wiele kodu CSS. Inny
Wielką zaletą Bootstrap

00:06:22.150 --> 00:06:26.420
Integracja jest Bootstrap ekosystemu.
Więc sobie wyobrazić scenariusz

00:06:26.470 --> 00:06:28.470
czy trzeba było tematu witryny.

00:06:29.100 --> 00:06:32.130
I historycznie themeing zawsze
jednym z głównych ból

00:06:32.180 --> 00:06:33.680
punkty dla deweloperów sieci web.

00:06:34.220 --> 00:06:37.900
Dzięki integracji Bootstrap
dość łatwo zacząć

00:06:37.950 --> 00:06:41.820
z szablonu i tematu go. Tak
Mogę przejść do witryny o nazwie

00:06:41.870 --> 00:06:46.040
Bootswatch.com, który jest agregacja
różnych motywów, które

00:06:46.090 --> 00:06:49.650
są wolne, niektóre są płatne, a następnie
można je łatwo zainstalować

00:06:49.700 --> 00:06:54.630
do aplikacji. Tak więc w tym pokazie
Zamierzam wybrać tego motywu.

00:06:55.220 --> 00:06:59.450
Mam zamiar powiedzieć, wystarczy pobrać
Bootstrap CSS. Więc teraz otworzyć

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

00:07:02.050 --> 00:07:03.260
Skopiuj zawartość.

00:07:03.920 --> 00:07:07.880
I rodzaju wrócić do mojego projektu
i mam zamiar zastąpić

00:07:07.930 --> 00:07:12.170
Bootstrap framework z
temat, który właśnie pobrany.

00:07:12.220 --> 00:07:15.990
A jeśli Moja witryna zostanie uruchomiony ponownie
zobaczą, że Moja witryna jest teraz

00:07:16.040 --> 00:07:21.650
ponownie ma wygląd nowej
temat, który został wybrany z Bootswatch.

00:07:21.700 --> 00:07:26.720
Ma ten sam temat niebieski który
Wybieram tutaj i wszystkie moje

00:07:26.770 --> 00:07:30.530
Zmiana łącza, moją zmianę przycisków
a jeśli mam się zarejestrować I uzyskać

00:07:30.580 --> 00:07:33.370
te same błędy sprawdzania poprawności
Czy mogę coraz wcześniej.

00:07:33.980 --> 00:07:38.560
Tak w ciągu kilku sekund
Udało mi się zmiany motywu

00:07:38.610 --> 00:07:41.550
mojej witryny dość łatwo.

00:07:42.170 --> 00:07:45.140
Dla tych, którzy zastanawia się
jak uzyskać Bootstrap do

00:07:45.190 --> 00:07:51.300
projektu, możemy rodzaju redystrybuować
Bootstrap jako pakiet NuGet.

00:07:51.350 --> 00:07:56.190
Tak to mają już szablony projektów
pakiet o nazwie Bootstrap zainstalowany.

00:07:56.790 --> 00:08:00.590
A jeśli nie zaczynasz nowy
Projekt programu ASP.NET, można po prostu

00:08:00.640 --> 00:08:04.010
Pobierz ten pakiet Bootstrap
do projektu.

00:08:04.820 --> 00:08:09.020
I przynosi ten pakiet NuGet
w następujących plikach: przynosi

00:08:09.070 --> 00:08:13.500
w folderze formularza przynosi w
wszystkie style CSS widżetu Bootstrap

00:08:13.550 --> 00:08:18.450
ramy, a przynosi w języku JavaScript
Bootstrap Framework.

00:08:19.200 --> 00:08:23.120
I rodzaju szablony Optymalizacja
doświadczenie gdzie pakiet

00:08:23.170 --> 00:08:28.010
wszystkie style CSS i JavaScript
w oddzielnych wiązkę, aby

00:08:28.060 --> 00:08:32.590
rodzaju sprawiają minimalne żądania
do sieci, a następnie

00:08:32.640 --> 00:08:35.930
optymalizacji witryny sieci
wydajność, jak również. Więc po prostu

00:08:35.980 --> 00:08:39.070
smakołyk informacji jak
Szablony projektów są skonfigurowane.

00:08:39.120 --> 00:08:42.480
Optymalizacja dla Bootstrap i
następnie zoptymalizowane pod kątem przekazywania netto

00:08:42.530 --> 00:08:42.940
jak również.

00:08:42.990 --> 00:08:50.810
Tak więc Bootstrap jako motyw, co to
wywołania systemowe siatki. Tak

00:08:50.860 --> 00:08:54.760
sposób cały Bootstrap framework
jest przeznaczony jest pod względem:

00:08:54.810 --> 00:09:00.020
Siatka. I spowoduje, że system ładowania początkowego
elastyczne doświadczenie całej siatki.

00:09:00.490 --> 00:09:03.200
Dlatego w tym szablonie są wyświetlane
że mam trzy kolumny

00:09:03.450 --> 00:09:06.500
a Jeśli spojrzeć na jak można sortować
stosowania siatki będzie

00:09:06.550 --> 00:09:08.330
być podobny do następującego.

00:09:09.090 --> 00:09:13.080
Dlatego cała strona jest podzielony na
zestaw 12 kolumn i można

00:09:13.130 --> 00:09:19.750
określić jakie szerokość każdej kolumny
jest. W moim próbki każdego

00:09:19.800 --> 00:09:23.580
kolumna jest o szerokości 4, więc mam
3 kolumny, a następnie dodać

00:09:23.630 --> 00:09:28.500
do 12. Tak więc Załóżmy, że powinny być zmieniane
Zmienianie rozmiaru nieco ostatniej kolumny

00:09:28.550 --> 00:09:31.660
odmiennie od środkowej kolumny.
Wszystko, co musisz zrobić to w zasadzie

00:09:31.710 --> 00:09:36.520
Zmienianie rozmiaru siatki tak, aby
sumuje wszystkie zmiany rozmiaru siatki

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

00:09:38.100 --> 00:09:41.000
Więc 6-8 do 10 i

00:09:42.960 --> 00:09:47.170
Można utworzyć że 4, umieścić go w
mojej aplikacji i wrócić.

00:09:47.220 --> 00:09:50.980
Powiedz F5 kontroli. Więc chcesz zobaczyć, jak
kolumny w pewnym sensie podzielone.

00:09:51.030 --> 00:09:54.420
Ten jeden został 2 kolumny. To
jedna stała 6 kolumn i to

00:09:54.470 --> 00:09:55.490
jeden stał się 4.

00:09:56.050 --> 00:10:00.200
A nawet gdyby to rozmiar
szablon, można zobaczyć jak

00:10:00.250 --> 00:10:05.790
łagodnie witryny sortować upadkom tak
Można kierować inną rozdzielczość.

00:10:06.680 --> 00:10:09.900
I ponownie nadal uzyskać korzyści
elastyczne RAM.

00:10:11.220 --> 00:10:15.500
Kolejną ważną cechą tego doświadczenia
jest sortowanie radzenia sobie z obrazami.

00:10:16.130 --> 00:10:22.850
Wszyscy mają różne obrazy
rozmiary, a to dość trudne

00:10:22.900 --> 00:10:26.270
Aby obraz doświadczenia
odpowiadać. Powiedzmy

00:10:26.320 --> 00:10:30.960
Dodać ten obraz do swojej aplikacji
i rodzaju wrócić do

00:10:31.010 --> 00:10:35.590
Moja witryna. Więc Pozwól mi uruchamianie
Moja aplikacja ponownie.

00:10:35.640 --> 00:10:42.110
Tak więc chcesz zobaczyć sposób sortowania obrazu
przyjmuje w trybie pełnoekranowym

00:10:42.480 --> 00:10:47.950
i to sortowanie MES się układ mojej witryny.
I wygląda bardzo niekorzystne.

00:10:48.970 --> 00:10:52.480
Bootstrap teraz I pozwala sortować z
Mój obraz z tego atrybutu

00:10:52.530 --> 00:10:58.590
jest równe klasy obraz odpowiadający
doda odpowiadać działanie

00:10:58.640 --> 00:11:02.960
do tego obrazu i upewnij się, że
Obraz wynikowy wygląda ładnie.

00:11:03.010 --> 00:11:08.280
Dlatego w tym doświadczeniu
że teraz jest uzyskanie obrazu

00:11:08.330 --> 00:11:10.450
poprawnie renderować. W rzeczywistości

00:11:12.830 --> 00:11:15.730
Gdyby umieścić ten obraz w tym

00:11:17.150 --> 00:11:22.070
div, zobaczymy, że tak będzie
Pobierz suwaków z

00:11:22.120 --> 00:11:24.970
Jak również bootstrap. Tak więc to, co
obraz wygląda podobnie jak na

00:11:25.020 --> 00:11:29.450
pełnego widoku. Gdyby w pewnym sensie
zmienić jego rozmiar, można zobaczyć jak

00:11:29.500 --> 00:11:34.950
Powoduje przyciąganie i nadal wygląda dość obrazu
Schłodzić nawet przy małych rozmiarów

00:11:35.000 --> 00:11:38.570
podobny do tego. Co to jest jak Twój
Witryna będzie wyglądał w telefonie.

00:11:38.620 --> 00:11:42.990
Tak więc ponownie nie mam do pisania
wszelkie CSS w mojej aplikacji; wszystkie

00:11:43.040 --> 00:11:48.020
Musiałem zrobić był używany w ramach Bootstrap
i uzyskać elastyczne

00:11:48.070 --> 00:11:50.470
charakter do moich obrazów do
Moje obrazy również.

00:11:51.460 --> 00:11:55.590
Innym typowym scenariuszem jest tabel.

00:11:57.380 --> 00:12:01.970
Zobaczmy więc jak pomaga Bootstrap
tabele, jak również nas stylu.

00:12:02.500 --> 00:12:06.350
Oto Tabela że
w mojej aplikacji.

00:12:07.470 --> 00:12:12.660
Można przenosić go tutaj, przejdź wstecz
na mojej stronie formantu F5.

00:12:13.760 --> 00:12:18.030
Tak jest wygląd tabeli
w zasadzie: imię, nazwisko.

00:12:18.080 --> 00:12:21.360
Wygląda to dość zwykłych. Warto więc
Zobacz, jak można możemy szybko styl

00:12:21.410 --> 00:12:26.370
Tabela wygląda nieco lepiej.
Tak więc można przypisać tabeli

00:12:26.420 --> 00:12:32.730
z tej klasy jest równa tabela, do której sortowania
z zapewnia bardzo minimalistyczne

00:12:32.780 --> 00:12:36.920
Utwórz konspekt do całej tabeli. Mogę
być bardzo ozdobne. Mogę powiedzieć, I

00:12:36.970 --> 00:12:42.580
wstawić tabelę obramowanych lub I
potrzeba tabeli z paskami.

00:12:43.500 --> 00:12:49.130
Chcę funkcjonalność aktywowanego
tak aktywowanego tabeli.

00:12:54.460 --> 00:12:57.140
Dodaliśmy również technologię IntelliSense dla
Bootstrap, więc można zauważyć

00:12:57.190 --> 00:13:00.590
tak jak wpisuję dostaję technologii IntelliSense
dla wszystkich klas Bootstrap.

00:13:00.640 --> 00:13:03.200
Tak więc wszystkie te klasy są definiowane
w ramach Bootstrap,

00:13:03.500 --> 00:13:07.270
i w programie Visual Studio web developer
doświadczenie, które są nam oświetlenie

00:13:07.320 --> 00:13:13.470
się tej technologii IntelliSense dla Ciebie. Tak
Jeśli zobaczysz F5 kontroli jak

00:13:13.520 --> 00:13:18.480
Mam paski. Mam obramowanie.
Mam marżę. Tak może

00:13:18.530 --> 00:13:23.730
bardzo szybko rodzaju styl Moje tabele.
I ponownie są bardzo

00:13:23.780 --> 00:13:28.560
często używane operacje CSS który
Zrobić we własnej aplikacji.

00:13:28.610 --> 00:13:32.060
Tak więc Bootstrap tylko ułatwia
korzystać ze wszystkich tych funkcji.

00:13:32.110 --> 00:13:36.590
Bootstrap ma inną funkcję o nazwie
Glyphicons. Powiedzmy

00:13:36.640 --> 00:13:41.670
Chciałem, aby umieścić ikonę Poczta
w tym miejscu i można określić klasę

00:13:44.480 --> 00:13:46.520
Koperta-o nazwie glyphicon.

00:13:48.920 --> 00:13:53.780
A jeśli mogę używać aplikacji ponownie,
Przejdź wstecz z kontaktem, będzie

00:13:53.830 --> 00:13:55.920
Zobacz, jak uzyskać

00:13:57.460 --> 00:14:00.370
koperty lub ikonę Poczta
nad we własnej aplikacji.

00:14:01.010 --> 00:14:04.360
Więc jeszcze raz, na jeden ze sposobów gdzie Bootstrap
w pewnym sensie sprawia, że to naprawdę

00:14:04.410 --> 00:14:09.480
można łatwo dodać tę funkcję
do aplikacji. Wielki

00:14:09.530 --> 00:14:14.970
sposób uczenia się o Bootstrap
ma zamiar ich witryny sieci Web, jeśli

00:14:15.020 --> 00:14:19.520
start samouczków
CSS. Mają one praktyczne

00:14:19.570 --> 00:14:23.210
podejście do pisania samouczków
dlatego wystarczy kliknąć na tabelach.

00:14:23.480 --> 00:14:26.960
Mają one bardzo podstawowe przykłady
tabele, a następnie budować o sortowania

00:14:27.010 --> 00:14:30.100
po to aby dać więcej informacji
w jaki sposób można dostosować

00:14:30.150 --> 00:14:34.000
Aby mieć paski, do tabeli
mieć obramowania, jak zrobić

00:14:34.050 --> 00:14:38.360
to reakcje, jak formularze,
tak dalej i tak dalej.

00:14:38.410 --> 00:14:43.140
Bootstrap ma inną funkcję
obszar JavaScript gdzie one

00:14:43.190 --> 00:14:48.070
pozwalają zrobić dość modalne list rozwijanych
łatwe. Co to jest przykład

00:14:48.120 --> 00:14:51.410
z jak dialog po zakończeniu instalacji
będzie wyglądać

00:14:53.140 --> 00:14:57.050
w Bootstrap. To sprawia, że naprawdę
można łatwo dodać tę funkcję

00:14:57.100 --> 00:14:58.860
do aplikacji również.

00:14:58.910 --> 00:15:04.360
Tak więc innym typowym scenariuszem który
do osób z obrazów jest jak

00:15:04.410 --> 00:15:07.930
wygenerować miniatury
dla aplikacji.

00:15:08.470 --> 00:15:14.330
Więc ta aplikacja zamierzam
Zaloguj się za pomocą konta Facebook

00:15:14.380 --> 00:15:17.870
i mam zamiar pobrania informacji
o moich znajomych swoje obrazy.

00:15:18.170 --> 00:15:20.270
I zamierzam Pokaż
Możesz w interfejsie użytkownika.

00:15:21.060 --> 00:15:24.040
Tak więc ponownie jest jedną z funkcji
Mamy w programie ASP.NET

00:15:24.090 --> 00:15:27.190
Szablony, gdzie możesz się zalogować
przez dostawcę społecznych, takich jak

00:15:27.240 --> 00:15:32.630
Konto Microsoft Facebook, Google,
tak, aby deweloperzy mogą dostarczać

00:15:32.680 --> 00:15:34.020
doświadczenie Ulepsz.

00:15:37.610 --> 00:15:39.120
Pozwól mi się zalogować za pośrednictwem Facebook.

00:15:40.150 --> 00:15:43.440
Tak to prowadzi do Facebook. Uwierzytelniania
mnie. Wraca

00:15:43.490 --> 00:15:48.690
do aplikacji. Po uwierzytelnieniu jestem I
pobiera obraz profilu.

00:15:49.070 --> 00:15:50.650
A jeśli kliknij na moje nazwisko

00:15:52.530 --> 00:15:55.590
zostanie wyświetlone na liście
znajomi będą pochodzić. I jestem

00:15:55.640 --> 00:15:58.450
wyświetlane są wszystkie Moje obrazy. I
zobaczysz jak obrazy

00:15:58.500 --> 00:16:01.850
rodzaj ładnie są formatowane w
miniatury, a więc sobie wyobrazić

00:16:01.900 --> 00:16:04.500
ilość kodu, który trzeba było pisać
Aby wygenerować ten rodzaj

00:16:04.550 --> 00:16:09.640
Oznaczanie. Dlatego jeśli powrócić do
Moja aplikacja i jeśli można przejść do

00:16:09.690 --> 00:16:11.770
Moje informacje Facebook

00:16:13.970 --> 00:16:16.530
jest to ilość kodu, który miał
Aby zapisać do generowania miniaturek.

00:16:16.580 --> 00:16:20.150
Jest więc ponownie niewielkiej ilości kodu CSS.
Są to CSS klasy, które

00:16:20.200 --> 00:16:23.880
pochodzą z ramami Bootstrap.
Nie mam do pisania

00:16:23.930 --> 00:16:29.350
wszelkie niestandardowe CSS, aby wygenerować miniatury
Wyświetl wszystkie Moje obrazy.

00:16:29.400 --> 00:16:34.510
Tylko tak ponownie zamknąć na
to: Bootstrap integracji w środowisku ASP.NET

00:16:34.560 --> 00:16:39.640
Szablony sprawia, że bardzo proste
Aby rozpocząć pracę z szablonem

00:16:39.690 --> 00:16:43.720
który jest reakcje, które jest ruchoma
przyjazny, który jest linia metra

00:16:43.770 --> 00:16:47.370
tematyczne, co sprawia, że naprawdę
do tworzenia aplikacji

00:16:47.420 --> 00:16:51.220
tak, że można kierować inny formularz
Czynniki i różnych przeglądarkach.

00:16:51.690 --> 00:16:54.390
Można wydać większość czasu
budowanie swojej aplikacji

00:16:54.510 --> 00:16:57.220
logikę i nie martwić się o
Struktura interfejsu użytkownika.

00:16:57.730 --> 00:17:00.560
Mam nadzieję, że to korzystają. Dziękuję
można do oglądania tego pliku wideo.

00:17:00.610 --> 00:17:03.870
Mam nadzieję, że korzystają Bootstrap
Integracja w programie Visual Studio

00:17:03.920 --> 00:17:07.640
i ASP.NET i mam nadzieję, że będzie
Użyj tych szablonów do tworzenia

00:17:07.690 --> 00:17:11.440
zapasowych aplikacji. Aby dowiedzieć się więcej
można przejść do witryny ASP.NET

00:17:11.490 --> 00:17:17.300
i sprawdzić, w jaki można zintegrować
Bootstrap lepiej.