WEBVTT

00:00:00.200 --> 00:00:04.200
[Esta tradução foi feita pelo Bing Translator]


00:00:09.100 --> 00:00:13.700
Olá, meu nome é Pranav Rastogi e trabalho para a equipe do ASP.NET no Microsoft.

00:00:14.440 --> 00:00:20.290
Hoje que eu mostrando o ASP.NET novo
modelos do Visual Studio 2013.

00:00:21.040 --> 00:00:24.710
Como cada vez mais pessoas estão navegando
seus sites por meio de celulares,

00:00:24.760 --> 00:00:28.600
tablets e dispositivos diferentes, é
mais importante para os desenvolvedores da web

00:00:28.650 --> 00:00:31.740
para criar sites que podem ter como alvo
fatores de forma diferente.

00:00:32.410 --> 00:00:35.530
Dentro de modelos começamos
usar uma estrutura chamada

00:00:35.580 --> 00:00:38.260
Bootstrap, que é um enorme aperfeiçoamento
a experiência que

00:00:38.310 --> 00:00:41.110
enviamos o Visual nos últimos
Versões do Studio.

00:00:42.050 --> 00:00:44.860
Bootstrap torna realmente facilmente
para criar sites da Web que pode

00:00:44.910 --> 00:00:49.340
fatores de forma diferente, de destino e
Este vídeo introdutório será

00:00:49.390 --> 00:00:53.990
ver como os modelos se
uso de Bootstrap e configurar um

00:00:54.040 --> 00:00:57.190
o projeto que você pode criar seu
aplicativos. Portanto, vou

00:00:57.240 --> 00:01:01.210
mostrando a integração de Bootstrap
nos modelos de ASP.NET

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

00:01:03.900 --> 00:01:08.040
Como você pode saber como os desenvolvedores da web
Agora cada vez mais pessoas

00:01:08.090 --> 00:01:11.430
acessando sites através
seus dispositivos diferentes.

00:01:11.480 --> 00:01:14.240
Eles estão acessando por meio de suas
por meio de seus tablets, telefones

00:01:14.590 --> 00:01:19.250
por meio de seus PCs, por meio de suas
phablets, portanto, está ficando muito

00:01:19.300 --> 00:01:22.760
mais importante, como um desenvolvedor da web
para ser capaz de atingir todos esses

00:01:22.810 --> 00:01:25.790
fatores de forma diferente em todos
Esses dispositivos diferentes.

00:01:26.520 --> 00:01:31.390
E à medida que tipo de avançarmos
desenvolvimento na web móvel torna-se

00:01:31.440 --> 00:01:35.180
crítica uma parte do desenvolvimento
fluxo de trabalho. E tudo isso ao mesmo tempo

00:01:35.730 --> 00:01:38.430
gravar esses tipos de aplicativos
tem sido difícil. Você tinha

00:01:38.480 --> 00:01:43.810
Gravar CSS personalizado. Você precisava
Trazer muita lógica em

00:01:43.860 --> 00:01:46.650
o aplicativo que
baseava-se na lógica de interface do usuário.

00:01:47.270 --> 00:01:51.030
Então o que fizemos no Visual
Período de 2013 Studio para

00:01:51.080 --> 00:01:55.920
os desenvolvedores da web ASP.NET é tudo
nosso padrão são modelos

00:01:55.970 --> 00:01:58.210
Agora com base na inicialização.

00:01:58.730 --> 00:02:03.940
Portanto, Bootstrap é um framework CSS
que tipo de torna mais fácil

00:02:03.990 --> 00:02:05.480
a web de desenvolvimento.

00:02:06.210 --> 00:02:08.960
Portanto, se você pensar sobre todos os mundanos
tarefas que você precisa

00:02:09.010 --> 00:02:12.540
como os desenvolvedores da web como estilo
uma imagem, as tabelas de estilo

00:02:12.590 --> 00:02:16.420
Estilizando formulários e certificando-se de que
todos esses estilos de aparência e

00:02:16.470 --> 00:02:20.560
exatamente o mesmo em diferentes navegadores
em diferentes dispositivos.

00:02:20.610 --> 00:02:23.520
Há uma grande quantidade de código que você
necessidade de escrever. Agora, com o

00:02:23.570 --> 00:02:27.880
Introdução de Bootstrap tem
mais fácil criar seus sites

00:02:27.930 --> 00:02:32.810
em uma estrutura que usa
cuidado de todos esses problemas

00:02:32.860 --> 00:02:37.180
para você. Isso no Visual Studio 2013
todos os modelos do ASP.NET

00:02:37.230 --> 00:02:42.630
para como MVC, formulários da Web, aplicativos de Spar
Aplicativos da Web API;

00:02:43.120 --> 00:02:45.810
Agora com base em todos os modelos
na inicialização para que quando

00:02:45.860 --> 00:02:48.990
criar um aplicativo e quando
começar com ele, ela será

00:02:49.040 --> 00:02:52.580
classificação de orientar você na direção de um otimizado
experiência que será

00:02:52.630 --> 00:02:55.820
ajudá-lo a criar aplicativos que
pode direcionar dispositivos diferentes.

00:02:56.890 --> 00:02:59.150
O que é inicialização realmente?

00:02:59.890 --> 00:03:05.840
Bootstrap é basicamente uma estrutura CSS
que permite fazer web desenvolvimento.

00:03:05.890 --> 00:03:09.050
Para inicialização se encarrega da
partes mais importantes da web

00:03:09.100 --> 00:03:11.310
desenvolvimento de espaço. Está respondendo.

00:03:11.890 --> 00:03:17.370
Ele tem a primeira abordagem móvel. Ele tem
um design metro como um front-end

00:03:18.220 --> 00:03:21.990
Assim que uma vez a experiência do desenvolvedor você
Iniciar a criação de aplicativos web

00:03:22.040 --> 00:03:23.600
obter todos esses benefícios.

00:03:24.510 --> 00:03:27.330
E acho que tenho muito orgulho de dizer
que uma das coisas mais interessantes

00:03:27.380 --> 00:03:29.880
que fizemos com a inicialização
integração com o vs é nós

00:03:29.930 --> 00:03:34.500
integraram Bootstrap 3 com
Visual Studio RTM de 2013.

00:03:34.550 --> 00:03:38.830
E 3 de inicialização é um enorme aperfeiçoamento
sobre Bootstrap 2 porque

00:03:38.880 --> 00:03:42.780
levou para frente de desenvolvimento móvel
e central. Ele é otimizado

00:03:42.830 --> 00:03:46.460
para o primeiro móvel. E começar
com um dispositivo pequeno e, em seguida,

00:03:46.510 --> 00:03:51.500
Classificar escalar para cima e o site do
dimensiona bem nesta plataforma.

00:03:52.270 --> 00:03:55.280
Uma das grandes vantagens sobre
Esta versão é como podemos classificar

00:03:55.330 --> 00:03:57.910
fornecer o melhor e o mais recente
que está acontecendo na web

00:03:57.960 --> 00:04:01.030
desenvolvimento de forma que quando você inicia o
desenvolvimento de aplicativo com

00:04:01.080 --> 00:04:05.320
ASP.NET no Visual Studio, iniciar
com os mais recentes por aí.

00:04:05.370 --> 00:04:08.220
Portanto, mostrando algumas formas
que tipo de integramos

00:04:08.610 --> 00:04:11.710
Bootstrap em nossos modelos e
Vou fornecer uma visão geral rápida

00:04:11.760 --> 00:04:15.780
de que a integração de Bootstrap
é para que você possa rapidamente

00:04:15.830 --> 00:04:22.380
Para começar. Se você criar qualquer projeto
em ASP.NET... No meu caso

00:04:22.430 --> 00:04:25.160
Criei um aplicativo ASP.NET MVC.

00:04:25.810 --> 00:04:30.420
E se eu iniciar o aplicativo no
o navegador, você verá que

00:04:30.470 --> 00:04:35.310
o site tem tipo de um design metro
a ele. E o mais interessante

00:04:35.360 --> 00:04:39.500
sobre este aplicativo está se iniciar
Para redimensionar o meu aplicativo,

00:04:39.550 --> 00:04:46.220
Portanto, se eu entrar largura total você verá que
o site ocupa o espaço inteiro.

00:04:46.270 --> 00:04:50.080
Mas se eu iniciar a rolagem, você
verá como normalmente todos os

00:04:50.130 --> 00:04:54.160
a queda de elementos e capacidade
o site é. Se o rolo

00:04:54.210 --> 00:04:57.010
Além de uma determinada largura, você irá
ver que tenho uma lista suspensa para

00:04:57.060 --> 00:05:00.860
Meu aplicativo que me dá
todos os links de navegação.

00:05:01.580 --> 00:05:05.770
Então, imagine toda essa funcionalidade
que você está obtendo, e

00:05:05.820 --> 00:05:09.670
Se eu observar a quantidade de CSS que
Eu tinha gravação para meu aplicativo,

00:05:10.270 --> 00:05:15.150
era bastante minimamente. Portanto, se eu
Abra Meu. cs de site que você veria

00:05:15.200 --> 00:05:20.140
que é meu CSS de nível de aplicativo
cerca de 30 a 40 linhas de código

00:05:20.190 --> 00:05:23.990
que é principalmente em torno de validação
e colocar algum conteúdo ao redor

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

00:05:25.990 --> 00:05:29.370
Novamente, com muito pouco CSS que
tive de escrever, classificar

00:05:29.420 --> 00:05:32.830
de tem uma funcionalidade incrível
fora da caixa. E se você fosse

00:05:33.400 --> 00:05:37.310
Veja como o site já tem
pesquisado na Windows Store

00:05:37.360 --> 00:05:42.810
Superfície do Windows, você verá que
o site novamente parece bastante chamativo.

00:05:42.860 --> 00:05:47.290
Ele tem uma boa aparência. EU
classificação de pode ter diferentes modos

00:05:47.340 --> 00:05:50.200
para o site. Portanto, esse é o retrato
modo. Você verá como

00:05:50.250 --> 00:05:54.140
o site fica normalmente. Se eu
Clique no link Register, continua

00:05:54.190 --> 00:05:57.610
obter meus erros de validação
aqui. Eu posso ajustar novamente.

00:05:58.460 --> 00:06:01.830
Para que você possa ver que todos os diferentes
modos que tenho, meu site

00:06:01.880 --> 00:06:07.490
tipo de pesquisa muito bem em meu
Tablet. Essa é a mais fácil

00:06:07.540 --> 00:06:12.880
de inicialização é a obtenção
experiência de Introdução e como

00:06:12.930 --> 00:06:16.200
é fácil classificar de destino diferente
fatores de formulário sem ter que

00:06:16.250 --> 00:06:22.100
escrever muito código CSS. Outro
importante sobre a inicialização

00:06:22.150 --> 00:06:26.420
a integração é o ecossistema de Bootstrap.
Então, imagine um cenário

00:06:26.470 --> 00:06:28.470
que você tinha ao tema do site.

00:06:29.100 --> 00:06:32.130
E historicamente themeing tem sempre
foi uma grande tensão

00:06:32.180 --> 00:06:33.680
pontos para os desenvolvedores da web.

00:06:34.220 --> 00:06:37.900
Com a integração de Bootstrap
é bem fácil começar

00:06:37.950 --> 00:06:41.820
de um modelo e tema-lo. Então
Posso ir para o site chamado

00:06:41.870 --> 00:06:46.040
Bootswatch.com que é uma agregação
de diferentes temas que

00:06:46.090 --> 00:06:49.650
são gratuita, alguns são pagos e, em seguida,
Você pode instalá-las facilmente

00:06:49.700 --> 00:06:54.630
em seu aplicativo. Isso nesta demonstração
Vou escolher este tema.

00:06:55.220 --> 00:06:59.450
Vou dizer apenas download
CSS Bootstrap. Abrir agora

00:07:00.530 --> 00:07:01.120
o arquivo.

00:07:02.050 --> 00:07:03.260
Copie o conteúdo.

00:07:03.920 --> 00:07:07.880
E classificação de voltar ao meu projeto
e vou substituir

00:07:07.930 --> 00:07:12.170
o framework de inicialização com o
tema que baixei apenas.

00:07:12.220 --> 00:07:15.990
E se eu iniciar meu site novamente você
verá que meu site está agora

00:07:16.040 --> 00:07:21.650
novamente tem a aparência da nova
tema que escolhi para Bootswatch.

00:07:21.700 --> 00:07:26.720
Ele tem o mesmo tema azul que
Optei por aqui e todas as minhas

00:07:26.770 --> 00:07:30.530
alterar links, todas as minhas alterações de botões
e se registrar

00:07:30.580 --> 00:07:33.370
os mesmos erros de validação
que tive antes.

00:07:33.980 --> 00:07:38.560
Isso em questão de poucos segundos
Conseguiu alterar o tema

00:07:38.610 --> 00:07:41.550
do meu site bastante fácil.

00:07:42.170 --> 00:07:45.140
Para aqueles que estão se perguntando
como obter o Bootstrap em

00:07:45.190 --> 00:07:51.300
seu projeto, estamos quase de redistribuir
Inicializar como um pacote do NuGet.

00:07:51.350 --> 00:07:56.190
Para que os modelos de projeto já têm esse
pacote chamado Bootstrap instalado.

00:07:56.790 --> 00:08:00.590
E se você não estiver iniciando um novo
Projeto do ASP.NET, você pode simplesmente

00:08:00.640 --> 00:08:04.010
Baixe o pacote de inicialização
em seu projeto.

00:08:04.820 --> 00:08:09.020
E este pacote do NuGet traz
nos arquivos a seguir: ele oferece

00:08:09.070 --> 00:08:13.500
na pasta de formulário, ele oferece
todas as CSS para a inicialização

00:08:13.550 --> 00:08:18.450
estrutura e ele traz em JavaScript
para o framework de Bootstrap.

00:08:19.200 --> 00:08:23.120
E os modelos de classificação de otimizar
uma experiência onde eles agrupar

00:08:23.170 --> 00:08:28.010
todas as CSS e JavaScript
em um pacote separado para que

00:08:28.060 --> 00:08:32.590
classificação de fazer solicitações mínimas
para a rede e em seguida,

00:08:32.640 --> 00:08:35.930
otimizar o site para a rede
assim o desempenho. Portanto, basta

00:08:35.980 --> 00:08:39.070
um tidbit de informações como o
modelos de projeto estão configurados

00:08:39.120 --> 00:08:42.480
deve ser otimizada para inicialização e
em seguida, otimizado para carregamento de líquido

00:08:42.530 --> 00:08:42.940
também.

00:08:42.990 --> 00:08:50.810
Bootstrap assim como um tema, que
chama um sistema de grade. Portanto, a

00:08:50.860 --> 00:08:54.760
forma a estrutura inteira Bootstrap
destina-se é em termos de

00:08:54.810 --> 00:09:00.020
uma grade. E fará com que o sistema Bootstrap
a experiência de grade inteira responsiva.

00:09:00.490 --> 00:09:03.200
Portanto, neste modelo você está vendo
que eu tenho três colunas

00:09:03.450 --> 00:09:06.500
e se eu observar como posso classificar
uso da grade vai

00:09:06.550 --> 00:09:08.330
ser semelhante a esta.

00:09:09.090 --> 00:09:13.080
Para que a página inteira é dividida em
um conjunto de 12 colunas e I pode

00:09:13.130 --> 00:09:19.750
especificar que a largura de cada coluna
é. E, no meu exemplo

00:09:19.800 --> 00:09:23.580
coluna tem largura 4, portanto, tenho
3 colunas e, em seguida, adicionar

00:09:23.630 --> 00:09:28.500
para a etapa 12. Então vamos supor que eu queria
redimensionar a última coluna um pouco

00:09:28.550 --> 00:09:31.660
Diferentemente da coluna do meio.
Tudo o que preciso fazer é basicamente

00:09:31.710 --> 00:09:36.520
alterar o tamanho da grade para que
somará todos o dimensionamento da grade

00:09:36.570 --> 00:09:37.490
para a etapa 12.

00:09:38.100 --> 00:09:41.000
Portanto, eu tenho 6 a 8 para 10 e

00:09:42.960 --> 00:09:47.170
Posso fazer com que o 4, colocá-lo em
Meu aplicativo e vá voltar.

00:09:47.220 --> 00:09:50.980
Digamos que controle F5. Portanto, você verá como
classificar as colunas de divisão.

00:09:51.030 --> 00:09:54.420
Este tornou-se 2 colunas. Isso
um tornou-se 6 colunas e isso

00:09:54.470 --> 00:09:55.490
um tornou-se 4.

00:09:56.050 --> 00:10:00.200
E mesmo se eu fosse redimensionar isso
modelo, você verá como

00:10:00.250 --> 00:10:05.790
normalmente o site classificar de fica então
Eu pode direcionar uma resolução diferente.

00:10:06.680 --> 00:10:09.900
E novamente ainda obter os benefícios
de uma estrutura de resposta.

00:10:11.220 --> 00:10:15.500
Outro recurso importante dessa experiência
é o tipo de lidar com imagens.

00:10:16.130 --> 00:10:22.850
Temos imagens de diferentes
tamanhos e é bem difícil

00:10:22.900 --> 00:10:26.270
Para tornar a imagem a experiência para
ser ágil. Então, vamos dizer

00:10:26.320 --> 00:10:30.960
Adicionar esta imagem em meu aplicativo
e que tipo de voltar para

00:10:31.010 --> 00:10:35.590
Meu site. Deixe-me Iniciar
Meu aplicativo novamente.

00:10:35.640 --> 00:10:42.110
Assim você veria como classificar a imagem
de leva a tela inteira

00:10:42.480 --> 00:10:47.950
e ele messes o meu layout de site.
E parece muito feio.

00:10:48.970 --> 00:10:52.480
Com inicialização agora posso classificar de
atributo minha imagem com isso

00:10:52.530 --> 00:10:58.590
é igual a classe image responsivo
adicionará um comportamento responsivo

00:10:58.640 --> 00:11:02.960
a essa imagem e certifique-se de que
a imagem apresenta muito bem.

00:11:03.010 --> 00:11:08.280
Portanto, essa experiência, você verá
que agora a imagem está recebendo

00:11:08.330 --> 00:11:10.450
processado corretamente. Na verdade

00:11:12.830 --> 00:11:15.730
Se eu fosse colocar esta imagem neste

00:11:17.150 --> 00:11:22.070
div, você verá que eu gostaria de
Obtenha a natureza ágil

00:11:22.120 --> 00:11:24.970
Bootstrap também. Portanto, isso é o que
a imagem parece um

00:11:25.020 --> 00:11:29.450
modo de exibição completo. Se eu fosse mais ou menos
redimensioná-lo, você verá como

00:11:29.500 --> 00:11:34.950
a imagem se encaixa e ainda parece muito
legal mesmo em um pequeno fator

00:11:35.000 --> 00:11:38.570
como este. Portanto, isso é como o
site ficaria em um aparelho telefônico.

00:11:38.620 --> 00:11:42.990
Novamente eu não ter de escrever
qualquer CSS no meu aplicativo; todos os

00:11:43.040 --> 00:11:48.020
Eu tive de fazer foi usar a estrutura de Bootstrap
e obter a resposta

00:11:48.070 --> 00:11:50.470
natureza para Minhas imagens
Minhas imagens também.

00:11:51.460 --> 00:11:55.590
Outro cenário comum é tabelas.

00:11:57.380 --> 00:12:01.970
Então, vamos ver como Bootstrap ajuda
nós também tabelas de estilo.

00:12:02.500 --> 00:12:06.350
Então, aqui está uma tabela que
ter em meu aplicativo.

00:12:07.470 --> 00:12:12.660
Movê-lo aqui, vá novamente
para meu site, controle F5.

00:12:13.760 --> 00:12:18.030
Portanto, esta é a aparência da minha tabela
basicamente: nome, sobrenome.

00:12:18.080 --> 00:12:21.360
Parece bastante comum. Então, vamos
Veja como podemos rapidamente estilo

00:12:21.410 --> 00:12:26.370
a tabela para uma aparência um pouco melhor.
Portanto, pode atributo da tabela

00:12:26.420 --> 00:12:32.730
com essa classe é igual a tabela que classificar
de fornece um minimalistic

00:12:32.780 --> 00:12:36.920
estrutura de tópicos para a tabela inteira. Eu consigo
pode ser muito sofisticada. Posso dizer

00:12:36.970 --> 00:12:42.580
uma tabela com bordas ou eu
deseja uma tabela com listras.

00:12:43.500 --> 00:12:49.130
Quero uma funcionalidade em foco
tabela então em foco.

00:12:54.460 --> 00:12:57.140
Também adicionamos o IntelliSense para
Bootstrap, portanto você observará

00:12:57.190 --> 00:13:00.590
como enquanto digito estou recebendo IntelliSense
para todas as classes de inicialização.

00:13:00.640 --> 00:13:03.200
Todas essas classes são definidas
no framework Bootstrap,

00:13:03.500 --> 00:13:07.270
e no Visual Studio web developer
experiência que são de iluminação

00:13:07.320 --> 00:13:13.470
o que IntelliSense para você. Então
Se o controle F5, você verá como

00:13:13.520 --> 00:13:18.480
Eu tenho faixas. Eu tenho uma borda.
Eu tenho uma margem. Portanto, posso

00:13:18.530 --> 00:13:23.730
classificar rapidamente do estilo minhas tabelas.
E novamente são muito

00:13:23.780 --> 00:13:28.560
usados em operações de CSS que
Faço em meu aplicativo.

00:13:28.610 --> 00:13:32.060
Então Bootstrap apenas torna mais fácil
Use todas essas funcionalidades.

00:13:32.110 --> 00:13:36.590
Bootstrap tem outro recurso chamado
Glyphicons. Então, vamos dizer

00:13:36.640 --> 00:13:41.670
Eu queria ultrapassarem um ícone de email
aqui, e posso especificar uma classe

00:13:44.480 --> 00:13:46.520
envelope-chamado glyphicon.

00:13:48.920 --> 00:13:53.780
E se eu executar o aplicativo novamente,
Ir para entrar em contato, você poderá

00:13:53.830 --> 00:13:55.920
Consulte Como posso obter um

00:13:57.460 --> 00:14:00.370
envelope ou um ícone de email
sobre em meu aplicativo.

00:14:01.010 --> 00:14:04.360
Novamente, uma das maneiras em que inicializar
classificação de facilita realmente

00:14:04.410 --> 00:14:09.480
fácil de adicionar essa funcionalidade
em seu aplicativo. Um ótimo

00:14:09.530 --> 00:14:14.970
forma de aprender sobre Bootstrap
vai para o site se

00:14:15.020 --> 00:14:19.520
Comece a seguir os tutoriais
para CSS. Eles têm um prático

00:14:19.570 --> 00:14:23.210
abordagem para escrever os tutoriais
Portanto, você pode simplesmente clicar em tabelas.

00:14:23.480 --> 00:14:26.960
Eles têm um exemplos muito básico
de tabelas e, em seguida, classificar o build

00:14:27.010 --> 00:14:30.100
com ele para fornecer mais informações
sobre como você pode personalizar

00:14:30.150 --> 00:14:34.000
a tabela com faixas, para
ter bordas, como fazer

00:14:34.050 --> 00:14:38.360
ele responde, como você faz formulários,
assim por diante e assim por diante.

00:14:38.410 --> 00:14:43.140
Bootstrap tem outro recurso em
a área de JavaScript onde eles

00:14:43.190 --> 00:14:48.070
permitem que você faça dropdowns modal bastante
fácil. Portanto, esse é um exemplo

00:14:48.120 --> 00:14:51.410
de como uma janela restrita caixa de diálogo
aparência

00:14:53.140 --> 00:14:57.050
na inicialização. Isso torna realmente
fácil de adicionar essa funcionalidade

00:14:57.100 --> 00:14:58.860
seu aplicativo também.

00:14:58.910 --> 00:15:04.360
Outra situação comum que
pessoas com imagens é como

00:15:04.410 --> 00:15:07.930
você gera miniaturas
para o seu aplicativo.

00:15:08.470 --> 00:15:14.330
Para que este aplicativo, vou para
efetuar logon via minha conta do Facebook

00:15:14.380 --> 00:15:17.870
e vou recuperar informações
sobre meus amigos, suas imagens.

00:15:18.170 --> 00:15:20.270
E vou mostrar
você na interface de usuário.

00:15:21.060 --> 00:15:24.040
Novamente este é um dos recursos
que temos no ASP.NET

00:15:24.090 --> 00:15:27.190
modelos de onde você pode efetuar login
por meio de um provedor social como

00:15:27.240 --> 00:15:32.630
Conta do Facebook, Google, Microsoft
para que os desenvolvedores podem fornecer

00:15:32.680 --> 00:15:34.020
uma experiência de aperfeiçoamento.

00:15:37.610 --> 00:15:39.120
Deixe-me fazem logon via Facebook.

00:15:40.150 --> 00:15:43.440
Portanto, isso vai para o Facebook. Ele autentica
-Me. Volta

00:15:43.490 --> 00:15:48.690
para o aplicativo. Depois de autenticado
ele recupera a imagem do meu perfil.

00:15:49.070 --> 00:15:50.650
E se eu clicar em meu nome

00:15:52.530 --> 00:15:55.590
Você verá que a lista de
amigos aparecerá. E eu sou

00:15:55.640 --> 00:15:58.450
Exibir todas as imagens. E
Você verá como as imagens

00:15:58.500 --> 00:16:01.850
tipo de bem são formatadas em
miniaturas e então, imagine o

00:16:01.900 --> 00:16:04.500
quantidade de código que tive de escrever
para gerar este tipo de um

00:16:04.550 --> 00:16:09.640
marca. Portanto, se alternar para
Meu aplicativo e se devo ir para

00:16:09.690 --> 00:16:11.770
minha página de informações do Facebook

00:16:13.970 --> 00:16:16.530
Esta é a quantidade de código que tive
para gravar para gerar miniaturas.

00:16:16.580 --> 00:16:20.150
Novamente, há muito pouco CSS.
CSS são classes que

00:16:20.200 --> 00:16:23.880
são provenientes do framework Bootstrap.
Não tive de escrever

00:16:23.930 --> 00:16:29.350
qualquer CSS personalizado para gerar uma miniatura
modo de exibição para todas as Minhas imagens.

00:16:29.400 --> 00:16:34.510
Novamente apenas para fechar em
ele: inicializar integração no ASP.NET

00:16:34.560 --> 00:16:39.640
modelos torna muito fácil
Para começar com um modelo

00:16:39.690 --> 00:16:43.720
que está respondendo, que é móvel
amigável, que é o metro

00:16:43.770 --> 00:16:47.370
temas, que realmente facilita
para a criação de aplicativos

00:16:47.420 --> 00:16:51.220
para que você pode direcionar o formulário diferente
fatores e navegadores diferentes.

00:16:51.690 --> 00:16:54.390
E você pode gastar a maior parte do seu tempo
Criando o aplicativo específico

00:16:54.510 --> 00:16:57.220
lógica e nunca se preocupe
o framework de interface do usuário.

00:16:57.730 --> 00:17:00.560
Portanto, espero que você tenha gostado. Obrigado
você por assistir este vídeo.

00:17:00.610 --> 00:17:03.870
Esperamos que você tenha gostado de Bootstrap
integração no Visual Studio

00:17:03.920 --> 00:17:07.640
e o ASP.NET e espero que você irá
Use estes modelos para criar

00:17:07.690 --> 00:17:11.440
backup de aplicativos. Para saber mais
Você pode ir para o site do ASP.NET

00:17:11.490 --> 00:17:17.300
e check-out de como você pode integrar
Bootstrap melhor.